Issue: The Ride theme’s product image lightbox (pop-up viewer) uses a vertical scroll and is considered unusable by the requester. They want a carousel (slider) with left/right arrows on desktop and tap-to-zoom with swipe navigation on mobile.
Current capability: The theme editor offers no setting to change the lightbox to a carousel. Ride relies on Shopify’s native product media lightbox, which displays images in a vertical scroll.
Required solution: The default lightbox must be overridden. This can be done with custom theme code or by installing a third-party gallery app.
Implementation options:
Outcome: Consensus that the change is possible only via custom code or an app; no built-in Ride setting. Next steps: pick a coding approach or install an app; direct assistance was offered via inbox. The thread appears resolved with these options.
Hello,
The lightbox pop-up on ride theme is terrible I would like it to be a carousel with arrows rather than one horrible unusable scrolling page. Took a look through theme editor and cannot see an option for it.
Is there a way to change this, example here, its totally unusable as it is.
On Desktop - keep images fit to screen - use arrows to scroll left / right in lightbox
On Mobile click to zoom - sipe for next.
Is this possible or needs some custom code or app?
@DSEUK This isn’t configurable through the Ride theme settings.
Ride uses Shopify’s native product media lightbox, which displays images in a vertical scroll. There’s no built-in option to change this to a carousel with arrows or swipe navigation.
To achieve:
Desktop: images fit to screen with left/right arrows
Mobile: tap to zoom and swipe between images
the default lightbox needs to be overridden. That requires custom theme code (replacing the media modal with a slider-based lightbox such as Swiper or Flickity) or using a third-party gallery app that replaces Shopify’s native behavior.
So yes, it’s possible, but not without custom code or an app.
Because ride is from amongst the old themes so it doesn’t have the feature you want but is doable in two ways as others have mentioned.
First an app and secondly theme customisation so with code. If you go the code way then you might probably need a developer if you are not accustomed with code. With an app you could do it yourself.
In case you wanna go the code way, I have always used a js library called swiper.js for such slider effects.
Best
Hi,
Hope this will help
There is no setting in the theme editor to change this behavior you didn’t miss anything.
Your realistic options
Option 1: Custom code (best long-term solution)
Option 2: App-based lightbox
Option 3: Theme change (least ideal)
@topnewyork this does not do what im looking for, I guess it would work but the video is for Dawn not Ride and remove zoom, which is not good.
@Melo_store Thanks, looking around at the other answers and solutions GG Product page slider seems the best, but 9 bucks a month seem a bit steep long term. Going to check it out on 7 day free trial.