Skip to product information
【Dawn】Shopifyのテーマ「Dawn」のコレクションの商品サムネイルに1枚目・2枚目以外の画像を指定できるようにする設定方法
  • 【Dawn】Shopifyのテーマ「Dawn」のコレクションの商品サムネイルに1枚目・2枚目以外の画像を指定できるようにする設定方法
[Dawn] 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
Published:2023.10.01

[Dawn] 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

用途

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.

[Dawn] 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

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) ②

すべてのShopify TIPS

View all