Editor storefrontu - Dostupnost vyzvednutí - TWICE Commerce

Panel nastavení dostupnosti vyzvednutí v editoru storefrontu — Editor storefrontu > Dostupnost vyzvednutí

Panel Dostupnost vyzvednutí stylizuje kartu na stránce nabídky, která zákazníkům ukazuje, kde a jak si mohou nabídku vyzvednout. Otevřete jej výběrem Dostupnost vyzvednutí v seznamu panelů editoru storefrontu.

Tento panel řídí pouze barvy a rámeček karty. Co karta zobrazuje, přepínač skrytí, Zobrazit počty položek a Zobrazit ostatní lokality, se nastavuje v bloku Dostupnost vyzvednutí na stránce nabídky. Stavová tečka uvnitř karty se stylizuje v panelu Ukazatel dostupnosti.

Barvy

Nastavení	Výchozí	Popis
Pozadí	`#FFFFFF`	Barva pozadí karty.
Nadpis	`#111826`	Barva textu nadpisu karty.
Text sekundární	`#374152`	Doplňkový text, například podrobnosti o lokalitě.

Rámeček

Nastavení	Typ	Výchozí	Rozsah	Popis
Barva	Barva	`#E4E6EB`	-	Barva rámečku kolem karty.
Tloušťka	Posuvník	1 px	0–8 px	Šířka rámečku.
Poloměr rohu	Posuvník	8 px	0–40 px	Jak zaoblené jsou rohy karty.

CSS proměnné

: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;
}

Související články

Ukazatel dostupnosti

Stylujte stavovou tečku uvnitř karty.

Stránka nabídky

Nastavte, co blok dostupnosti vyzvednutí zobrazuje.