In addition to this method , we will introduce a customization method for the product barometer so that you can add blocks without coding in the theme editor.
Adding a barometer becomes easier, making operation even more convenient.
◆ Benefits of implementation ・Visual settings can be configured on the theme editor ・Display items can be easily customized for each product ・Settings can be changed without touching the code
◆Specific steps ① Create a product information block ・Add a scheme to sections/main-product.liquid ・Add a label to ja.schema.json ② Implement a barometer block ・Edit main-product.liquid and define a block in the product information section ③ Display settings ・Define the barometer in the product meta field ・Add a block in the theme editor ・Customize the display settings for each item
◆ Implementation points ・Barometer definition is required for each product ・Display order can be controlled by sorting the blocks ・Settings can be made while checking the display in preview mode
Example of how to display a "Product Barometer" using metafields on the product page of the Shopify theme "Rise/Dawn" (by adding a block in the theme editor)
[(For the Rise/Dawn theme) Setting method 1: Creating a new product information block] Add the schema to "sections/main-product.liquid" and the label to "ja.schema.json"
[(For the Rise/Dawn theme) Setting method ②] Add the code for the "Barometer Block" to the product information section in "sections/main-product.liquid"
[Setting Method 3] Add barometer definitions to the product meta field as many times as necessary to set the barometer for the target product, then add a "Barometer Block" in the Theme Editor and set its display settings.
