Teemaeditori – Painikkeet - TWICE Commerce

Painikkeiden asetuspaneeli teemaeditorissa — Teemaeditori > Painikkeet

Painikkeet-paneeli määrittää ensisijaisten (täytettyjen) ja toissijaisten (ääriviivallisten) toimintopainikkeiden ulkoasun koko verkkokaupassa — ostoskoriin lisäys, kassalle siirtyminen ja navigaatiopainikkeet perivät kaikki nämä tyylit.

Värit

Asetus	Oletus	Kuvaus
Tausta	`#212121`	Ensisijaisten painikkeiden täyttöväri.
Teksti	`#FFFFFF`	Ensisijaisten painikkeiden tekstin väri.
Ääriviivapainike	`#212121`	Toissijaisten (ääriviivallisten) painikkeiden reunan ja tekstin väri.

Reuna

Asetus	Tyyppi	Oletus	Vaihteluväli	Kuvaus
Paksuus	Liukusäädin	1 px	0–4 px	Kaikkien painikkeiden reunan leveys. Arvo 0 poistaa reunan.
Kulmien pyöristys	Liukusäädin	6 px	0–40 px	Kuinka pyöreät painikkeen kulmat ovat. Arvo 0 antaa terävät kulmat; suuret arvot tuottavat pilleriltä näyttäviä painikkeita.

CSS-muuttujat

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

Aiheeseen liittyvät

Syöttökentät

Määritä lomakekenttien tyylit.

Värit

Määritä verkkokaupan väripaletti.