Skip to product information
1 of 1
Published:2024.12.22

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"

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"

Applications

  • Product information management and editing

How to implement

  • LIQUID
View full details

This is a method that allows you to freely specify the row you want to open from the beginning using the "Collapsed Content" that can be set on product pages in the Rise/Dawn theme.
You might not always want to have only the first row open, so adding this setting lets you specify what information the user should see first.

◆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 to allow "any row" to be specified as "initial row" for "Collapsible Content" on the 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

Add schema to "sections/collapsible-content.liquid"

Add a ...

Related Post