Skip to product information
1 of 1
Published:2023.06.13

Example of setting up a ranking frame on a collection page using the Shopify theme "Dawn"

Example of setting up a ranking frame on a collection page using the Shopify theme "Dawn"

Applications

  • CollectionsEdit

How to implement

  • LIQUID
  • HTML/CSS
View full details

We sometimes receive requests to display category rankings in a separate section on Shopify's collection pages, like Rakuten. It's a bit of a hassle, but here's an example of how to use the "Featured Collections" section in the Dawn theme as a ranking display section while still allowing regular use.

How to automatically generate a menu that allows navigation within the same hierarchy from the main menu in the "Dawn" theme


Setup Step 1: Add a definition to the collection meta field, specify the collection, add the scheme to "featured-collection.liquid" and the label to "ja.schema.json".


Step 2: Modify the code in "featured-collection.liquid"


Setup Step 3: Add a "Featured Collection" section to any location in the collection template and configure various settings.


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 scheme to "featured-collection.liquid"


Add a label to "ja.schema.json"


Modified the code for "featured-collection.liquid" (to hide the contents of the referenced collection if "d...

Related Post