Collapsible row
| Setting | Description |
| Heading | Enter a heading for the collapsible row. This will serve as the title for the expandable content. |
| Heading size |
The heading size setting offers three options to control heading size:
|
| Heading color |
The “Heading color” setting offers three options to customize the color of the heading:
It's important to note that the color scheme you choose for these three options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements. |
| Icon | Select an icon from the provided list to accompany the collapsible row. Icons can add visual cues to the content. |
| Icon color |
You can customize the icon color:
It's significant to note that the color scheme you select for these three options will be consistent throughout your website. So, when you update the theme settings for these text colors, the same color scheme will be applied to other sections or blocks that use text elements. |
| Row content | Type the content directly into the 'Row Content' field. This content will be displayed beneath the heading when the row is expanded. |
| Row content from page | If you've created a specific page with content you want to display in the collapsible row, select this option. The content from the chosen page will appear within the collapsible row. |
| Collapsible tab open | The collapsible row will be opened by default. |
You can create metafield to collapsible row to have different content on all product pages.
