Skip to main content
Teematyylin asetuspaneeli teemaeditorissa

Teemaeditori > Teematyyli

Teematyyli-paneeli näyttää jokaisen käytössä olevan teema-asetuksen CSS-muuttujana vain luettavassa koodilohkossa. Sen avulla tarkastelet nykyisiä arvoja, kopioit muuttujia mukautettuun CSS:ään tai muokkaat useita asetuksia kerralla.

​
Koko teeman nollaus

Napsauta Nollaa koko teema, niin kaikkien paneelien asetukset palautuvat TWICE Commercen oletusteemaan. Tämä on yksi toiminto, joka vaikuttaa väreihin, typografiaan, asetteluun, painikkeisiin, syöttökenttiin, kalenteriin, listauskortteihin ja kaikkiin muihin teema-asetuksiin.
Teeman nollaus hylkää kaikki mukautukset. Nollaus tulee voimaan julkisessa verkkokaupassa heti, kun tallennat — luonnos- tai julkaisuvaihetta ei ole, eikä tallennettua nollausta voi perua. Peru tallentamaton nollaus sulkemalla editori ja valitsemalla tallentamattomien muutosten valintaikkunassa Hävitä.

​
Teeman CSS

CSS-lohko näyttää :root-säännön, jossa on jokainen teemamuuttuja ja sen nykyinen arvo. Voit:
  • Kopioi leikepöydälle — kopioi kaikki muuttujat napsauttamalla kopiointikuvaketta.
  • Avaa muokkaus — siirry muokkaustilaan napsauttamalla lukkokuvaketta.
  • Muokkaa — muokkaa muuttujien arvoja suoraan tekstikentässä. Käytä tavallista CSS-syntaksia.
  • Ota muutokset käyttöön — jäsentää muokatun CSS:n ja päivittää vastaavat teema-asetukset.
CSS-muuttujan muokkaaminen tässä paneelissa päivittää saman asetuksen kuin vastaava visuaalinen paneeli. Esimerkiksi --storefront-button-border-radius-arvon muuttaminen täällä vastaa kulmien pyöristyksen liukusäätimen siirtämistä painikepaneelissa.

​
Aiheeseen liittyvät artikkelit

Mukautettu CSS

Lisää verkkokauppaan mukautettuja CSS-sääntöjä.

Värit

Määritä verkkokaupan väripaletti.