My product images repeat on desktop, but only when using the arrows. On the mobile version, there are no arrows so I’d like the images to repeat manually. Is that possible?
Here’s the url
Thanks
Topic summary
User wants product images to loop continuously on mobile, similar to desktop behavior where arrow navigation allows cycling through images repeatedly (infinite carousel). On mobile, there are no arrows and swipe navigation stops at the last image; they want manual swipe to wrap from last to first (and vice versa).
Details:
- Platform: Shopify product page (URL provided).
- Current behavior: Desktop arrows enable repeat; mobile swipe does not loop.
- Desired behavior: Enable infinite/looping image carousel on mobile without arrows.
- Evidence: Two screenshots and a product URL included.
Outcome/Status: No solution or guidance provided yet; the request remains open with the user asking if this is possible and how to enable it.
1 Like
Hi @Will408 ,
What do you mean by “repeat manually”?
I guess he means loop back to first image after the 27th
This would require significant changes to the theme Javascript code.
Or, you can make arrows visible on mobile as well and than should be able to loop with arrows (not by drag though!).
Just find this line (prior to 3.2.0 it was in blocks/_product-media-gallery.liquid:
and change class: 'mobile:hidden' to class: ''
Hi @Will408
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottow of the file:
slideshow-arrows {
display: flex !important;
}
Hi,
Hope this will help
Here are the things need to check:
Mobile galleries in most Shopify themes don’t loop by default.Looping is possible either via a theme setting or a small JS change.
Look for “loop: false or wrapAround: false” in your slider code and set it to true.