Collapsible with media

Overview:

The Collapsible with Media section features an image paired with a vertical accordion list. It's ideal for delivering detailed content (e.g., FAQs, product details, or brand values) alongside a static image for visual context.

Section Configuration:

Setting	Description
Image	Uploads an image that appears beside the collapsible content.
Caption	Adds a short heading above the main heading.
Caption Size	Sets the font size of the caption.
Caption Weight	Sets the font weight of the caption.
Heading	Adds a main heading for the section.
Heading Size	Sets the font size of the main heading.
Heading Weight	Sets the font weight of the main heading.
Description	Adds a rich text description below the heading.
Description Size	Sets the font size of the description.
Description Weight	Sets the font weight of the description.
Collapsible Heading Weight	Sets the font weight of all accordion headings.
Collapsible Description Weight	Sets the font weight of all accordion content.
Image Order	Determines whether the image appears before or after the collapsible content (row or row_reverse).
Container Layout	Controls the width of the section: Page Width, Contained Content, or Full Width.
Corner Radius	Applies a corner radius style to the section background.
Text Alignment (Desktop)	Aligns content horizontally on desktop.
Text Alignment (Mobile)	Aligns content horizontally on mobile.
Color Scheme	Applies a color scheme to the section.
Top Padding	Adds space above the section (0–100px).
Bottom Padding	Adds space below the section (0–100px).

Blocks Configuration:

Block: Collapsible Row

Each Collapsible Row block adds a new accordion item.

Setting	Description
Heading	Title for the collapsible row.
Description	Rich text content that is revealed when expanded.
Open by Default	Toggles whether the row should be expanded on page load.