Thumnail carousel at the left side of the main image

Store Design
,

Topic summary

A user has repositioned product image thumbnails to the left side of the main image using CSS on their Shopify store (using the Sense theme).

They now want to enhance this layout by:

  • Limiting the visible thumbnails to a maximum of 6
  • Adding up/down navigation arrows below the thumbnails
  • Creating a carousel functionality to scroll through products with many images

The user is seeking guidance on how to implement this carousel feature while maintaining their custom left-side thumbnail positioning.

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

I placed the thumbnails on the left side using CSS. However, I realized that sometimes there are products with many thumbnails, so I want to limit it to 6 and add an arrow up and an arrow down at the bottom of the thumbnails to make it a carousel. How can I do that?

I am using Sense Theme.

https://www.emmadevos.com/products/lily-vielseitiger-stilvoller-mantel-mit-knopfen?variant=45154211168520