Skip to product information
1 of 1
Published:2025.01.04

A setting example for displaying specified product thumbnails for each product on collection pages and featured sections of the Shopify theme "Rise/Dawn"

A setting example for displaying specified product thumbnails for each product on collection pages and featured sections of the Shopify theme "Rise/Dawn"

Applications

  • Collection information management and editing

How to implement

  • LIQUID
View full details

We sometimes receive requests to intentionally change the top image on the product screen and the image displayed on the list screen. Here is a way to display a specified thumbnail image for each product on the product list screen, such as "Collections" or "Featured Collections", in addition to the top image.

◆Benefits of implementation ・Product images to be displayed on the list screen can be individually specified, allowing for flexible product promotion.
- Easy setup using product metafields keeps operational costs low.

◆Specific steps ①Create a product metafield to specify the thumbnail to display ②Add a process to switch the product image to the specified one in snippets/card-product.liquid


Example of settings to display specified product thumbnails for each product on collection pages and featured sections of the theme "Rise/Dawn"


[Setting Method 1] Create a product metafield to specify the thumbnail to display


[(For the Rise/Dawn theme) Setting method ②] Edit the code in "snippets/card-product.liquid"


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

Edit the code in "snippets/card-product.liquid"

Related Post