Remove Product Gallery on Mobile
-
I would like to remove the product gallery thumbnails (the small preview images below the main image) on mobile devices only, while keeping them visible on desktop. On mobile, I only want to display the main image carousel with pagination (dots or arrows for navigation between images).
Attachments:
You must be
logged in to view attached files.
Hello,
Try to use the theme preset feature of our theme for mobile devices and choose the other gallery layout for mobile.
Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/
Best Regards
Hey,
Thank you for the message, however I have now read the documentation, and tried to add a preset but how do I configure that it only change/shows for mobile or desktop mode?
I would really appriciate if you could do this one for me so I can also learn.
I Also wonder how do we remove the variants in the product archive / catalog page?
Attachments:
You must be
logged in to view attached files.
Hello,
01. Try to Use Theme Presets to apply conditions for mobile devices:
Go to Theme Presets and select the “Is mobile” condition. https://ibb.co/yR89vmL
Then go to the Theme Setting of this preset and choose gallery layout from single product settings. Check our article about theme presets – https://xtemos.com/docs-topic/theme-settings-presets/
02. Navigate to Theme Settings > Shop > Variable products > remove attribute from “Grid swatch attribute to display” – https://prnt.sc/6XYIp5WRLT5q
Best Regards
.
