Collapsible Content Section
About The Section
This section is used to render general FAQ style content. Block settings allow for content to be applied to specific product types without needing to make new templates for each type.
Section - Desktop Preview
Section - Mobile Preview
Section Settings
| Setting Name | Usage | Recommended Value |
|---|---|---|
| Heading | The title of the section | Frequently Asked Questions |
| Heading Alignment | The alignment of the title. Selected between: Left, Center and Right | Left |
| Color Scheme | A list of color schemes you can use for the section. Currently supports 4 unique schemes | Scheme 1 |
| Make section background full width | If enabled, the section padding is removed making the entire section span the width of the page. | ENABLED ( TRUE ) |
Block Types and Related Settings
Collapsible Item
This block sets up the accordions
| Setting Name | Usage | Recommended Value |
|---|---|---|
| Icon | A list of SVG icons that can be prepended to the the dropdown heading | None |
| Heading | The accordion header | |
| Content | The accordion content | |
| Product Type Selector | The type of product that the content should show up on. |
Category
This block sets up category titles for a set of accordions.
| Setting Name | Usage | Recommended Value |
|---|---|---|
| Category title | The dropdown category that displays above a set of accordions | |
| Product Type Selector | The type of product that this category title should show up on. |
Button
This block isnt used currently but is available for use.
| Setting Name | Usage | Recommended Value |
|---|---|---|
| Button Label | The label of the button | |
| Button link | The link on the button | |
| Button style | The style of the button |
"Under the Hood" Details
- Section uses the product type to determine when a specific accordion can display.
- Setting the product type to "all products" allows the content from the section to show regardless of the current product type. This means you can reuse this section outside of the PDP.
Troubleshooting Tips
- If a block you think should be displayed is not currently being displayed, verify the block's product type and compare it to the current PDP's product type. If they don't match, the block wont show.
- Setting the product type to "all products" will cause the related accordion content to always display.
- If you add a new product type to Shopify that is not on the current list of product types defined in the settings, a code update to the theme is required to support it.
- EX. Lets say I add a product type called "clothing". Clothing is not on the list here so in order to support clothing only accordions, that option would need to be added.
- If you've tried the above tips and are still running into issues, please reach out to us for assistance.