I’m using the Boost theme and on the Product page, I have the smaller preview photos positioned to the left of the main product photo. The only issue is that if I have a lot of photos loaded in the listing, they extend far past the bottom of the main photo. I was wondering if there’s a way to be abl…

@melimiya add code in style.css file @media only screen and (min-width: 768px) { .product-detail__thumbnails { padding-top: 35px !important; } img.a-right1 { top: 0px !important; transform: rotate(274deg); width: 30px !important; height: 30px !important; left: 50px !importan…

[image] The Kittie Treats Shop | Kawaii Planner Stickers & Stationery The Kittie Treats Shop is your one-stop shop for adorable cat-themed planner stickers, vinyl stickers, calendars, and more!

@melimiya first add this cdn in theme.liquid under head tag then i will check further.

[Theme liquid code.png] Ok, I pasted the code under the head tag. I just included a screenshot to make sure I put it in the right place.

@melimiya [mrashid_0-1718062122480.png]

@melimiya paste code at the end in theme.liquid

Awesome! Looks like the code worked! I was wondering if it’s possible to be able to scroll using arrows or the mouse wheel instead of having to drag the photos up and down?

Enable Scrolling through Preview Photos in Boost theme

Store Design

mrashid_1 June 11, 2024, 12:22am 14

@melimiya share code

Topic		Replies	Views
Brooklyn theme: Changing product thumbnail position from the bottom to the side Store Design	12	108	January 17, 2023
How to add thumbnail images to product pages Store Design	28	500	May 30, 2023
Move product thumbnails from bottom to left of product image? Store Design	4	69	November 18, 2021
Align Product Image Thumbnails To Left Of Main Image - Dawn Theme (Desktop Only) Store Design	19	408	November 27, 2024
Align Product Image Thumbnails To Left Of Main Image Store Design design , customizations , css , shopify-themes	19	220	November 27, 2024

Enable Scrolling through Preview Photos in Boost theme

Related topics