Skip to product information
【Dawn】Shopifyのテーマ「Dawn」のコレクション(商品一覧画面)でSNS等でピックアップしていることを知らせるマーカーを表示する設定例
Published:2023.11.06

[Dawn] A setting example for displaying a marker to indicate that a product has been featured on social media in the collection (product list screen) of the Shopify theme "Dawn"

In Shopify, you may often direct customers to your products through various channels, such as social media, so you can make it easier for visitors to find the product they are looking for by marking which channel it was picked up on. Here is an example of how to add a special tag to a product and mark it on the collection screen.


Example of settings to display a marker to indicate that a product has been featured on social media in the collection (product list screen) of the theme "Dawn"


[Settings Step 1] Add a new block element to the scheme of "main-collection-product-grid.liquid" (ja.schema.json is omitted)


[Settings Step 2] Modify the code for "main-collection-product-grid.liquid" and "card-product.liquid"


[Settings Step 3] Set the necessary tags and display settings in the theme editor (you can add more icons to display by adding blocks)


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

View store information

[Dawn] A setting example for displaying a marker to indicate that a product has been featured on social media in the collection (product list screen) of the Shopify theme "Dawn"

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a new block element to the scheme of "main-collection-product-grid.liquid"

↗ Related Post

すべてのShopify TIPS

View all