Teemaeditori - Varianttipillerit - TWICE Commerce

Varianttipillereiden asetuspaneeli teemaeditorissa — Teemaeditori > Varianttipillerit

Varianttipillereiden paneeli ohjaa niiden pilleripainikkeiden ulkoasua, joilla asiakas valitsee variantin — esimerkiksi koon tai värin — listaussivulla.

Asetukset

Asetus	Tyyppi	Oletus	Kuvaus
Kulmien pyöristys	Liukusäädin	8 px	Kuinka pyöristetty kukin pilleri on.
Reunan väri	Väri	`#cbcbcb`	Valitsemattoman pillerin reunaväri.
Reunan paksuus	Liukusäädin	1 px	Kunkin pillerin reunan leveys.
Valitun tausta	Väri	`transparent`	Valitun pillerin taustatäyttö.
Valitun teksti	Väri	`#111826`	Valitun pillerin tekstiväri.

CSS-muuttujat

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

Aiheeseen liittyvät artikkelit

Variantit

Miten variantit ryhmittelevät vaihtoehtoja listauksen alle.

Listaussivu

Määritä listaussivu, jolla pillerit näkyvät.