Hi I would like to add thumbnails of the variants of each product in the collections page (DAWN)

[ilotz]

Here is an example:

https://yukon-outfitters.com/collections/hard-coolers

can anyone help?

thanks!

[Digiteon]

To add variant thumbnails to the collection page in Dawn, you'll need to modify the theme's collection template. Here’s a short guide:

1. Locate the Code: Go to Online Store > Themes > Edit code and open the main-collection-product-grid.liquid file (or a similar product grid file depending on your setup).

2. Add Variant Images: Inside the product loop, include code to fetch and display each variant's image as a thumbnail under the main product image.

3. CSS Styling: Add CSS to style the variant thumbnails for proper alignment and visibility.

4. JavaScript (Optional): Use JavaScript to switch the main image when a thumbnail is clicked.

This setup will display thumbnails of product variants directly on the collection page.

[Made4uo-Ribe]

Hi @ilotz 

This is doable, but it requires custom code. See the sample below.

Let us know if your interested. Thanks!