Teeman asetukset
Voit mukauttaa teema-asetuksia teemaeditorin sivupalkkivalikosta ja tehdä muutoksia verkkokaupan typografiaan, väreihin, somelinkkeihin ja ostoskorin asetuksiin. Teema-asetusten muutokset otetaan käyttöön koko verkkokaupassa.
Osioilla ja lohkoilla on myös asetuksia, joita muuttamalla voit mukauttaa teeman yksittäisiä osioita. Lue lisää osioista ja lohkoista.
Tällä sivulla
Logo
Voit lisätä verkkokauppaan yrityksesi logon. Logo näytetään seuraavissa paikoissa:
- ylätunnisteessa kaikilla sivuilla
- salasanasivulla
Logon mukauttaminen
Logokuvien enimmäisleveys on 300 pikseliä.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Logo.
Lisää kuva tai käytä ilmaista kuvaa Logo-alueella:
Lisää kuva klikkaamalla Valitse kuva ja lisää sitten uusi tai vanha kuva:
- Jos haluat käyttää kuvaa, jonka olet jo ladannut Shopify Adminiin, valitse kuva ja klikkaa sen jälkeen Valmis.
- Jos haluat käyttää tietokoneelta ladattua kuvaa, klikkaa Lisää kuvia. Valitse ja lisää kuva ja klikkaa sen jälkeen Valmis.
Jos haluat käyttää ilmaista kuvaa, klikkaa Tutustu ilmaisiin kuviin. Etsi kuva, valitse kuva klikkaamalla ja klikkaa sitten Valitse.
Valinnainen: Lisää logokuvaan vaihtoehtoinen teksti:
- Klikkaa Logo-kohdassa Muokkaa.
- Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
- Klikkaa Tallenna.
Valinnainen: Säädä logon pikselileveyttä Logon leveys tietokoneella -kohdassa.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Logo.
Lisää kuva tai käytä ilmaista kuvaa Logo-alueella:
Lisää kuva napauttamalla Valitse kuva ja lisää sitten uusi tai vanha kuva:
- Jos haluat käyttää kuvaa, jonka olet jo ladannut Shopify adminiin, valitse kuva ja napauta sen jälkeen Valmis.
- Jos haluat käyttää laitteeltasi ladattua kuvaa, napauta Lisää kuvia. Valitse ja lisää kuva paikalliselta laitteelta, valitse kuva napauttamalla ja napauta sitten Valmis.
Jos haluat käyttää ilmaista kuvaa, napauta Tutustu ilmaisiin kuviin. Etsi kuva, valitse kuva napauttamalla ja napauta sitten Valmis.
Valinnainen: Lisää logokuvaan vaihtoehtoinen teksti:
- Napauta Logo-kohdassa Muokkaa.
- Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
- Napauta ✓.
Valinnainen: Säädä logon pikselileveyttä Logon leveys tietokoneella -kohdassa.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Logo.
Lisää kuva tai käytä ilmaista kuvaa Logo-alueella:
Lisää kuva napauttamalla Valitse kuva ja lisää sitten uusi tai vanha kuva:
- Jos haluat käyttää kuvaa, jonka olet jo ladannut Shopify adminiin, valitse kuva ja napauta sen jälkeen Valmis.
- Jos haluat käyttää laitteeltasi ladattua kuvaa, napauta Lisää kuvia. Valitse ja lisää kuva paikalliselta laitteelta, valitse kuva napauttamalla ja napauta sitten Valmis.
Jos haluat käyttää ilmaista kuvaa, napauta Tutustu ilmaisiin kuviin. Etsi kuva, valitse kuva napauttamalla ja napauta sitten Valmis.
Valinnainen: Lisää logokuvaan vaihtoehtoinen teksti:
- Napauta Logo-kohdassa Muokkaa.
- Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
- Napauta ✓.
Valinnainen: Säädä logon pikselileveyttä Logon leveys tietokoneella -kohdassa.
Napauta ✓.
Faviconin lisääminen
Voit lisätä suosikkikuvakkeen eli favicon-kuvakkeen, jonka avulla voit edistää verkkokauppasi brändin kehittämistä. Favicon-kuvake näkyy seuraavissa paikoissa:
- verkkoselaimen välilehti
- verkkoselaimen historia
- työpöydällä olevat kuvakkeet
- verkkokaupan nimen vieressä, kun sivusto on lisätty kirjanmerkiksi.
Lisätietoja faviconeista eli suosikkikuvakkeista.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Teemaversiostasi riippuen klikkaa Logo tai Favicon.
Klikkaa Favicon-kuva -osiossa Valitse kuva ja lisää uusi tai vanha kuva:
- Jos haluat valita kuvan, jonka olet jo ladannut Shopify Adminiin, voit hakea tai etsiä kuvan ja valita sitten sen valintaruudun.
- Jos haluat valita kuvan paikallisesta tietokoneesta, klikkaa Lisää kuvia, avaa paikalliselle tietokoneelle tallennettu kuva ja valitse sen valintaruutu.
Klikkaa Valmis.
Valinnainen: Vaihtoehtoisen tekstin lisääminen favicon-kuvaan:
- Klikkaa Favicon-kuva ‑osiosta Muokkaa.
- Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
- Klikkaa Tallenna.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, johon haluat lisätä faviconin, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Teemaversiostasi riippuen napauta Logo tai Favicon.
Napauta Favicon-kuva ‑osiosta Valitse kuva ja lisää uusi tai vanha kuva:
- Jos haluat valita kuvan, jonka olet jo ladannut Shopify Adminiin, voit hakea tai etsiä kuvan ja valita sitten sen valintaruudun.
- Jos haluat valita kuvan paikallisesta laitteesta, napauta Lisää kuvia, avaa paikalliselle laitteelle tallennettu kuva ja valitse sen valintaruutu.
Napauta Valmis.
Vaihtoehtoisen tekstin lisääminen Faviconin kuvaan:
- Napauta Favicon-kuva ‑osiosta Muokkaa.
- Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
- Napauta ✓.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, johon haluat lisätä faviconin, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Teemaversiostasi riippuen napauta Logo tai Favicon.
Napauta Favicon-kuva ‑osiosta Valitse kuva ja lisää uusi tai vanha kuva:
- Jos haluat valita kuvan, jonka olet jo ladannut Shopify Adminiin, voit hakea tai etsiä kuvan ja valita sitten sen valintaruudun.
- Jos haluat valita kuvan paikallisesta laitteesta, napauta Lisää kuvia, avaa paikalliselle laitteelle tallennettu kuva ja valitse sen valintaruutu.
Napauta Valmis.
Vaihtoehtoisen tekstin lisääminen Faviconin kuvaan:
- Napauta Favicon-kuva ‑osiosta Muokkaa.
- Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
- Napauta ✓.
Napauta ✓.
Värit
Voit määrittää erilaisia värimalleja teema-asetuksissa ja käyttää niitä verkkokaupan eri osioissa värimallivalitsimen avulla. Värimalli on joukko värejä. Teemassa käytetään oletusarvoisten värimallien joukkoa, jota voit muuttaa milloin tahansa teemaeditorissa. Voit lisätä brändin värit, mikä varmistaa väripaletin yhtenäisen käytön verkkokaupassasi.
Malleissa ei ole yksilöllisiä väriasetuksia, joten verkkokauppasi ulkoasu on yhtenäinen koko verkkosivustosi osalta. Mallia pidetään kaupan pääsivuna tai pääsisältönä. Eri värimallien käyttäminen kaupassasi voi johtaa huonoon käyttäjäkokemukseen, ja se voi aiheuttaa sen, että asiakkaat poistuvat kaupastasi ostamatta mitään tuotteita.
Voit luoda ja mukauttaa jopa 21 yksilöllistä värimallia sekä käyttää niitä verkkokaupan eri osioissa.
Värimallit
Värimallit ovat teema-asetus, joka ryhmittelee elementit ja niiden värit visuaalisesti kuvaavalla tavalla. Voit ottaa eri värejä käyttöön yhtenäisen värimallin eri elementeissä ja käyttää värimallia teemassa kaikkialla, missä värimallivalitsin on käytettävissä. Värimalleja voi olla enintään 21. Voit myös esikatsella värien näkymistä mallin esikatselussa.
Määrite | Kuvaus |
---|---|
Tausta | Väriä käytetään joidenkin osioiden taustalla ja kehyspainikkeen taustalla. |
Taustan liukuväri | Liukuväriä käytetään joidenkin osioiden taustalla. Taustan liukuvärit korvaavat taustan silloin kun se on mahdollista. |
Teksti | Väriä käytetään osion tai lohkon tekstissä. |
Peittävän painikkeen tausta | Väriä käytetään ensisijaisen painikkeen taustalla. |
Peittävä tekstipainike | Väriä käytetään ensisijaisen painikkeen tekstissä. |
Kehyspainike | Väriä käytetään toissijaisen painikkeen tekstissä ja reunuksessa. |
Varjo | Väriä käytetään varjoissa. |
Värimallin hallinta
Kaupan värimalli ja värivaihtoehdot määritetään teema-asetuksissa. Jos käytät kiinteitä värejä, valitse värivalitsinta käyttämällä uusi väri tai kirjoita värin arvo tekstikenttään. Värikenttä hyväksyy seuraavat värien nimet ja arvot:
- Värien nimet, kuten
red
,black
taiblue
- RGB-värikoodit
- Heksadesimaaliset väriarvot.
Ohjeet:
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Napsauta muokattavan teeman vierestä Mukauta.
Klikkaa
-kuvaketta ja sitten Värit.
Napsauta Mallit-osiossa olemassa olevaa mallia tai lisää uusi värimalli napsauttamalla Lisää malli.
Napsauta muutettavan sisältötyypin värin väriruutua.
Voit asettaa värin kirjoittamalla värin heksadesimaalikoodin tai valitsemalla värin värinvalitsimesta. Jos haluat asettaa värin läpinäkyväksi, poista hex-koodi tekstikentästä.
Klikkaa Tallenna.
Värimallin käyttäminen
Kun olet määrittänyt värimallin teema-asetuksissa, voit ottaa sen käyttöön teemasi osioiden ja lohkojen värimallivalitsimen avulla. Värimallivalitsin on käytettävissä vain tietyissä osioissa, lohkoissa ja yleisissä teema-asetuksissa.

Liukuvärit
Voit luoda visuaalisesti mielenkiintoisia taustoja määrittämällä liukuvärejä joissakin teemoissa. CSS-taustan ominaisuuksien mukauttamiseen käytetään color_background
-asetusta.
Liukuvärin valitsimen avulla voit valita liukuvärin värit, tyylin, kulman, sijainnin ja läpikuultavuuden. Liukuvärin valitsimessa valittujen asetusten esikatselu näkyy reaaliaikaisesti teemaeditorissa. Voit myös luoda liukuväritaustan CSS-koodilla, jossa on oikeellisuuden tarkistustyökalu.
Liukuvärien määrittäminen
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Napsauta muokattavan teeman vierestä Mukauta.
Klikkaa
-kuvaketta ja sitten Värit.
Napsauta Mallit-osiossa olemassa olevaa mallia, jota haluat muokata.
Napsauta liukuvärin väriruutuvaihtoehtoa, kuten Taustan liukuväri.
Jos et ole aiemmin määrittänyt liukuväriä, sinulle näytetään muutamia valmiiksi määritettyjä vaihtoehtoja, joista voit valita. Avaa asetuspaneeli valitsemalla mikä tahansa valmiiksi määritetty liukuväri.
Valitse liukuvärin asetukset:
- Valitse lineaarinen tai säteittäinen liukuväri. Valitse haluamasi liukuvärityyli painikkeilla.
- Aseta liukuvärin kulma ylös ja alas osoittavilla nuolilla. Kulman prosenttiarvo laskee ja nousee viidellä, kun klikkaat ylös ja alas osoittavia nuolia.
- Valitse liukuvärin sijainti liukusäätimellä tai syötä kenttään numeerinen arvo.
- Syötä värin hex-koodi tai valitse värisävy värin liukusäätimellä. Viimeksi valitut värit näkyvät liukuvärin asetuspaneelin alaosassa.
- Voit tehdä liukuväristä läpikuultamattoman valitsemalla liukuvärin läpinäkyvyyden oikealla puolella olevalla liukusäätimellä. Voit myös kirjoittaa prosenttiluvun hex-värikoodin vieressä olevaan kenttään.
Klikkaa Tallenna.

Liukuvärien määrittäminen CSS:n avulla
Useimpien CSS background
ominaisuusarvojen avulla voit määrittää taustavärin. Voit käyttää tätä kenttää kiinteille väreille (esimerkiksi #000000
, black
, rgb(0,0,0,0)
, rgba(0,0,0,0)
, hsl(0, 0%, 0%)
ja hsla(0, 0%, 0%, 1)
tuottavat kaikki tasaisen mustan taustan) tai liukuväreille (esimerkiksi linear-gradient(red, green)
, radial-gradient(red, green)
tai conic-gradient(red, green)
). Liukuvärejä voidaan myös toistaa.
Ohjeet:
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Napsauta muokattavan teeman vierestä Mukauta.
Klikkaa
-kuvaketta ja sitten Värit.
Napsauta Mallit-osiossa olemassa olevaa mallia, jota haluat muokata.
Napsauta muokattavaa liukuväriä.
Napsauta Liukuväri-kohdan vieressä olevaa nuolta ja valitse CSS.
Kirjoita tai liitä liukuvärin koodi CSS-koodi-kenttään. Teemaeditorin esikatselu näyttää liukuvärin valitsemassasi sijainnissa.
Klikkaa Tallenna.

Liukuvärin poistaminen
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Napsauta muokattavan teeman vierestä Mukauta.
Klikkaa
-kuvaketta ja sitten Värit.
Napsauta Mallit-osiossa olemassa olevaa mallia, jota haluat muokata.
Napsauta poistettavaa liukuväriä.
Napsauta Poista liukuväri.
Klikkaa Tallenna.
Typografia
Voit määrittää verkkokaupassasi olevan tekstin fonttityylin ja -koon. Voit valita järjestelmän fontin tai mukautetun fontin.
Harkitse järjestelmäfonttien käyttöä kauppaasi, koska järjestelmäfontit ovat valmiiksi asennettu käyttäjän tietokoneeseen. Kun käytät järjestelmäfontteja, uusia fontteja ei ladata asiakkaan tietokoneelle, mikä voisi heikentää kauppasi latausnopeutta. Asiakkaan tietokoneella näkyvä fontti riippuu asiakkaan käyttöjärjestelmästä.
Fonttityyppien mukauttaminen
Katso käytettävissä olevien fonttien luettelo Shopifyn fonttikirjastosta.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Typografia.
Voit muuttaa kaupan otsikoiden tai leipätekstin fontin tyyppiä klikkaamalla Otsikot- tai Leipäteksti-osiossa Muuta.
Klikkaa haluamasi fontin nimeä ja klikkaa sitten Valitse.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Typografia.
Voit muuttaa kaupan otsikoiden tai leipätekstin fontin tyyppiä napauttamalla Muuta kohdasta Otsikot tai Leipäteksti.
Napauta sen fontin nimeä, jota haluat käyttää, ja napauta sitten Valmis.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Typografia.
Voit muuttaa kaupan otsikoiden tai leipätekstin fontin tyyppiä napauttamalla Muuta kohdasta Otsikot tai Leipäteksti.
Napauta sen fontin nimeä, jota haluat käyttää, ja napauta sitten Valmis.
Napauta ✓.
Fonttikokojen mukauttaminen
Voit määrittää otsikoiden ja leipätekstin oletusfonttikoot teeman Typografia-asetuksissa.
Fontin vähimmäiskoko on 100 % ja enimmäiskoko 130 %. Jokainen skaalan lisäys kasvattaa fonttikokoa 5 %. Oletusasetus on 100 %.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Typografia.
Voit muuttaa Otsikot-tekstin oletusarvoista fonttikokoa käyttämällä Fonttikoon skaala -säädintä oletusarvoisen fonttikoon valitsemiseen.
Jos vaihdat leipätekstin oletusarvoista fonttikokoam, käytä fonttikoon skaalaa oletusarvoisen fonttikoon valitsemiseen.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Typografia.
Voit muuttaa Otsikot-tekstin oletusarvoista fonttikokoa käyttämällä Fonttikoon skaala -säädintä oletusarvoisen fonttikoon valitsemiseen.
Jos vaihdat leipätekstin oletusarvoista fonttikokoam, käytä fonttikoon skaalaa oletusarvoisen fonttikoon valitsemiseen.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Typografia.
Voit muuttaa Otsikot-tekstin oletusarvoista fonttikokoa käyttämällä Fonttikoon skaala -säädintä oletusarvoisen fonttikoon valitsemiseen.
Jos vaihdat leipätekstin oletusarvoista fonttikokoam, käytä fonttikoon skaalaa oletusarvoisen fonttikoon valitsemiseen.
Napauta ✓.
Asettelu
Voit määrittää verkkokaupan enimmäisleveyden ja määrittää osien välisen pysty- ja vaakatilan.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Asettelu.
Valitse sivun leveys väliltä 1 000–1 600 Sivun leveys -säätimen avulla. Oletusasetus on 1 600 pikseliä.
Valinnainen: Lisää säätimen avulla sivullesi pystysuunnassa tilaa malliosioiden väliin. Voit lisätä osioiden väliin enintään 100 pikseliä tilaa.
Valinnainen: Jos käytössäsi on Ruudukko-asettelu, voit lisätä sivullesi ruudukkosisällön väliin tilaa vaakasuuntaisen tilan ja pystysuuntaisen tilan liukusäätimillä. Vaakasuoran tilan lisääminen lisää sivujen riveille enintään 40 pikseliä tilaa. Jos lisäät pystytilaa, sivusi sisältösarakkeihin lisätään enintään 40 pikseliä tilaa.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Asettelu.
Valitse sivun leveys väliltä 1 000–1 600 Sivun leveys -säätimen avulla. Oletusasetus on 1 600 pikseliä.
Valinnainen: Lisää säätimen avulla sivullesi pystysuunnassa tilaa malliosioiden väliin. Voit lisätä osioiden väliin enintään 100 pikseliä tilaa.
Valinnainen: Jos käytössäsi on Ruudukko-asettelu, voit lisätä sivullesi ruudukkosisällön väliin tilaa vaakasuuntaisen tilan ja pystysuuntaisen tilan liukusäätimillä. Vaakasuoran tilan lisääminen lisää sivujen riveille enintään 40 pikseliä tilaa. Jos lisäät pystytilaa, sivusi sisältösarakkeihin lisätään enintään 40 pikseliä tilaa.
Napauta Tallenna.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Asettelu.
Valitse sivun leveys väliltä 1 000–1 600 Sivun leveys -säätimen avulla. Oletusasetus on 1 600 pikseliä.
Valinnainen: Lisää säätimen avulla sivullesi pystysuunnassa tilaa malliosioiden väliin. Voit lisätä osioiden väliin enintään 100 pikseliä tilaa.
Valinnainen: Jos käytössäsi on Ruudukko-asettelu, voit lisätä sivullesi ruudukkosisällön väliin tilaa vaakasuuntaisen tilan ja pystysuuntaisen tilan liukusäätimillä. Vaakasuoran tilan lisääminen lisää sivujen riveille enintään 40 pikseliä tilaa. Jos lisäät pystytilaa, sivusi sisältösarakkeihin lisätään enintään 40 pikseliä tilaa.
Napauta ✓.
Animaatiot
Animaatioiden avulla voit lisätä verkkokauppaasi liikettä ja visuaalisesti kiinnostavia kohteita. Voit aktivoida häivytysanimaation, joka näyttää kaupan osiot vierittämällä, ja hiiritehosteen korteille ja painikkeille.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Animaatiot.
Valinnainen: jos haluat aktivoida animaation, joka näyttää verkkokaupan osiot vierittämällä, valitse Näytä osiot vierittämällä.
Valinnainen: Jos haluat lisätä osoitetehosteanimaation kortteihin ja painikkeisiin, valitse jokin seuraavista vaihtoehdoista Osoitustehoste-asetuksesta:
- Pystysuuntainen nosto: Kun asiakas siirtyy kortin tai painikkeen päälle, elementti liikkuu ylöspäin.
- 3D-nosto: Kun asiakas siirtyy kortin tai painikkeen päälle, elementti siirtyy eteenpäin ja luo 3D-efektin. Ominaisuus lisää kohteeseen myös hienovaraisen loisteen, joka liikkuu elementin läpi ja antaa sille uuden ulottuvuuden.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Animaatiot.
Valinnainen: jos haluat aktivoida animaation, joka näyttää verkkokaupan osiot vierittämällä, valitse Näytä osiot vierittämällä.
Valinnainen: Jos haluat lisätä osoitetehosteanimaation kortteihin ja painikkeisiin, valitse jokin seuraavista vaihtoehdoista Osoitustehoste-asetuksesta:
- Pystysuuntainen nosto: Kun asiakas siirtyy kortin tai painikkeen päälle, elementti liikkuu ylöspäin.
- 3D-nosto: Kun asiakas siirtyy kortin tai painikkeen päälle, elementti siirtyy eteenpäin ja luo 3D-efektin. Ominaisuus lisää kohteeseen myös hienovaraisen loisteen, joka liikkuu elementin läpi ja antaa sille uuden ulottuvuuden.
Napauta Tallenna.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Animaatiot.
Valinnainen: jos haluat aktivoida animaation, joka näyttää verkkokaupan osiot vierittämällä, valitse Näytä osiot vierittämällä.
Valinnainen: Jos haluat lisätä osoitetehosteanimaation kortteihin ja painikkeisiin, valitse jokin seuraavista vaihtoehdoista Osoitustehoste-asetuksesta:
- Pystysuuntainen nosto: Kun asiakas siirtyy kortin tai painikkeen päälle, elementti liikkuu ylöspäin.
- 3D-nosto: Kun asiakas siirtyy kortin tai painikkeen päälle, elementti siirtyy eteenpäin ja luo 3D-efektin. Ominaisuus lisää kohteeseen myös hienovaraisen loisteen, joka liikkuu elementin läpi ja antaa sille uuden ulottuvuuden.
Napauta ✓.
Visuaalisten elementtien mukautusasetukset
Voit säätää teeman elementtien, kuten painikkeiden, tuotekorttien ja versioiden, ulkoasua Teema-asetukset ‑sivulta. Jokainen vaihtoehto sisältää elementin omat asetukset.
Voit säätää seuraavien teeman elementtien asetuksia:
Painikkeet: Painikkeet sisältävät osioiden toimintakehotuspainikkeet, kuten diaesityksen tai kuvan tekstillä, sekä yhteydenottolomakkeen painikkeet tuotesivuilla ja ostoskorisivuilla.
Versiopillerit: Versioiden pillerikuvakkeiden avulla voit näyttää tuotteen versiot tuotesivulla tai esittelyssä olevien tuotteiden osiossa. Asiakkaat voivat valita haluamansa tuoteversion ja lisätä tuotteen tuotekoriinsa ilman, että heidän tarvitsee vaihtaa tuotesivuja. Voit mukauttaa sitä, miten versiosi pillerikuvakkeet näkyvät verkkokaupassasi.
Syötteet: Syötteet ovat interaktiivisia alueita, joihin asiakkaan täytyy syöttää jokin arvo, esimerkiksi määrän valitsin, sähköpostitilauksen rekisteröitymislomake tai ostoskorin kommentit. Voit säätää verkkokaupan syötteiden ulkoasua.
Tuotekorttien, kokoelmakorttien ja blogikorttien asetusten avulla voit mukauttaa kunkin korttityypin tyyliä, kun ne näkyvät sivun osioissa. - Tuotekortit: Tuotekortit näyttävät tuotetietoja teeman alueilla, joilla listataan useita tuotteita, kuten kokoelmamallit, kokoelmaosiot ja hakutulokset. - Kokoelmakortit: Kokoelmakortit näyttävät kokoelmatietoja teeman alueilla, joilla listataan kokoelmia, kuten kokoelmaluettelomalli tai ‑osio. - Blogikortit: Blogikortit näyttävät tietoja blogipostauksistasi teeman alueilla, joilla listataan useita tuotteita, esimerkiksi blogimallit, blogiosiot ja hakutulokset.
Sisältösäilöt: Säilöt ovat sisältöosioiden tekstielementti, kuten diaesityksen tai kuvabannerin tekstiruutu, tai useita sarakkeita sisältävien osioiden sarakkeet. Voit mukauttaa verkkokauppasi sisältösäilöjen ulkoasua.
Media: Media on osioiden visuaalinen osa, kuten tuotemedia tai Kuva tekstillä ‑osion kuva. Voit lisätä mediaan reunoja ja varjoja.
Pudotusvalikot ja ponnahdusikkunat: Voit muuttaa pudotusvalikkojen, ponnahdusmodaalien ja ostoskorien ponnahdusikkunoiden ulkoasua.
Laatikot: Laatikot ovat piilotettuja, interaktiivisia säiliöitä, jotka tulevat näkyviin, kun niitä napautetaan tai klikataan. Tällaisia ovat esimerkiksi pienennettävät valikot tai suodatinvaihtoehdot. Voit mukauttaa verkkokauppasi laatikoiden reunaviivoja ja varjoja.
Tunnukset: Alennus- ja Loppuunmyyty-tunnukset lisätään tuotekuviin automaattisesti, kun alennat tuotteen hintaa tai varastomäärä laskee nollaan. Voit säätää yksittäisten Alennus- ja Loppuunmyyty-tunnusten sijaintia, muotoa ja väriä teema-asetuksista. Sivu- ja Blogi-tunnukset näytetään osuvissa hakutuloksissa. Voit mukauttaa näiden tunnusten sijaintia ja muotoa, mutta et voi muuttaa Sivu- Blogi-tunnusten väriä.
Bränditiedot: Voit kertoa verkkokaupassasi tietoja brändistäsi. Kun olet suorittanut seuraavat vaiheet, voit lisätä Bränditiedot-lohkon verkkokauppasi alatunnisteeseen.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Klikkaa muokattavan teeman vierestä Mukauta.
Klikkaa
-kuvaketta.
Avaa asetukset klikkaamalla elementtiä.
Säädä mitä tahansa saatavilla olevista asetuksista. Voit tarkastella muutoksia siirtymällä teeman eri alueille esikatseluikkunassa.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta muokattavan teeman vierestä Mukauta.
Napauta
-kuvaketta.
Avaa asetukset napauttamalla elementtiä.
Säädä mitä tahansa saatavilla olevista asetuksista. Voit tarkastella muutoksia siirtymällä teeman eri alueille esikatseluikkunassa.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta muokattavan teeman vierestä Mukauta.
Napauta
-kuvaketta.
Avaa asetukset napauttamalla elementtiä.
Säädä mitä tahansa saatavilla olevista asetuksista. Voit tarkastella muutoksia siirtymällä teeman eri alueille esikatseluikkunassa.
Napauta ✓.
Sosiaalinen media
Voit lisätä linkkejä sosiaalisen median tileillesi, jotka näytetään verkkokaupan alatunnisteissa.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Sosiaalinen media.
Voit lisätä linkkejä sosiaalisen median tileillesi syöttämällä tiliesi osoitteet asiaankuuluviin Sosiaalisen median tilit -kenttiin. Sinun täytyy syöttää linkit kokonaisuudessaan, esimerkiksi https://instagram.com/shopify tai https://tiktok.com/@shopify.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Sosiaalinen media.
Voit lisätä linkkejä sosiaalisen median tileillesi syöttämällä tiliesi osoitteet asiaankuuluviin Sosiaalisen median tilit -kenttiin. Sinun täytyy syöttää linkit kokonaisuudessaan, esimerkiksi https://instagram.com/shopify tai https://tiktok.com/@shopify.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Sosiaalinen media.
Voit lisätä linkkejä sosiaalisen median tileillesi syöttämällä tiliesi osoitteet asiaankuuluviin Sosiaalisen median tilit -kenttiin. Sinun täytyy syöttää linkit kokonaisuudessaan, esimerkiksi https://instagram.com/shopify tai https://tiktok.com/@shopify.
Napauta ✓.
Hakukäyttäytyminen
Verkkokauppasi sisältää ennakoivan haun, joka näyttää ehdotuksia, kun asiakkaat alkavat kirjoittaa jotakin hakukenttään. Hakuehdotukset auttavat asiakkaita muotoilemaan ja tarkentamaan hakukyselyjään, ja se on uudenlainen tapa tutustua verkkokauppaan. Hakuehdotusten avulla asiakkaat voivat myös selata osumia nopeasti ilman, että heidän tarvitsee poistua nykyiseltä sivulta tarkastelemaan erillistä hakutulosten luetteloa.
Lisätietoja siitä, miten hakuehdotukset toimivat, saat tutustumalla kohtaan Ennakoiva haku.
Voit mukauttaa sitä, miten hakuehdotukset näkyvät asiakkaillesi.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Hakutoiminto.
Voit ottaa hakuehdotukset käyttöön tai poistaa ne käytöstä joko valitsemalla Ota hakuehdotukset käyttöön tai poistamalla valinnan kohdasta.
Valinnainen: Jos haluat näyttää tai piilottaa tuotteen myyjän hakuehdotuksista, valitse Näytä tuotteen myyjä tai poista valinta.
Valinnainen: Jos haluat näyttää tai piilottaa tuotteen hinnan hakuehdotuksista, valitse Näytä tuotteen hinta tai poista valinta kyseisestä kohdasta.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Hakutoiminto.
Voit ottaa hakuehdotukset käyttöön tai poistaa ne käytöstä joko valitsemalla Ota hakuehdotukset käyttöön tai poistamalla valinnan kohdasta.
Valinnainen: Jos haluat näyttää tai piilottaa tuotteen myyjän hakuehdotuksista, valitse Näytä tuotteen myyjä tai poista valinta.
Valinnainen: Jos haluat näyttää tai piilottaa tuotteen hinnan hakuehdotuksista, valitse Näytä tuotteen hinta tai poista valinta kyseisestä kohdasta.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Hakutoiminto.
Voit ottaa hakuehdotukset käyttöön tai poistaa ne käytöstä joko valitsemalla Ota hakuehdotukset käyttöön tai poistamalla valinnan kohdasta.
Valinnainen: Jos haluat näyttää tai piilottaa tuotteen myyjän hakuehdotuksista, valitse Näytä tuotteen myyjä tai poista valinta.
Valinnainen: Jos haluat näyttää tai piilottaa tuotteen hinnan hakuehdotuksista, valitse Näytä tuotteen hinta tai poista valinta kyseisestä kohdasta.
Napauta ✓.
Valuutan muoto
Voit valita, näytetäänkö valuuttakoodi tuotteidesi hintojen yhteydessä.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Valuutan muoto.
Jos haluat näyttää valuuttakoodit, valitse Näytä valuuttakoodit.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Valuutan muoto.
Jos haluat näyttää valuuttakoodit, valitse Näytä valuuttakoodit.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Valuutan muoto.
Jos haluat näyttää valuuttakoodit, valitse Näytä valuuttakoodit.
Napauta ✓.
Ostoskori
Voit muuttaa verkkokaupan ostoskorin tyyliä. Kun asiakas lisää kaupassasi tuotteen ostoskoriin, ostoskori voidaan näyttää vetolaatikkona, sivuna tai ponnahdusilmoituksena. Jos haluat pitää asiakkaan tuotesivulla, käytä vetolaatikko- tai ponnahdusilmoitus-vaihtoehtoa. Jos haluat viedä asiakkaan ostoskorisivulle, käytä sivu-vaihtoehtoa. Kun asiakkaan ostoskori on tyhjä, voit näyttää esittelykokoelman veto-ostoskorissa.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Valitse cart.
Valitse Ostoskorin tyyppi -pudotusvalikossa ostoskorin tyypiksi Laatikko, Sivu tai Ponnahdusikkunailmoitus.
Valinnainen: Jos haluat näyttää asiakkaan ostokorissa olevien tuotteiden myyjät, klikkaa Näytä myyjä.
Valinnainen: Jos haluat lisätä tekstiruudun, johon asiakkaat voivat kirjoittaa erikoispyyntöjä tai lisätä muita tilaustietoja, valitse Ota tilauskommentti käyttöön.
Valinnainen: Jos valitset ostoskorin tyypiksi Laatikko, voit näyttää veto-ostoskorissa kokoelman, kun ostoskori on tyhjä:
- Klikkaa Veto-ostoskori-kohdassa Valitse kokoelma.
- Klikkaa sen kokoelman nimeä, jonka haluat näyttää, ja klikkaa sitten Valitse.
Valinnainen: Jos valitset veto-ostoskorin tyypiksi Laatikko, voit muuttaa veto-ostoskorin värimallia seuraavasti:
- Klikkaa Veto-ostoskori > Väriskeema-alueelta Vaihda.
- Valitse värimalli, jota haluat käyttää veto-ostoskorissasi.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Ostoskori.
Valitse ostoskorin tyypiksi Laatikko, Sivu tai Ponnahdusikkuna.
Valinnainen: Jos haluat näyttää asiakkaan ostokorissa olevien tuotteiden myyjät, klikkaa Näytä myyjä.
Valinnainen: Jos haluat lisätä tekstiruudun, johon asiakkaat voivat kirjoittaa erikoispyyntöjä tai lisätä muita tilaustietoja, valitse Ota tilauskommentti käyttöön.
Valinnainen: Jos valitset ostoskorin tyypiksi Laatikko, voit näyttää veto-ostoskorissa kokoelman, kun ostoskori on tyhjä:
- Napauta Veto-ostoskori ‑alueelta Näytä kokoelma.
- Napauta sen kokoelman nimeä, jonka haluat näyttää, ja napauta sitten Valmis.
Valinnainen: Jos valitset veto-ostoskorin tyypiksi Laatikko, voit muuttaa veto-ostoskorin värimallia seuraavasti:
- Napauta Veto-ostoskori > Värimalli-alueella Vaihda.
- Valitse värimalli, jota haluat käyttää veto-ostoskorissasi, ja napauta sitten Valmis.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Ostoskori.
Valitse ostoskorin tyypiksi Laatikko, Sivu tai Ponnahdusikkuna.
Valinnainen: Jos haluat näyttää asiakkaan ostokorissa olevien tuotteiden myyjät, klikkaa Näytä myyjä.
Valinnainen: Jos haluat lisätä tekstiruudun, johon asiakkaat voivat kirjoittaa erikoispyyntöjä tai lisätä muita tilaustietoja, valitse Ota tilauskommentti käyttöön.
Valinnainen: Jos valitset ostoskorin tyypiksi Laatikko, voit näyttää veto-ostoskorissa kokoelman, kun ostoskori on tyhjä:
- Napauta Veto-ostoskori ‑alueelta Näytä kokoelma.
- Napauta sen kokoelman nimeä, jonka haluat näyttää, ja napauta sitten Valmis.
Valinnainen: Jos valitset veto-ostoskorin tyypiksi Laatikko, voit muuttaa veto-ostoskorin värimallia seuraavasti:
- Napauta Veto-ostoskori > Värimalli-alueella Vaihda.
- Valitse värimalli, jota haluat käyttää veto-ostoskorissasi, ja napauta sitten Valmis.
Napauta ✓.
Mukautettu CSS
Mukautettu CSS -osion avulla voit kirjoittaa oman CSS-koodisi esimerkiksi mukauttaaksesi verkkokaupan painikkeiden ulkoasua laajemmin kuin käytettävissä olevat oletusasetukset mahdollistavat tai käyttääksesi yksilöllistä muotoilua tietyissä tekstielementeissä.
Teema-asetusten mukautettu CSS vaikuttaa kaikkiin verkkokaupan sivuihin kassaa lukuun ottamatta.
Lue lisää aiheesta Mukautetun CSS-koodin lisääminen teemaan.
Teeman tyyli
Teeman tyyli on kokoelma teemojen suunnittelijan valitsemia asetuksia. Voit käyttää teeman tyylejä kaupassasi, jolloin kauppasi ilme ja tyyli on viimeistelty. Teeman tyyliä käytetään oletuksena kaikissa teemoissa. Muut teeman tyylin asetukset riippuvat käyttämästäsi teemasta.
Kun mukautat teemaa, korvaat teeman tyyliasetukset omilla asetuksillasi. Jos käytät teemassa teeman tyyliä, nykyiset asetukset, kuten värit ja typografia, muuttuvat.
Ohjeet:
Tietokone
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
Klikkaa teema-asetusten
-kuvaketta.
Klikkaa Teeman tyyli.
Valitse haluamasi teeman tyyli ja klikkaa sitten Vaihda tyyliä.
Klikkaa Tallenna.
iPhone
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ⋮ ja napauta sitten Teeman asetukset.
Napauta Teeman tyyli.
Valitse haluamasi teeman tyyli ja napauta sitten Valmis.
Napauta ✓.
Android
Napauta Shopify-sovelluksessa
-kuvaketta.
Napauta myyntikanavat -osiossa Verkkokauppa.
Napauta Hallinnoi kaikkia teemoja.
Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
Napauta ...-painiketta ja napauta sitten Teeman asetukset.
Napauta Teeman tyyli.
Valitse haluamasi teeman tyyli ja napauta sitten Valmis.
Napauta ✓.