Skip to product information
1 of 1
Published:2024.06.20

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

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

Applications

  • Collection information management and editing

How to implement

  • HTML/CSS
  • LIQUID
View full details

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.

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