Teemaeditorissa: MukautaEtusivuLisää osioEnnen ja jälkeen

Ennen ja jälkeen

Kaksi kuvaa samasta asiasta ja niiden välissä viiva, jota vedetään, esimerkiksi ennen ja jälkeen hoidon tai prosessin.

Käytä kahta samasta kulmasta otettua ja samankokoista kuvaa, jotta vain muutos liikkuu. Viiva toimii myös näppäimistöllä.

Asetukset

Kuva

”Ennen”-kuva
KuvaKäytä samaa rajausta kuin pääkuvassa, jotta viiva vertaa saman asian kahta tilaa.
”Jälkeen”-kuva
Kuva
Ennen-teksti
TekstiTyhjä: ”Ennen”.
Jälkeen-teksti
TekstiTyhjä: ”Jälkeen”.
Kuvan kohdistus
Valinta: Kuvan kohdistuspiste, Keskellä, Ylhäällä, AlhaallaOletus: Kuvan kohdistuspiste
Kuvan muoto tietokoneella
Valinta: Pysty (4:5), Korkea (2:3), Neliö, Vaaka (3:2)Oletus: Pysty (4:5)
Kuvan muoto puhelimessa
Valinta: Sama kuin tietokoneella, Pysty (4:5), Neliö, Vaaka (3:2)Oletus: Sama kuin tietokoneella

Teksti

Pieni rivi otsikon yläpuolella
Päällä tai poisOletus: Päällä
Pieni rivi
TekstiJätä tyhjäksi, niin näytetään oletus.
Otsikko
TekstiJätä tyhjäksi, niin näytetään oletusotsikko.
Otsikon koko
Valinta: Keskikokoinen, Suuri, Erittäin suuriOletus: Suuri
Kappale
TekstiJätä tyhjäksi, niin näytetään oletusteksti.

Painike

Näytä painike
Päällä tai poisOletus: Päällä
Painikkeen teksti
TekstiJätä tyhjäksi, niin näytetään oletusteksti.
Painikkeen linkki
LinkkiJätä tyhjäksi, niin avataan kaikkien tuotteiden sivu.
Lasipainike
Liukusäädin, 0–90 %Oletus: 0 %0: tavallinen täytetty painike. Yli 0: tumma läpikuultava lasi, jossa ohut vaalea reuna, kuvan päällä olevaa painiketta varten. Suurempi arvo on tummempi.

Asettelu

Kuvan puoli
Valinta: Automaattinen: vastakkain yllä olevaan osioon nähden, Alussa (hepreaksi oikealla), Lopussa (hepreaksi vasemmalla)Oletus: Automaattinen: vastakkain yllä olevaan osioon nähdenKummalla puolella kuva on tekstin vieressä, tietokoneella tai tabletilla. Automaattinen: jos yllä olevassa osiossa on myös kuva tekstin vieressä, kuva siirtyy toiselle puolelle, jolloin peräkkäiset osiot vuorottelevat; muuten se on alussa (oikealla, hepreaksi).
Järjestys puhelimessa
Valinta: Kuva ensin, Teksti ensinOletus: Kuva ensin
Tekstin tasaus
Valinta: Alku, Keskitetty, LoppuOletus: Alku
Tekstin sijainti kuvan vieressä
Valinta: Ylhäällä, Keskellä, AlhaallaOletus: KeskelläTietokoneella tai tabletilla.
Asetukset, jotka ovat jokaisessa osiossaIkkuna, Vieritys, Välistys, Värit, Tekstin tyyli

Ikkunan, vierityksen, välien ja värien asetukset toimivat samoin jokaisessa osiossa. Näin ne toimivat.

Ikkuna

Liittäminen
Valinta: Erillinen ikkuna, Liitetty yllä olevaan ikkunaan, Liitetty alla olevaan ikkunaan, Liitetty ylhäältä ja alhaaltaOletus: Erillinen ikkuna
Kuvien kulmat
Valinta: Pyöristetyt, SuoratOletus: Pyöristetyt

Vieritys

Seuraava osio peittää sen vierittäessä
Päällä tai poisOletus: PoisAlaspäin vieritettäessä tämä osio pysyy paikallaan ylätunnisteen alla ja seuraava osio nousee sen päälle. Takaisin vieritettäessä liike toimii päinvastoin. Pois päältä editorissa, kävijöille, jotka ovat pyytäneet vähennettyä liikettä, sekä hyvin matalilla näytöillä.

Välistys

Mukautettu väli tälle osiolle
Päällä tai poisOletus: PoisPois: osioiden väli teeman asetuksista kohdasta Asettelu. Päällä: tässä annetut arvot tämän osion ylä- ja alapuolella. Mobiilissa useimmat osiot käyttävät niistä 65 %.
Tila yläpuolella
Liukusäädin, 0–120 pxOletus: 40 px
Tila alapuolella
Liukusäädin, 0–120 pxOletus: 40 px
Sisällön leveys
Valinta: Kapea, Vakio, Leveä, Koko leveysOletus: Vakio

Värit

Väriteema
VärimaailmaSama kuin sivun teema: osio on sivun taustalla. Toinen teema antaa osiolle oman taustan korttina kehyksen sisällä. Alla olevat omat värit ohittavat teeman.
Käytä tälle osiolle mukautettuja värejä
Päällä tai poisOletus: PoisMuuten osio käyttää teeman värejä.
Tausta
VäriOletus: #F1F1EF
Teksti
VäriTyhjä: automaattinen. Vaalea tummalla taustalla, tumma vaalealla.
Taustan tyyli
Valinta: Tasainen väri, Valaistu näyttämöOletus: Tasainen väriValaistu näyttämö: pehmeä valo ylhäältä, joka himmenee alaspäin, osion väristä, vaaleasta tai tummasta. Tummalla värillä teksti ja painikkeet vaalenevat itsestään.
Valon väri
VäriPehmeä valo ylhäältä keskeltä. Tyhjä: valkoinen.

Tekstin tyyli

Mukautettu tekstin tyyli tälle osiolle
Päällä tai poisOletus: PoisMuuten osio käyttää teeman tyyliä. Shopifyn fontit eivät sisällä hepreaa, joten valitset hepreassa toimivista tyyleistä.
Otsikon tyyli
Valinta: Teeman oletus, Ohut, Lihavoitu, SerifOletus: Teeman oletus
Otsikon koko
Liukusäädin, 70–160 %Oletus: 100 %
Otsikon väri
VäriTyhjä: automaattinen, käyttää osion väriä (vaalea tummalla taustalla).
Tekstin tyyli
Valinta: Teeman oletus, Ohut, Lihavoitu, SerifOletus: Teeman oletus
Tekstin koko
Liukusäädin, 70–160 %Oletus: 100 %
Tekstin väri
VäriTyhjä: automaattinen, käyttää osion väriä (vaalea tummalla taustalla).

Eikö jokin tässä vastaa sitä, mitä näet editorissa? Kerro meille, niin korjaamme oppaan.