Vertical Product Slider with arrows on Dawn Theme

Store Design
, , , ,

Topic summary

A user seeks help modifying their Dawn theme product page layout to achieve a specific design:

Desired Layout Changes:

  • Move product image carousel to the left side of the main image
  • Display carousel vertically with a maximum of 5 visible thumbnails
  • Add vertical navigation arrows to scroll through additional images
  • Implement horizontal arrows for the main product image
  • Make the main image sticky so it remains at the top when scrolling down

Current Status:

  • User provided reference images showing the desired layout (images appear corrupted in the thread)
  • Shared their store URL (puplin.com) for context
  • One response provided a YouTube tutorial link for displaying thumbnails vertically

Resolution: The discussion remains open with limited guidance provided so far. The user is awaiting more detailed CSS customization help to achieve the complete layout transformation.

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

Hi,

Can someone help me figure this out please? I want that my product page looks someone like the image that I am attaching. I want the carousel to be on the left side of the main image, and that it has a limit of 5 images displayed but has vertical arrows to navigate to the other images. Also horizontal arrows for the main image. Also, the image should stick to the top when scrolling down.

Screenshot 2024-08-16 at 4.13.02 PM.png
Screenshot 2024-08-16 at 4.13.02 PM.png1910×1424 459 KB

Screenshot 2024-08-16 at 4.07.29 PM.png
Screenshot 2024-08-16 at 4.07.29 PM.png2494×1578 673 KB

2

www.puplin.com

3

Show vertically thumbnails: