Skip to product information
1 of 1
Published:2023.06.16

Example of setting up ranking frames on product pages using the Shopify theme "Dawn"

Example of setting up ranking frames on product pages using the Shopify theme "Dawn"

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • HTML/CSS
View full details

This method expands the "Featured section" of the Shopify theme Dawn and uses it as a ranking frame, but it can also be implemented on product pages. By displaying the "ranking of the category that the product belongs to" along with related products, you can expect to increase the viewing rate of similar products.

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


Setup Step 1: Add a definition to the product field and specify the collection for the target product. 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 on the product 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