Skip to product information
【Dawn】Shopifyのテーマ「Dawn」で「商品カード(デフォルトコレクション、特集コレクション)」に商品公開後の一定期間、自動で「新着アイコン」を表示する設定例
Published:2023.05.07

[Dawn] Example of settings for automatically displaying a "New Arrival Icon" on "Product Cards (Default Collection, Featured Collection)" for a certain period of time after a product is published in the Shopify theme "Dawn"

If you want to display a "New Arrival" icon on your Shopify product listings, you will often use "product tags" to manage them, but in stores with a large number of items, you may want to automatically control this using the product publication date. In these cases, you can write the logic directly into the code, but here is an example of how to manage it in the theme settings.

Example of settings for automatically displaying the "New Arrival Icon" on the "Product Card (Default Collection, Featured Collection)" for a certain period of time after the product is released in the "Dawn" theme

The date the product was published will be the base date. (If a published product is made private and then republished, the date will become the publication date, so it will be treated as a new product and will be eligible for the "New product icon display.")


[Settings Step 1] Add items to "settings_schema.json" and labels to "ja.schema.json"


[Settings Step 2] Modify the display code of "cart-product.liquid"


[Operation Procedure] Set the display settings ON/OFF, display period of new icons, etc. in the theme editor


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

View store information

[Dawn] Example of settings for automatically displaying a "New Arrival Icon" on "Product Cards (Default Collection, Featured Collection)" for a certain period of time after a product is published in the Shopify theme "Dawn"

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

Sample Codes

Test Theme :Dawn/Rise 15.2.0

settings_scheme.json

↗ Related Post

すべてのShopify TIPS

View all