Collapsible with content

Overview:

The Collapsible with Media section allows merchants to display a sidebar with an optional image and rich content, alongside multiple collapsible content rows (accordion-style). Ideal for FAQs, product details, or informational content with a structured layout.

Section Configuration:

Setting	Description
Image	Uploads an image to be displayed in the sidebar.
Enable Sidebar Image	Toggles the visibility of the sidebar image.
Heading	Adds a heading to the sidebar area. Supports inline formatting.
Heading Size	Sets the heading level (H1–H6) for styling and structure.
Heading Weight	Controls the font weight of the sidebar heading.
Description	Adds rich-text content below the heading in the sidebar.
Description Size	Sets the text size of the sidebar description.
Description Weight	Controls the font weight of the sidebar description.

Collapsible Rows Settings

Setting	Description
Collapsible Heading Weight	Sets the font weight of the collapsible row titles.
Collapsible Description Weight	Sets the font weight of the collapsible row content.

Layout Settings

Setting	Description
Container Layout	Defines the section width: container (fixed width) or container-fluid (full width).
Container Padding	Toggles horizontal padding inside the section container.
Text Alignment (Desktop)	Sets the horizontal alignment of sidebar content on desktop screens.
Text Alignment (Mobile)	Sets the horizontal alignment of sidebar content on mobile devices.
Color Scheme	Applies a theme-defined color palette to the section.

Padding Settings

Setting	Description
Top Padding	Adds vertical space above the section.
Bottom Padding	Adds vertical space below the section.

Blocks Configuration:

Block: Collapsible Row

Setting	Description
Heading	Title text displayed for the collapsible row.
Description	Rich-text content shown when the row is expanded.
Open by Default	If enabled, the row is expanded when the section loads.