Mobile product gallery

Hi, I wan´t to show thumbnails bottom on my desktop product gallery but show no thumnail on mobile… How to do this?

Hello,

Try to use Theme Presets for Mobile, navigate to Theme Settings > Presets and create a preset specifically for mobile devices and set the condition to custom and choose “Is mobile device”.

In this preset, go to Theme Settings > single product > gallery > choose the gallery layout for mobile.

Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/

Best Regards,

Hi, didn´t work for me… maybe its because i´m using custom templates for my single product page? (even using “inherit from theme settings)
I achieved it by adding two product galleries to my custom template y managed the responsive setting so I have one that shows on tablet and desktop with bottom thumbnails and one for mobile which has no thumbnails…

Could this be bad for performance?

Attachments:

You must be logged in to view attached files.

Hello,

When certain Custom Layouts are enabled for the Single Product, any changes made under Theme Settings will not automatically take effect, as the custom template overrides the global settings.

In this scenario, you will need to adjust the layout directly within the custom template. Your current approach—adding two galleries and controlling their visibility via responsive settings. This method ensures the desired layout for desktop and mobile devices though please note it may introduce a slight increase in page load.

Best Regards

[Author]

Posts