Skip to product information
【Dawn】Shopifyのテーマ「Dawn」のコレクションページでセール商品について「割引率」「割引額」を表示できるようにする設定例
  • 【Dawn】Shopifyのテーマ「Dawn」のコレクションページでセール商品について「割引率」「割引額」を表示できるようにする設定例
[Dawn] A setting example for displaying "discount rate" and "discount amount" for sale items on the collection page of the Shopify theme "Dawn"
Published:2024.06.20

[Dawn] A setting example for displaying "discount rate" and "discount amount" for sale items on the collection page of the Shopify theme "Dawn"

用途

This is an example of settings that allows you to display labels for "Discount rate" and "Discount amount" in addition to the word "Sale" that is displayed by default for products on sale on the collection page of the Shopify theme "Dawn."


Example of settings to display "discount rate" and "discount amount" for sale items on the collection page of the theme "Dawn"


[(For the Dawn theme) Setting method ①] Add the schema to "main-collection-product-grid.liquid" and the label to "ja.schema.json"


[(For the Dawn theme) Setting method ②] Add code to "main-collection-product-grid.liquid" and "card-product.liquid"


[(For the Dawn theme) Setting method 3] Select "Display discounts" in the settings of the "Product Grid" section of the collection template


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

[Dawn] A setting example for displaying "discount rate" and "discount amount" for sale items on the collection page 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 schema to "main-collection-product-grid.liquid"

↗ Related Post

すべてのShopify TIPS

View all