Theme Editor - Cart store selector - TWICE Commerce

Cart store selector settings panel in the theme editor — Theme Editor > Cart store selector

The Cart store selector panel styles the store selector on the Bag page — the control customers use to pick which store fulfills their cart. Found under Cards in the theme editor.

This panel controls colours and border only. How store selection behaves — availability feedback and the slide-out sidebar it opens — is covered on the Store selection sidebar page.

Colors

Setting	Default	Description
Background	`#F7F9FA`	Selector background fill.
Text	`#111826`	Selector text colour.
Icon	`#374152`	Store and chevron icon colour.

Border

Setting	Type	Default	Range	Description
Color	Colour	`#E4E6EB`	—	Border colour around the selector.
Thickness	Slider	1 px	0–8 px	Border width.
Corner radius	Slider	6 px	0–40 px	How rounded the selector corners are.

CSS variables

:root {
  --storefront-cart-store-selector-background: #F7F9FA;
  --storefront-cart-store-selector-border-color: #E4E6EB;
  --storefront-cart-store-selector-border-width: 1px;
  --storefront-cart-store-selector-border-radius: 6px;
  --storefront-cart-store-selector-text-color: #111826;
  --storefront-cart-store-selector-icon-color: #374152;
}

Store selection sidebar

How store selection works and what it controls.

Bag page

Configure the bag page blocks.