Skip to product information
1 of 1
Published:2024.12.28

Example of setting up the "Collapsible Content" product page of the Shopify theme "Rise/Dawn" to allow you to specify "any row" as the "row to open initially" (Part 2)

Example of setting up the "Collapsible Content" product page of the Shopify theme "Rise/Dawn" to allow you to specify "any row" as the "row to open initially" (Part 2)

Applications

  • Product information management and editing

How to implement

  • LIQUID
View full details

The previous setting method allowed you to specify "only one" row to open initially, but this time we will show you how to set it up so that you can specify multiple content rows.

◆Benefits of implementation ・By showing important information from the beginning, you can expect to improve users' understanding.
- Reduce the number of clicks required to reach the information you need.

◆Specific steps ①Edit the schema file ・Add setting items to the schema of "sections/collapsible-content.liquid" ・Add Japanese labels to "ja.schema.json" ②Edit the template file ・Add processing to open the specified line to "sections/collapsible-content.liquid"


Example of setting (part 2) to allow specifying "any row" as the "row to open initially" for the "Collapsible Content" product page of the theme "Rise/Dawn"


[(For the Rise/Dawn theme) Setting method ①] Add a schema to "sections/collapsible-content.liquid" and a label to "ja.schema.json"


[(For the Rise/Dawn theme) Setting method ②] Edit the code in "sections/collapsible-content.liquid" (add a process to open a specific row)


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

Replace one schema in "sections/collapsible-content.liquid" and add one item

Related Post