COMMUNITY FORUM

Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Size of the Slideshow in Mobile Devices

Start
Prev
1
Next
End

dimkou
Topic Author
Offline
New Member

10 years 1 month ago #139707 by dimkou

Size of the Slideshow in Mobile Devices was created by dimkou

Hi,

I have created a Slideshow with K2 Items and it works correctly.
A little problem that I face is that the slideshow appears too big in mobile devices and when a visitor tries to scroll down with his finger, then he clicks on an slideshow's image. As I see, the demo site of Toreda appears a little bit smaller in the majority of the mobile devices.
The only difference that I noticed between my site and the demo Toreda site is that I have placed main menu in "toreda_Horizontal_Menu" and not in "toreda_Menu" position. (I set it also in "toreda_Menu, but there are bugs and I can't see anything of the menu list and also the slideshow and slider don't appear).

It's a Joomla 3.3.4 website with the latest update of the template.
Thanks in advance!

Best regards,
dimkou

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 1 month ago #139708 by Krikor Boghossian

Replied by Krikor Boghossian on topic Size of the Slideshow in Mobile Devices

Hello,

I will need a link to troubleshoot this issue.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 1 month ago #139709 by Krikor Boghossian

Replied by Krikor Boghossian on topic Size of the Slideshow in Mobile Devices

Ok,

The size of the Slideshow is being correctly calculated.
The is one issue however in the link you sent me.

The XL image size is generating images about 3MB and it takes forever to load. This gives the impression that the slideshow is not working.

You can do two things.
a) Use the large size in the module' settings.
b) or downsize the XL image size, downsize the image quality to 75 and reupload the images.

Now as for the header and the menus.
You can only have one menu position published at a time. You can try enabling both and let me know so I can provide a solution.

PS. Scripts that work after the page has been loaded will appear as no functioning, since the onload functions are triggered only after these 3mb images have been dowloaded.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

dimkou
Topic Author
Offline
New Member

10 years 1 month ago - 10 years 1 month ago #139710 by dimkou

Replied by dimkou on topic Size of the Slideshow in Mobile Devices

Hi,

I agree that the slideshow takes a lot of time to load. The images' size that is set in "Module Manager" is XL and the images that have been uploaded have dimension 1200 x 800px and maximum 300kb size. When I set L image size, then the images appear not so clear.

However, there is also another point that I can't solve. As I have described in previous post "the slideshow appears too big in mobile devices and when a visitor tries to scroll down with his finger, then he clicks on an slideshow's image". I don't know if we can solve it..

I thought that this is caused because of the difference of the main menu position between my website and the demo Toreda site. I have tried only one menu position per time, but I also tried enabling both of them.

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 1 month ago #139711 by Krikor Boghossian

Replied by Krikor Boghossian on topic Size of the Slideshow in Mobile Devices

The demo site renders through the iframe so that is why you are seeing it a bit different in your mobile.

You can decrease the height of the slideshow by changing the scripts a bit.

Open your template's behaviour.js file and locate the following block.

function slideshowHeight() {
	   //var slideshowWrapperHeight = $(".modSlideshowBlock").height();
	   	var totalHeight = $(window).height();
	    var slideshowHeight =  $(window).height() - $('.mainHeader').height();
			$(".modSlideshowBlock").css('height',slideshowHeight);
	    $(".modSlideshowBlock .itemsWrapper").css('height',slideshowHeight);
	}

You can remove pixels from the total height like this:

$(".modSlideshowBlock").css('height',slideshowHeight-100);
	    $(".modSlideshowBlock .itemsWrapper").css('height',slideshowHeight-100);

This will remove 100pixels.

As for the images, you could increase them a bit I guess but your site is now A LOT faster.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

dimkou
Topic Author
Offline
New Member

10 years 1 month ago #139712 by dimkou

Replied by dimkou on topic Size of the Slideshow in Mobile Devices

Hi Krikor,

that's exactly what I mean. Now this website is more functional in mobile devices.

Really thank you for one more time!

Best regards,
dimkou

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 1 month ago #139713 by Krikor Boghossian

Replied by Krikor Boghossian on topic Size of the Slideshow in Mobile Devices

You 're welcome mate :)
Always glad to help.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End