Editor storefrontu - Tlačítka - TWICE Commerce

Panel nastavení tlačítek v editoru storefrontu — Editor storefrontu > Tlačítka

Panel Tlačítka řídí vzhled hlavních (plných) a vedlejších (obrysových) tlačítek napříč storefrontem. Tlačítka přidat do košíku, pokladna i navigační tlačítka z něj dědí styl.

Barvy

Nastavení	Výchozí	Popis
Pozadí	`#212121`	Barva výplně hlavních tlačítek.
Text	`#FFFFFF`	Barva textu uvnitř hlavních tlačítek.
Tlačítko s obrysem	`#212121`	Barva rámečku a textu vedlejších (obrysových) tlačítek.

Rámeček

Nastavení	Typ	Výchozí	Rozsah	Popis
Tloušťka	Posuvník	1 px	0–4 px	Šířka rámečku na všech tlačítkách. Nastavením na 0 rámeček odstraníte.
Poloměr rohu	Posuvník	6 px	0–40 px	Jak zaoblené jsou rohy tlačítka. 0 dává ostré rohy, vyšší hodnoty vytváří tlačítka ve tvaru pilulky.

CSS proměnné

:root {
  --storefront-button-background-color: #212121;
  --storefront-button-text-color: #FFFFFF;
  --storefront-button-outline-color: #212121;
  --storefront-button-border-width: 1px;
  --storefront-button-border-radius: 6px;
}

Související články

Vstupy

Nastavte styl polí formuláře.

Barvy

Definujte barevnou paletu storefrontu.