Skip to product information
1 of 1
Published:2023.10.01

How to set up the Shopify theme "Dawn" so that you can specify images other than the first and second images for the product thumbnails in the collection

How to set up the Shopify theme "Dawn" so that you can specify images other than the first and second images for the product thumbnails in the collection

Applications

  • Collection information management and editing

How to implement

  • LIQUID
View full details

The product photo displayed on the collection page of the Shopify theme Dawn is fixed to the first image registered in the product information (second image when the mouse is over), but here is how to set it so that you can specify an image of your choice. There is an input field in the meta field, so you can specify it for each product.


How to set up the Dawn theme so that you can specify images other than the first and second images for the product thumbnails in the collection


Setup Step 1: Create product metafields


Step 2: Modify card-product.liquid (Part 1: Main thumbnail image)


Step 3: Modify card-product.liquid (Part 2: Thumbnail image when hovering mouse over)


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Modifying card-product.liquid (Part 1: Main thumbnail image) ①


Modifying card-product.liquid (Part 1: Main thumbnail image) ②