This section can be applied to all of the theme's templates.
Vino’s Collapsible content section allows you to present images, text, and custom code within tabs that expand and collapse as needed.
Customize section settings
Click the Collapsible content section to open its general settings.
Choose a Color scheme to customize the section’s background and text colors. You can modify your color schemes in Theme settings > Colors.
Use the Heading field to add a title for the section. Adjust the text size with the Heading size, and set its alignment to left, right, or center with the Heading position.
Additional section settings
The Blocks per row setting controls how many blocks appear in each row on desktop. On mobile, one block is shown per row by default, but you can switch to two blocks per row by enabling Two blocks per row on mobile.
Initially display as opened makes the collapsible content tab open by default when the page loads. Disable accordion removes the collapsible behavior entirely, displaying all blocks as regular content.
Customize blocks
The Collapsible content section includes three block types you can add and customize:
Each of the blocks can be rearranged by clicking, holding, then dragging the block with the mouse cursor. Add more by selecting (+) Add Block.
Text block
Use the Text block to include text, images, and buttons.
Image: Choose an image by clicking Select image, and adjust the Image width to change the size using a percentage value.
You can add a Heading, Text, and control the Text position to align the text to the left, right, or center.
Button text defines the text that appears on the button, and Button link specifies the URL the button directs to.
Link block
Adds a link inside the collapsible tab.
After choose the page within the Link option, use Link label to set the label displayed for the link.
Show arrow: Add an arrow at the right of the link.
HTML block
Use this block to insert custom code within the collapsible tab. It supports Liquid, HTML, and JavaScript.