Skip to product information
1 of 1
Published:2024.10.15

Example of a setting for displaying related keywords on the product details page of the Shopify theme "Rise/Dawn" and linking to the "Collection tag refinement page" or "Search results page"

Example of a setting for displaying related keywords on the product details page of the Shopify theme "Rise/Dawn" and linking to the "Collection tag refinement page" or "Search results page"

Applications

  • Product information management and editing

How to implement

  • LIQUID
  • HTML/CSS
View full details

This is an example of how to display a related keywords block on a Shopify product page. Last time, we only looked at tags, but this time you can choose tags or in-store search. You can set this from the theme editor as needed.


Example of a setting for displaying related keywords on the product details page of the Shopify theme "Rise/Dawn" and linking to the "Collection tag refinement page" or "Search results page"


[(For the Rise theme) Setup step 1] Create a product metafield "custom.keywords" with a single line of text as a value list type and set keywords for the target product.


[(For the Rise theme) Setup procedure ②] Add the schema to "sections/main-product.liquid" and the label to "ja.schema.json"


[(For the Rise theme) Setup step 3] Add the code to "sections/main-product.liquid"


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 "sections/main-product.liquid"

Related Post