Keyword
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

  • dimkou
  • dimkou's Avatar Topic Author
  • Offline
  • New Member
More
5 years 3 weeks ago #139707 by dimkou
dimkou created the topic: Size of the Slideshow in Mobile Devices
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.

More
5 years 3 weeks ago #139708 by Krikor Boghossian
Krikor Boghossian replied the topic: Size of the Slideshow in Mobile Devices
Hello,

I will need a link to troubleshoot this issue.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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

More
5 years 3 weeks ago #139709 by Krikor Boghossian
Krikor Boghossian replied the 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.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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

  • dimkou
  • dimkou's Avatar Topic Author
  • Offline
  • New Member
More
5 years 2 weeks ago - 5 years 2 weeks ago #139710 by dimkou
dimkou replied the 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.

More
5 years 2 weeks ago #139711 by Krikor Boghossian
Krikor Boghossian replied the 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.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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

  • dimkou
  • dimkou's Avatar Topic Author
  • Offline
  • New Member
More
5 years 2 weeks ago #139712 by dimkou
dimkou replied the 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.

More
5 years 2 weeks ago #139713 by Krikor Boghossian
Krikor Boghossian replied the topic: Size of the Slideshow in Mobile Devices
You 're welcome mate :)
Always glad to help.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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


Powered by Kunena Forum