Skip to product information
1 of 1
Published:2024.11.13

An example of how to display a "product barometer" on a product page using metafields in the Shopify theme "Rise/Dawn" to show product features at a glance.

An example of how to display a "product barometer" on a product page using metafields in the Shopify theme "Rise/Dawn" to show product features at a glance.

Applications

  • Product information management and editing

How to implement

  • Shopify Flow
View full details

This is an example of a "Product Barometer" setting that allows you to visually represent product features in the Rise/Dawn theme. By utilizing product metafields, you can clearly display product features on a five-point scale.

◆ Benefits of implementation ・Product features can be visually expressed ・Intuitive product comparison is possible, helping with purchasing decisions ・Highly customizable and can be used for various product categories

◆Specific steps ① Setting metafields ・Add as many barometer definitions as needed from the admin screen ・Set barometer values for each product ② Customizing the theme ・Add a "custom Liquid section" to the product template and insert the code for displaying the barometer

◆ Implementation points
- It is necessary to adjust the maximum and minimum values depending on the item to be displayed. - The appearance can be changed by directly modifying the CSS.


Example of how to display a "Product Barometer" using metafields on the product page of the Shopify theme "Rise/Dawn"


[Setting Method 1] Add barometer definitions to the product metafields as needed and set the barometer for the target product.


[(For Rise/Dawn Themes) Setup Instructions] Add a customized Liquid section to the product template and insert the code.


[Supplementary information] Please set the display content according to the value of the meta field you set.


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 product template and insert the code

Related Post