How can I add scrollable images to a collection page?

Store Design

Topic summary

Goal: add scrollable image galleries to Shopify collection (category) pages so shoppers can view multiple product photos directly on the listing without opening product pages.

Desired UX: on desktop, arrows appear on hover to cycle through images; on mobile, images must be scrollable/swipeable without hover. A screenshot was provided to illustrate the arrow-on-hover behavior, making the visual interaction central to the request.

Proposed solutions: two Shopify apps were suggested—POWR Image Slider (general image slider) and GS Change Image on Hover (switches images on hover). These may enable image cycling on collection grids and could support touch/swipe on mobile, depending on configuration.

Status/next steps: no confirmation of implementation yet. The requester should test whether these apps work within collection page grids, support mobile touch interactions (since hover does not exist on mobile), offer arrows or swipe controls, and maintain site performance. Discussion remains open.

Summarized with AI on February 16. AI used: gpt-5.
1

hi everyone
We would like to have scrollable images on the collection page with garments so that a user does not have to click a product image to land on the product page where he/she can then see various product images.

I made a screenshot of a website that has what we are looking for. I am referring to the image with the arrows (which appear on ‘hover over’). It’s important the images are also scrollable on the collection page when visited from a mobile phone.

Does such an app (or something else) exist to achieve this?

Thank you for your assistance.
Kevin

overview.jpg
overview.jpg800×406 34.4 KB

2

Hi @kevinvanlancker ,

You can refer to the following app:

Hope it helps!