Product image slider

Retired Boards Appdev Store Design

Topic summary

Request: Implement a swipeable product image slider in the Shopify Spotlight theme. Desired behavior: swipe to next/previous image; on mobile, tapping zoom should open a full-screen image at its original 1080×1080 size (not over-zoomed) with a slider in full-screen. Reference site link provided for the expected UX.

Guidance given: A participant advised configuring Product page settings (Product information: Desktop layout = Thumbnails, Mobile layout = Show thumbnails) and shared screenshots. This did not resolve the issue.

Latest update: Another participant stated the free Spotlight theme does not natively support the referenced behavior. Achieving it will require custom coding (likely Liquid/JavaScript/CSS) to add a custom slider and a controlled full-screen viewer on mobile.

Status: Unresolved/ongoing. No actionable code or app recommendation provided yet.

Key gaps: Specific implementation steps or code, whether an app or alternate theme could meet the requirement, and how to constrain mobile zoom to an exact full-screen 1080×1080 with slider.

Notes: Shared screenshots were central to the suggested (unsuccessful) settings change. “Liquid” refers to Shopify’s templating language.

Summarized with AI on January 9. AI used: gpt-5.
1

Hi , I want product image slider that if we swipe the picture it should move to the next picture from the right and previous picture to the left. My theme is spotlight theme

Secondly for the mobile only I want that by clicking on the zoom button of the product image , the image should not get too much zoomed in it should just become full screen version of it’s original size that is 1080px by 1080px and there should also be a product image slider for full screen product picture

Here is the link of my site : www.premiumshoes.pk

Here is the reference link of the site:

https://www.trendlad.co/products/fw458

from where you can check how should my product image looks like by clicking on it

2

Hey there Muddassar,

You can refer to these steps:

Customize theme > Product page

magenest_0-1704708332748.png
magenest_0-1704708332748.png1643×660 112 KB

In the Product information section: Set Desktop layout: thumbnails, Mobile layout: Show thumbnails.

magenest_1-1704708395108.png
magenest_1-1704708395108.png1639×692 138 KB

Let us know if this helps.

3

this doesn’t fix my problem at all , thankyou but your suggestion was not helpful at all.

4

Hi @MuddassarHafeez ,

Your store has a free theme installed. and the theme does not have the feature as your reference. Now achieve this feature requires some coding into your theme.

I hope you got the point.

Thank you.