Editor storefrontu - Variant pills - TWICE Commerce

Panel nastavení Variant pills v editoru storefrontu — Editor storefrontu > Variant pills

Panel Variant pills řídí tlačítka ve tvaru pilulky, na která zákazník klikne pro výběr varianty, například velikosti nebo barvy, na stránce nabídky. Najdete jej pod Cards v editoru storefrontu.

Nastavení

Nastavení	Typ	Výchozí	Popis
Poloměr rohu	Posuvník	8 px	Jak zaoblená je každá pilulka.
Barva rámečku	Barva	`#cbcbcb`	Barva rámečku nevybrané pilulky.
Tloušťka rámečku	Posuvník	1 px	Šířka rámečku každé pilulky.
Vybrané pozadí	Barva	`transparent`	Barva výplně vybrané pilulky.
Vybraný text	Barva	`#111826`	Barva textu vybrané pilulky.

CSS proměnné

:root {
  --storefront-variant-pill-border-radius: 8px;
  --storefront-variant-pill-border-color: #cbcbcb;
  --storefront-variant-pill-border-width: 1px;
  --storefront-variant-pill-selected-background-color: transparent;
  --storefront-variant-pill-selected-text-color: #111826;
}

Související články

Varianty

Jak varianty seskupují volby pod nabídkou.

Stránka nabídky

Nastavte stránku nabídky, na které se pilulky zobrazují.