Theme Editor - Pickup availability - TWICE Commerce

Pickup availability settings panel in the theme editor — Theme Editor > Pickup availability

The Pickup availability panel styles the card on the Listing page that shows customers where and how they can pick up a listing. Found under Cards in the theme editor.

This panel controls the card’s colours and border only. What the card shows — the hide toggle, Show item counts, and Show other locations — is configured in the Pickup availability block on the Listing page. The status dot inside the card is styled in the Availability indicator panel.

Colors

Setting	Default	Description
Background	`#FFFFFF`	Card background fill.
Title	`#111826`	Card title text colour.
Text secondary	`#374152`	Secondary text, such as location details.

Border

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

CSS variables

:root {
  --storefront-fulfillment-card-background: #FFFFFF;
  --storefront-fulfillment-card-border-color: #E4E6EB;
  --storefront-fulfillment-card-border-width: 1px;
  --storefront-fulfillment-card-border-radius: 8px;
  --storefront-fulfillment-card-title-color: #111826;
  --storefront-fulfillment-card-secondary-text-color: #374152;
}

Availability indicator

Style the status dot inside the card.

Listing page

Configure what the pickup availability block shows.