Teemaeditori - Teema-asetukset

Teema-asetusten paneeli teemaeditorissa — Teemaeditori > Teema-asetukset

Teema-asetusten paneeli on kaikkien yleisten design-tokenien lähtöpiste — värit, typografia, asettelu, komponenttityylit ja mukautettu CSS. Avaa ryhmän asetuspaneeli valitsemalla ryhmä. Muutokset vaikuttavat verkkokaupan jokaiseen sivuun ja näkyvät esikatselussa välittömästi.

Ryhmät

Teema-asetukset on jaettu neljään osioon: Yleiset design-tokenit, jotka vaikuttavat verkkokaupan kokonaisilmeeseen.

Ryhmä	Kuvaus
Logo	Logon leveys verkkokaupan ylätunnisteessa.
Värit	Tausta-, teksti-, reuna- ja tilavärit.
Typografia	Fonttiperheet ja kokoasteikko otsikoille ja leipätekstille.
Asettelu	Sivun enimmäisleveys ja vaakamarginaalit.

Components

Interaktiivisten käyttöliittymäelementtien tyylit.

Ryhmä	Kuvaus
Painikkeet	Painikkeiden värit, reunan paksuus ja kulmien pyöristys.
Syöttökentät	Lomakekenttien värit, reunan paksuus ja kulmien pyöristys.
Murupolku	Murupolun tekstin ja aktiivisen kohdan värit.
Kokoontaittuva osio	Laajennettavien osioiden värit, reuna ja kulmien pyöristys.
Kalenteri	Saatavuuskalenterin varastovärit, reunat ja täytteet.

Cards

Korttimaisten pintojen ja muiden visuaalisten lohkojen tyylit.

Ryhmä	Kuvaus
Varianttipillerit	Varianttivalitsimen värit, reuna ja kulmien pyöristys.
Listauskortti	Tuotekortin värit, reunat, välistys ja kuva-asetukset.
Kokoelmakortti	Kokoelmakortin värit, reunat, välistys ja kuva-asetukset.
Noudon saatavuus	Listaussivun noudon saatavuuskortti.
Ostoskorin toimipistevalitsin	Ostoskorisivun toimipistevalitsin.
Saatavuuden ilmaisin	Saatavuuden tilapiste ja sen teksti.
Ylätunnistepalkki	Ylätunnisteen tausta-, teksti-, kuvake- ja reunavärit.
Ilmoituspalkki	Ilmoituspalkin tausta- ja tekstivärit.
Hakupalkki	Hakupalkin taustaväri.
Suodatinosio	Kokoelmasivun suodatinosion reunaväri.

Settings

Teeman lisätyökalut.

Ryhmä	Kuvaus
Mukautettu CSS	Lisää verkkokauppaan vapaavalintaisia CSS-sääntöjä.
Teematyyli	Selaa, kopioi ja joukkomuokkaa kaikkia teeman CSS-muuttujia. Nollaa koko teema.

Miten se toimii

Jokaisessa ryhmäpaneelissa on Reset-painike, joka palauttaa vain kyseisen ryhmän asetukset oletuksiin. Nollaa kaikki kerralla Teematyyli-paneelin Reset entire theme -painikkeella. Muutokset näkyvät esikatselussa reaaliaikaisesti, mutta ne tallentuvat vasta, kun tallennat. Editorin yläpalkin Tallenna kirjoittaa ne suoraan julkiseen verkkokauppaan — erillistä luonnos- tai julkaisuvaihetta ei ole. Jos suljet editorin tallentamatta muutoksia, avautuu valintaikkuna, jossa tallennat tai hylkäät ne.

Avaa teemaeditori
Valitse asetusryhmä
Säädä arvoja — esikatselu päivittyy reaaliaikaisesti
Tallenna — muutokset tulevat voimaan välittömästi

Tervetuloa TWICE-dokumentaatioon

Liikkuminen TWICEssä

Järjestelmän ymmärtäminen

Teemaeditori - Teema-asetukset

Ryhmät

Header

Components

Cards

Settings

Miten se toimii

Aiheeseen liittyvää

Teemaeditorin yleiskuva

Teematyyli

​Ryhmät

​Header

​Components

​Cards

​Settings

​Miten se toimii

​Aiheeseen liittyvää

Teemaeditorin yleiskuva

Teematyyli

Ryhmät

Header

Components

Cards

Settings

Miten se toimii

Aiheeseen liittyvää