Theme Editor - Collapsible section - TWICE Commerce

Collapsible section settings panel in the theme editor — Theme Editor > Collapsible section

The Collapsible section panel controls the styling of expandable accordion blocks — for example, product description, specifications, and policy sections on a listing page. Found under Components in the theme editor.

Settings

Setting	Type	Default	Description
Border color	Color	`#E4E6EB`	Border drawn around each collapsible block.
Corner radius	Slider	8 px	How rounded the block corners are.
Background color	Color	`transparent`	Fill behind the block. Defaults to transparent so it inherits the page background.
Text color	Color	`#111826`	Heading and primary text colour.
Secondary text color	Color	`#374152`	Supporting text colour inside the block.

CSS variables

:root {
  --storefront-collapsible-border-color: #E4E6EB;
  --storefront-collapsible-border-radius: 8px;
  --storefront-collapsible-background-color: transparent;
  --storefront-collapsible-text-color: #111826;
  --storefront-collapsible-secondary-text-color: #374152;
}

Listing page

Configure the product page that uses these sections.

Colors

Define the storefront colour palette.