Skip to product information
1 of 1
Published:2025.01.03

Example of a setting that allows you to specify the order in which thumbnails are displayed for products in a featured collection installed with the Shopify theme "Rise/Dawn"

Example of a setting that allows you to specify the order in which thumbnails are displayed for products in a featured collection installed with the Shopify theme "Rise/Dawn"

Applications

  • Product information management and editing

How to implement

  • LIQUID
View full details

This is a way to display a specified product image instead of the first product image in a featured collection section used to list a certain number of products on the homepage, etc.
This can be used in stores that have registered product color variation images in a certain order, to display only specific colors.

◆Benefits of implementation ・While handling the same product, you can specify different images for multiple featured collections, allowing for flexible product promotion.
- It can be easily set up using the theme editor, which helps keep operational costs low.

◆Specific steps ① Add a schema to sections/featured-collection.liquid, a label to ja.schema.json, and add an argument for the display number when referencing snippets/card-product.liquid ② Add a process to switch the product image to the specified one in snippets/card-product.liquid ③ Add a featured collection section in the theme editor and specify the thumbnail number you want to display


Example of a setting that allows you to specify the order in which thumbnails are displayed for products in a featured collection installed with the theme "Rise/Dawn".


[(For the Rise/Dawn theme) Setting method ①] Add the schema to "sections/featured-collection.liquid", add the label to "ja.schema.json", and add the argument to "sections/featured-collection.liquid".


【(Theme 【(For Rise/Dawn Theme) Setting Method ②】Edit the code in "snippets/card-product.liquid"


[(For the Rise/Dawn theme) Setting method 3] Add a Featured Collection section in the theme editor and specify the thumbnail number you want to display.


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

Add schema to "sections/featured-collection.liquid"

Add a label to "ja.schema.json"

Add argumen...

Related Post