Skip to product information
1 of 1
Published:2024.07.30

Example of setting up Shopify's theme "Dawn" collection page to display rankings using only the theme editor without "editing the code"

Example of setting up Shopify's theme "Dawn" collection page to display rankings using only the theme editor without "editing the code"

Applications

  • Collection information management and editing

How to implement

  • Javascript
  • HTML/CSS
View full details

This is a way to display rankings on the collection page of the Shopify theme Dawn without doing any major work like editing code. Even if your pages are divided into multiple pages, you can display rankings by consecutive numbers.


Example of setting up Shopify's theme "Dawn" collection page to display rankings using only the theme editor without "editing the code"


[(For the Dawn theme) Setting method ①] Set the collection meta field that specifies whether to display rankings.


[(Dawn Theme) Setup Method 2] Add a customized Liquid section to your collection page and insert the code


[(For the Dawn theme) Setting method 3] Set the metafield of the collection you want to rank


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 a customized Liquid section to your collection page and insert the code

Related Post