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 Reset entire theme, 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 Discard.

​
Teeman CSS

CSS-lohko näyttää :root-säännön, jossa on jokainen teemamuuttuja ja sen nykyinen arvo. Voit:
  • Copy — kopioi kaikki muuttujat leikepöydälle napsauttamalla kopiointikuvaketta.
  • Unlock — siirry muokkaustilaan napsauttamalla lukkokuvaketta.
  • Muokkaa — muokkaa muuttujien arvoja suoraan tekstikentässä. Käytä tavallista CSS-syntaksia.
  • Apply changes — 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ää

Mukautettu CSS

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

Värit

Määritä verkkokaupan väripaletti.