Stacked Thumbnails on Product pages (motion theme)

Shopify Discussion

Topic summary

A user seeks to change product page thumbnail layout from horizontal to vertical stacking on their Shopify Motion theme site to reduce mobile scrolling. They’ve observed this vertical layout exists in the theme’s \

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hello, I am trying to minimize the scroll for mobile on my website product pages (https://www.wearewellmade.com/products/visible-vinyl-wm), by placing the product page thumbnails stacked vertically rather than horizontally.

I know this is possible, because the theme shows this in the demo site (https://themes.shopify.com/themes/motion/styles/classic/preview).

I do see that this is the “classic” style of the site, though I’m not sure what we are running and I am afraid that if I change it, I may lose a lot of work that we have gone through for setting the site up as is.

Can someone help with either where in the theme this is controlled, or how I can override with CSS?

2

Hey @bknowlden

If you want the thumbnails vertically then there is a setting in the theme, i highlighted it in the attached screenshot.

Please note, it’s strongly recommended to make any changes in a duplicate theme, not the live theme. First, create a copy of the live theme and then proceed with updates in the duplicate theme.

4634f393-1852-438a-adec-6c192d4a056c.png
4634f393-1852-438a-adec-6c192d4a056c.png326×518 14.9 KB

3

Thanks for this! Where in the theme is this located @Anonymous ?

4

I record a screen for you

https://www.awesomescreenshot.com/video/19796735?key=aa5dc297325410d6c07fe9441f402313