Kirjaudu sisään
Aloita ilmainen kokeilu

Teeman asetukset

Teeman asetuksilla voit tehdä muutoksia verkkokaupan typografiaan, väreihin, somelinkkeihin ja ostoskorin asetuksiin. Kun teet muutoksia teeman asetuksiin, muutokset koskevat koko verkkokauppaasi.

Tällä sivulla

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ä.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Logo.
  5. 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.

  1. Valinnainen: Lisää logokuvaan vaihtoehtoinen teksti:

    1. Klikkaa Logo-kohdassa Muokkaa.
    2. Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
    3. Klikkaa Tallenna.

  2. Valinnainen: Säädä logon pikselileveyttä Logon leveys tietokoneella -kohdassa.

  3. Klikkaa Tallenna.

iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Logo.
  7. 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.

  1. Valinnainen: Lisää logokuvaan vaihtoehtoinen teksti:

    1. Napauta Logo-kohdassa Muokkaa.
    2. Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
    3. Napauta Tallenna.

  2. Valinnainen: Säädä logon pikselileveyttä Logon leveys tietokoneella -kohdassa.

  3. Napauta Tallenna.

Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Logo.
  7. 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.

  1. Valinnainen: Lisää logokuvaan vaihtoehtoinen teksti:

    1. Napauta Logo-kohdassa Muokkaa.
    2. Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
    3. Napauta Tallenna.

  2. Valinnainen: Säädä logon pikselileveyttä Logon leveys tietokoneella -kohdassa.

  3. 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.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Teemaversiostasi riippuen klikkaa Logo tai Favicon.

  5. 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.

  6. Klikkaa Valmis.

  7. Valinnainen: Vaihtoehtoisen tekstin lisääminen favicon-kuvaan:

    1. Klikkaa Favicon-kuva ‑osiosta Muokkaa.
    2. Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
    3. Klikkaa Tallenna.

  8. Klikkaa Tallenna.

iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, johon haluat lisätä faviconin, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Teemaversiostasi riippuen napauta Logo tai Favicon.

  7. 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.

  8. Napauta Valmis.

  9. Vaihtoehtoisen tekstin lisääminen Faviconin kuvaan:

    1. Napauta Favicon-kuva ‑osiosta Muokkaa.
    2. Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
    3. Napauta Tallenna.

  10. Napauta Tallenna.

Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, johon haluat lisätä faviconin, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Teemaversiostasi riippuen napauta Logo tai Favicon.

  7. 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.

  8. Napauta Valmis.

  9. Vaihtoehtoisen tekstin lisääminen Faviconin kuvaan:

    1. Napauta Favicon-kuva ‑osiosta Muokkaa.
    2. Kirjoita Vaihtoehtoinen teksti -kenttään lyhyt kuvan kuvaus.
    3. Napauta Tallenna.

  10. Napauta ✓.

Värit

Voit luoda ja mukauttaa jopa 21 yksilöllistä värimallia sekä käyttää niitä verkkokaupan eri osioissa. Lue lisää värivaihtoehdoista, värimalleista ja liukuväreistä.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta
  4. Klikkaa Värit.
  5. Klikkaa Skeemat-osiosta olemassa olevaa skeemaa tai lisää uusi väriskeema klikkaamalla Lisää skeema.

  6. Voit muuttaa seuraavien sisältötyyppien värejä klikkaamalla väriruutua:

    • Tausta
    • Taustan liukuväri
    • Teksti
    • Peittävän painikkeen tausta
    • Peittävä tekstipainike
    • Kehyspainike
    • Varjo

  7. Voit asettaa värin kirjoittamalla värin heksadesimaalikoodin tai valitsemalla värin värinvalitsimesta. Jos haluat asettaa värin läpinäkyväksi, poista heksadesimaalikoodi tekstikentästä.

  8. Klikkaa Tallenna.

iPhone

  1. Napauta Shopify-sovelluksessa …-painiketta.

  2. Napauta myyntikanavat -osiossa Verkkokauppa.

  3. Napauta Hallinnoi kaikkia teemoja.

  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.

  5. Napauta ⋮ ja napauta sitten Teeman asetukset.

  6. Napauta Värit.

  7. Napauta Skeemat-osiosta olemassa olevaa skeemaa tai lisää uusi väriskeema napauttamalla Lisää skeema.

  8. Voit muuttaa seuraavien sisältötyyppien värejä napauttamalla väriruutua:

    • Tausta
    • Taustan liukuväri
    • Teksti
    • Peittävän painikkeen tausta
    • Peittävä tekstipainike
    • Kehyspainike
    • Varjo

  9. Voit asettaa värin kirjoittamalla värin heksadesimaalikoodin tai valitsemalla värin värinvalitsimesta. Jos haluat asettaa värin läpinäkyväksi, poista heksadesimaalikoodi tekstikentästä.

  10. Napauta Valmis.

  11. Napauta Tallenna.

Android

  1. Napauta Shopify-sovelluksessa ☰-painiketta.

  2. Napauta myyntikanavat -osiossa Verkkokauppa.

  3. Napauta Hallinnoi kaikkia teemoja.

  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.

  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.

  6. Napauta Värit.

  7. Napauta Skeemat-osiosta olemassa olevaa skeemaa tai lisää uusi väriskeema napauttamalla Lisää skeema.

  8. Voit muuttaa seuraavien sisältötyyppien värejä napauttamalla väriruutua:

    • Tausta
    • Taustan liukuväri
    • Teksti
    • Peittävän painikkeen tausta
    • Peittävä tekstipainike
    • Kehyspainike
    • Varjo

  9. Voit asettaa värin kirjoittamalla värin heksadesimaalikoodin tai valitsemalla värin värinvalitsimesta. Jos haluat asettaa värin läpinäkyväksi, poista heksadesimaalikoodi tekstikentästä.

  10. Napauta Valmis.

  11. Napauta ✓.

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.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Typografia.
  5. Voit muuttaa kaupan otsikoiden tai leipätekstin fontin tyyppiä klikkaamalla Otsikot- tai Leipäteksti-osiossa Muuta.
  6. Klikkaa haluamasi fontin nimeä ja klikkaa sitten Valitse.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Typografia.
  7. Voit muuttaa kaupan otsikoiden tai leipätekstin fontin tyyppiä napauttamalla Muuta kohdasta Otsikot tai Leipäteksti.
  8. Napauta sen fontin nimeä, jota haluat käyttää, ja napauta sitten Valmis.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Typografia.
  7. Voit muuttaa kaupan otsikoiden tai leipätekstin fontin tyyppiä napauttamalla Muuta kohdasta Otsikot tai Leipäteksti.
  8. Napauta sen fontin nimeä, jota haluat käyttää, ja napauta sitten Valmis.
  9. 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 %.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Typografia.
  5. Voit muuttaa Otsikot-tekstin oletusarvoista fonttikokoa käyttämällä Fonttikoon skaala -säädintä oletusarvoisen fonttikoon valitsemiseen.
  6. Jos vaihdat leipätekstin oletusarvoista fonttikokoam, käytä fonttikoon skaalaa oletusarvoisen fonttikoon valitsemiseen.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Typografia.
  7. Voit muuttaa Otsikot-tekstin oletusarvoista fonttikokoa käyttämällä Fonttikoon skaala -säädintä oletusarvoisen fonttikoon valitsemiseen.
  8. Jos vaihdat leipätekstin oletusarvoista fonttikokoam, käytä fonttikoon skaalaa oletusarvoisen fonttikoon valitsemiseen.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Typografia.
  7. Voit muuttaa Otsikot-tekstin oletusarvoista fonttikokoa käyttämällä Fonttikoon skaala -säädintä oletusarvoisen fonttikoon valitsemiseen.
  8. Jos vaihdat leipätekstin oletusarvoista fonttikokoam, käytä fonttikoon skaalaa oletusarvoisen fonttikoon valitsemiseen.
  9. Napauta ✓.

Asettelu

Voit määrittää verkkokaupan enimmäisleveyden ja määrittää osien välisen pysty- ja vaakatilan.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Asettelu.
  5. Valitse sivun leveys väliltä 1 000–1 600 Sivun leveys -säätimen avulla. Oletusasetus on 1 600 pikseliä.
  6. Valinnainen: Lisää säätimen avulla sivullesi pystysuunnassa tilaa malliosioiden väliin. Voit lisätä osioiden väliin enintään 100 pikseliä tilaa.
  7. 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.
  8. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Asettelu.
  7. Valitse sivun leveys väliltä 1 000–1 600 Sivun leveys -säätimen avulla. Oletusasetus on 1 600 pikseliä.
  8. Valinnainen: Lisää säätimen avulla sivullesi pystysuunnassa tilaa malliosioiden väliin. Voit lisätä osioiden väliin enintään 100 pikseliä tilaa.
  9. 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.
  10. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Asettelu.
  7. Valitse sivun leveys väliltä 1 000–1 600 Sivun leveys -säätimen avulla. Oletusasetus on 1 600 pikseliä.
  8. Valinnainen: Lisää säätimen avulla sivullesi pystysuunnassa tilaa malliosioiden väliin. Voit lisätä osioiden väliin enintään 100 pikseliä tilaa.
  9. 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.
  10. 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.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Animaatiot.
  5. Valinnainen: jos haluat aktivoida animaation, joka näyttää verkkokaupan osiot vierittämällä, valitse Näytä osiot vierittämällä.

  6. 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.

  7. Klikkaa Tallenna.

iPhone

  1. Napauta Shopify-sovelluksessa …-painiketta.

  2. Napauta myyntikanavat -osiossa Verkkokauppa.

  3. Napauta Hallinnoi kaikkia teemoja.

  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.

  5. Napauta ⋮ ja napauta sitten Teeman asetukset.

  6. Napauta Animaatiot.

  7. Valinnainen: jos haluat aktivoida animaation, joka näyttää verkkokaupan osiot vierittämällä, valitse Näytä osiot vierittämällä.

  8. 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.

  9. Napauta Tallenna.

Android

  1. Napauta Shopify-sovelluksessa ☰-painiketta.

  2. Napauta myyntikanavat -osiossa Verkkokauppa.

  3. Napauta Hallinnoi kaikkia teemoja.

  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.

  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.

  6. Napauta Animaatiot.

  7. Valinnainen: jos haluat aktivoida animaation, joka näyttää verkkokaupan osiot vierittämällä, valitse Näytä osiot vierittämällä.

  8. 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.

  9. Napauta ✓.

Reunat ja varjot

Voit säätää joidenkin interaktiivisten sisältötyyppien, kuten vetolaatikoiden, painikkeiden, versiopainikkeiden tai määräsyötteiden reunuksia ja varjoja.

Reunoja voidaan mukauttaa seuraavilla tavoilla:

  • Paksuus: muuttaa kohteen ääriviivaa.
  • Peittävyys: määrittää kohteen ääriviivan läpinäkyvyyden.
  • Kulman säde pyöristää kohteen kulmat.

Voit mukauttaa varjoja seuraavilla tavoilla:

  • Peittävyys määrittää kohteen varjon näkyvyyden. Jos peittävyys on 0 %, kohteen varjoa ei näy lainkaan.
  • Vaaka- ja pystysuuntaiset siirtymäalueen liukusäätimet siirtävät varjon sijaintia kohteen ympärillä.
  • Sumennus-liukusäädin, jonka avulla on muuttaa tuotteen varjon peittävyyttä.

Painikkeet

Voit mukauttaa toimintokutsupainikkeiden asetuksia verkkokaupassasi lisäämällä varjoja, muuttamalla riviväliä tai peittävyyttä ja säätämällä painikkeiden muotoa.

Esimerkki verkkokaupasta, jossa on toimintokutsupainike

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Painikkeet.
  5. Valinnainen: Voit muuttaa painikkeen reunan ulkonäköä liukusäätimen avulla.
  6. Valinnainen: Voit muuttaa painikkeen varjoa liukusäätimen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Painikkeet.
  7. Valinnainen: Voit muuttaa painikkeen reunan ulkonäköä liukusäätimen avulla.
  8. Valinnainen: Voit muuttaa painikkeen varjoa liukusäätimen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Painikkeet.
  7. Valinnainen: Voit muuttaa painikkeen reunan ulkonäköä liukusäätimen avulla.
  8. Valinnainen: Voit muuttaa painikkeen varjoa liukusäätimen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta ✓.

Versioiden pillerikuvakkeet

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.

Esimerkki verkkokaupasta, jossa on valittavien versioiden pillerikuvakkeita

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Versioiden pillerikuvakkeet.
  5. Valinnainen: Voit muuttaa versiopainikkeiden reunan ulkonäköä liukuvien asteikkojen avulla.
  6. Valinnainen: Voit muuttaa versiokuvakkeiden varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Versioiden pillerikuvakkeet.
  7. Valinnainen: Voit muuttaa versiopainikkeiden reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Valinnainen: Voit muuttaa versiokuvakkeiden varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Versioiden pillerikuvakkeet.
  7. Valinnainen: Voit muuttaa versiopainikkeiden reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Valinnainen: Voit muuttaa versiokuvakkeiden varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta ✓.

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.

Esimerkki verkkokaupasta, jossa on määräsyöte

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Syötteet.
  5. Valinnainen: Voit muuttaa syötteen reunan ulkonäköä liukuvien asteikkojen avulla.
  6. Valinnainen: Voit muuttaa syötteen varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Syötteet.
  7. Valinnainen: Voit muuttaa syötteen reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Valinnainen: Voit muuttaa syötteen varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Syötteet.
  7. Valinnainen: Voit muuttaa syötteen reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Valinnainen: Voit muuttaa syötteen varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta ✓.

Kortit

Tuotekorttien, kokoelmakorttien ja blogikorttien asetusten avulla voit mukauttaa kunkin korttityypin tyyliä, kun ne näkyvät sivun osioissa. Voit muuttaa näiden kolmen erilaisen osiokortin väriä, tasausta, kuvan täyttöä, reunoja ja varjoja.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Tuotekortit, Kokoelmakortit tai Blogikortit.
  5. Voit valita kortin tyylin käyttämällä Tyyli-valintaa.
  6. Valinnainen: Jos haluat lisätä tilaa korttikuvien ympärille, käytä Kuvan täyttäminen -säädintä.
  7. Valinnainen: Valitse korttiesi Tekstin tasaus vasemmalle, keskelle (oletus) tai oikealle.
  8. Valinnainen: Valitse korttien värimalli klikkaamalla Värimalli-osiossa Vaihda.
  9. Valinnainen: Voit muuttaa kortin reunan ulkonäköä liukuvien asteikkojen avulla.
  10. Valinnainen: Voit muuttaa kortin varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  11. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Tuotekortit, Kokoelmakortit tai Blogikortit.
  7. Voit valita kortin tyylin käyttämällä Tyyli-valintaa.
  8. Valinnainen: Jos haluat lisätä tilaa korttikuvien ympärille, käytä Kuvan täyttäminen -säädintä.
  9. Valinnainen: Valitse korttiesi Tekstin tasaus vasemmalle, keskelle (oletus) tai oikealle.
  10. Valinnainen: Napauta Värimalli-osiossa Muuta. Valitse korttien värimalli ja napauta sitten Valmis.
  11. Valinnainen: Voit muuttaa kortin reunan ulkonäköä liukuvien asteikkojen avulla.
  12. Valinnainen: Voit muuttaa kortin varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  13. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Tuotekortit, Kokoelmakortit tai Blogikortit.
  7. Voit valita kortin tyylin käyttämällä Tyyli-valintaa.
  8. Valinnainen: Jos haluat lisätä tilaa korttikuvien ympärille, käytä Kuvan täyttäminen -säädintä.
  9. Valinnainen: Valitse korttiesi Tekstin tasaus vasemmalle, keskelle (oletus) tai oikealle.
  10. Valinnainen: Napauta Värimalli-osiossa Muuta. Valitse korttien värimalli ja napauta sitten Valmis.
  11. Valinnainen: Voit muuttaa kortin reunan ulkonäköä liukuvien asteikkojen avulla.
  12. Valinnainen: Voit muuttaa kortin varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  13. Napauta ✓.

Sisältösäiliö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.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Sisältösäilöt.
  5. Voit muuttaa sisältölaatikonreunan ulkonäköä säätimien avulla.
  6. Voit muuttaa sisältösäilön varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Sisältösäilöt.
  7. Voit muuttaa sisältölaatikonreunan ulkonäköä säätimien avulla.
  8. Voit muuttaa sisältösäilön varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Sisältösäilöt.
  7. Voit muuttaa sisältölaatikonreunan ulkonäköä säätimien avulla.
  8. Voit muuttaa sisältösäilön varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta ✓.

Media

Media on osioiden visuaalinen osa, kuten tuotemedia tai Kuva tekstillä ‑osion kuva. Voit lisätä mediaan reunoja ja varjoja.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Media.
  5. Voit muuttaa medianreunan ulkonäköä säätimien avulla.
  6. Voit muuttaa median varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Media.
  7. Voit muuttaa medianreunan ulkonäköä säätimien avulla.
  8. Voit muuttaa median varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Media.
  7. Voit muuttaa medianreunan ulkonäköä säätimien avulla.
  8. Voit muuttaa median varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta ✓.

Alasvetovalikot ja ponnahdusikkunat

Voit säätää navigoinnin pudotusvalikkojen, ponnahdusikkunoiden ja ostoskorien ulkoasua.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Pudotusvalikot ja ponnahdusikkunat.
  5. Voit muuttaa reunan ulkonäköä liukuvien asteikkojen avulla.
  6. Voit muuttaa varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Pudotusvalikot ja ponnahdusikkunat.
  7. Voit muuttaa reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Voit muuttaa varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Pudotusvalikot ja ponnahdusikkunat.
  7. Voit muuttaa reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Voit muuttaa varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta ✓.

Vetolaatikot

Laatikot ovat piilotettuja, interaktiivisia säilöjä, jotka tulevat näkyviin, kun niitä napautetaan tai klikataan. Tällaisia ovat esimerkiksi pienennettävä navigointivalikko tai suodatinvaihtoehdot. Voit mukauttaa verkkokaupassasi laatikoiden reunaviivoja ja varjoja.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Veto-ostoskorit.
  5. Voit muuttaa vetolaatikon reunan ulkonäköä liukuvien asteikkojen avulla.
  6. Voit muuttaa vetolaatikon varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  7. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Laatikot.
  7. Voit muuttaa vetolaatikon reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Voit muuttaa vetolaatikon varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Laatikot.
  7. Voit muuttaa vetolaatikon reunan ulkonäköä liukuvien asteikkojen avulla.
  8. Voit muuttaa vetolaatikon varjoa liukuvien asteikkojen avulla. Jos varjon peittävyydeksi asetetaan 0 %, varjo poistuu.
  9. Napauta ✓.

Tunnukset

Alennus- ja Loppuunmyyty-tunnukset lisätään tuotekuviin automaattisesti, kun alennat tuotteen hintaa tai varastomäärä laskee nollaan. Voit säätää Alennus- ja Loppuunmyyty-tunnusten sijaintia, muotoa ja väriä.

Esimerkki verkkokaupasta, jossa alennusmyynti- ja loppuunmyyty-tunnukset

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ä.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Tunnukset.
  5. Voit valita tunnuksen sijainnin klikkaamalla Sijainti korteilla ‑pudotusvalikkoa ja klikkaamalla sitten Alhaalla vasemmalla, Alhaalla oikealla, Ylhäällä vasemmalla tai Ylhäällä oikealla.
  6. Valinnainen: Jos haluat lisätä tunnuksiisi pyöristetyt kulmat, käytä Kulman säde -liukusäädintä. Kulman säteen asettaminen nollaan pikseliin luo neliönmuotoisen, ja säteen kasvattaminen tekee tunnuksen reunoista pyöreämmät.
  7. Valinnainen: Voit valita värimallin klikkaamalla Alennus-tunnuksen värimalli- tai Loppuunmyyty-tunnuksen värimalli -kohdassa Vaihda.
  8. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Tunnukset.
  7. Voit valita tunnuksen sijainnin napauttamalla Sijainti korteilla ‑pudotusvalikkoa ja napauttamalla sitten Alhaalla vasemmalla, Alhaalla oikealla, Ylhäällä vasemmalla tai Ylhäällä oikealla.
  8. Valinnainen: Jos haluat lisätä tunnuksiisi pyöristetyt kulmat, käytä Kulman säde -liukusäädintä. Kulman säteen asettaminen nollaan pikseliin luo neliönmuotoisen, ja säteen kasvattaminen tekee tunnuksen reunoista pyöreämmät.
  9. Valinnainen: Voit valita värimallin napauttamalla Alennus-tunnuksen värimalli- tai Loppuunmyyty-tunnuksen värimalli -kohdassa Vaihda. Valitse tunnusten värimalli ja napauta sitten Valmis.
  10. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Tunnukset.
  7. Voit valita tunnuksen sijainnin napauttamalla Sijainti korteilla ‑pudotusvalikkoa ja napauttamalla sitten Alhaalla vasemmalla, Alhaalla oikealla, Ylhäällä vasemmalla tai Ylhäällä oikealla.
  8. Valinnainen: Jos haluat lisätä tunnuksiisi pyöristetyt kulmat, käytä Kulman säde -liukusäädintä. Kulman säteen asettaminen nollaan pikseliin luo neliönmuotoisen, ja säteen kasvattaminen tekee tunnuksen reunoista pyöreämmät.
  9. Valinnainen: Voit valita värimallin napauttamalla Alennus-tunnuksen värimalli- tai Loppuunmyyty-tunnuksen värimalli -kohdassa Vaihda. Valitse tunnusten värimalli ja napauta sitten Valmis.
  10. Napauta ✓.

Bränditiedot

Voit kertoa verkkokaupassasi tietoja brändistäsi. Kun olet suorittanut seuraavat vaiheet, voit lisätä Bränditiedot-lohkon verkkokauppasi alatunnisteeseen.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Brändin tiedot.
  5. Valinnainen: Kirjoita brändiä tai yritystä koskeva otsikko.
  6. Valinnainen: Kirjoita brändin tai yrityksen kuvaus.
  7. Valinnainen: Lisää kuva Kuva-alueella tai käytä ilmaista kuvaa:
    • 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.

  1. Valinnainen: Valitse Kuvan leveys ‑alueen liukusäätimen avulla haluamasi pikselileveys.
  2. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Bränditiedot.
  7. Valinnainen: Kirjoita brändiä tai yritystä koskeva otsikko.
  8. Valinnainen: Kirjoita brändin tai yrityksen kuvaus.
  9. Valinnainen: Lisää kuva Kuva-alueella tai käytä ilmaista kuvaa:
    • 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.

  1. Valinnainen: Valitse Kuvan leveys ‑alueen liukusäätimen avulla haluamasi pikselileveys.
  2. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Bränditiedot.
  7. Valinnainen: Kirjoita brändiä tai yritystä koskeva otsikko.
  8. Valinnainen: Kirjoita brändin tai yrityksen kuvaus.
  9. Valinnainen: Lisää kuva Kuva-alueella tai käytä ilmaista kuvaa:
    • 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.

  1. Valinnainen: Valitse Kuvan leveys ‑alueen liukusäätimen avulla haluamasi pikselileveys.
  2. Napauta ✓.

Sosiaalinen media

Voit lisätä linkkejä sosiaalisen median tileillesi, jotka näytetään verkkokaupan alatunnisteissa.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Sosiaalinen media.
  5. 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.
  6. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Sosiaalinen media.
  7. 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.
  8. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Sosiaalinen media.
  7. 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.
  8. 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.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Hakutoiminto.
  5. Voit ottaa hakuehdotukset käyttöön tai poistaa ne käytöstä joko valitsemalla Ota hakuehdotukset käyttöön tai poistamalla valinnan kohdasta.
  6. Valinnainen: Jos haluat näyttää tai piilottaa tuotteen myyjän hakuehdotuksista, valitse Näytä tuotteen myyjä tai poista valinta.
  7. Valinnainen: Jos haluat näyttää tai piilottaa tuotteen hinnan hakuehdotuksista, valitse Näytä tuotteen hinta tai poista valinta kyseisestä kohdasta.
  8. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Hakutoiminto.
  7. Voit ottaa hakuehdotukset käyttöön tai poistaa ne käytöstä joko valitsemalla Ota hakuehdotukset käyttöön tai poistamalla valinnan kohdasta.
  8. Valinnainen: Jos haluat näyttää tai piilottaa tuotteen myyjän hakuehdotuksista, valitse Näytä tuotteen myyjä tai poista valinta.
  9. Valinnainen: Jos haluat näyttää tai piilottaa tuotteen hinnan hakuehdotuksista, valitse Näytä tuotteen hinta tai poista valinta kyseisestä kohdasta.
  10. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Hakutoiminto.
  7. Voit ottaa hakuehdotukset käyttöön tai poistaa ne käytöstä joko valitsemalla Ota hakuehdotukset käyttöön tai poistamalla valinnan kohdasta.
  8. Valinnainen: Jos haluat näyttää tai piilottaa tuotteen myyjän hakuehdotuksista, valitse Näytä tuotteen myyjä tai poista valinta.
  9. Valinnainen: Jos haluat näyttää tai piilottaa tuotteen hinnan hakuehdotuksista, valitse Näytä tuotteen hinta tai poista valinta kyseisestä kohdasta.
  10. Napauta ✓.

Valuutan muoto

Voit valita, näytetäänkö valuuttakoodi tuotteidesi hintojen yhteydessä.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Valuutan muoto.
  5. Jos haluat näyttää valuuttakoodit, valitse Näytä valuuttakoodit.
  6. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Valuutan muoto.
  7. Jos haluat näyttää valuuttakoodit, valitse Näytä valuuttakoodit.
  8. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Valuutan muoto.
  7. Jos haluat näyttää valuuttakoodit, valitse Näytä valuuttakoodit.
  8. 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.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Valitse cart.
  5. Valitse Ostoskorin tyyppi -pudotusvalikossa ostoskorin tyypiksi Laatikko, Sivu tai Ponnahdusikkunailmoitus.
  6. Valinnainen: Jos haluat näyttää asiakkaan ostokorissa olevien tuotteiden myyjät, klikkaa Näytä myyjä.
  7. Valinnainen: Jos haluat lisätä tekstiruudun, johon asiakkaat voivat kirjoittaa erikoispyyntöjä tai lisätä muita tilaustietoja, valitse Ota tilauskommentti käyttöön.

  8. Valinnainen: Jos valitset ostoskorin tyypiksi Laatikko, voit näyttää veto-ostoskorissa kokoelman, kun ostoskori on tyhjä:

    1. Klikkaa Veto-ostoskori-kohdassa Valitse kokoelma.
    2. Klikkaa sen kokoelman nimeä, jonka haluat näyttää, ja klikkaa sitten Valitse.

  9. Valinnainen: Jos valitset veto-ostoskorin tyypiksi Laatikko, voit muuttaa veto-ostoskorin värimallia seuraavasti:

    1. Klikkaa Veto-ostoskori > Väriskeema-alueelta Vaihda.
    2. Valitse värimalli, jota haluat käyttää veto-ostoskorissasi.

  10. Klikkaa Tallenna.

iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Ostoskori.
  7. Valitse ostoskorin tyypiksi Laatikko, Sivu tai Ponnahdusikkuna.
  8. Valinnainen: Jos haluat näyttää asiakkaan ostokorissa olevien tuotteiden myyjät, klikkaa Näytä myyjä.
  9. Valinnainen: Jos haluat lisätä tekstiruudun, johon asiakkaat voivat kirjoittaa erikoispyyntöjä tai lisätä muita tilaustietoja, valitse Ota tilauskommentti käyttöön.

  10. Valinnainen: Jos valitset ostoskorin tyypiksi Laatikko, voit näyttää veto-ostoskorissa kokoelman, kun ostoskori on tyhjä:

    1. Napauta Veto-ostoskori ‑alueelta Näytä kokoelma.
    2. Napauta sen kokoelman nimeä, jonka haluat näyttää, ja napauta sitten Valmis.

  11. Valinnainen: Jos valitset veto-ostoskorin tyypiksi Laatikko, voit muuttaa veto-ostoskorin värimallia seuraavasti:

    1. Napauta Veto-ostoskori > Värimalli-alueella Vaihda.
    2. Valitse värimalli, jota haluat käyttää veto-ostoskorissasi, ja napauta sitten Valmis.

  12. Napauta Tallenna.

Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Ostoskori.
  7. Valitse ostoskorin tyypiksi Laatikko, Sivu tai Ponnahdusikkuna.
  8. Valinnainen: Jos haluat näyttää asiakkaan ostokorissa olevien tuotteiden myyjät, klikkaa Näytä myyjä.
  9. Valinnainen: Jos haluat lisätä tekstiruudun, johon asiakkaat voivat kirjoittaa erikoispyyntöjä tai lisätä muita tilaustietoja, valitse Ota tilauskommentti käyttöön.

  10. Valinnainen: Jos valitset ostoskorin tyypiksi Laatikko, voit näyttää veto-ostoskorissa kokoelman, kun ostoskori on tyhjä:

    1. Napauta Veto-ostoskori ‑alueelta Näytä kokoelma.
    2. Napauta sen kokoelman nimeä, jonka haluat näyttää, ja napauta sitten Valmis.

  11. Valinnainen: Jos valitset veto-ostoskorin tyypiksi Laatikko, voit muuttaa veto-ostoskorin värimallia seuraavasti:

    1. Napauta Veto-ostoskori > Värimalli-alueella Vaihda.
    2. Valitse värimalli, jota haluat käyttää veto-ostoskorissasi, ja napauta sitten Valmis.

  12. 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.

Vaiheet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Klikkaa Teeman asetukset ‑rataskuvaketta.
  4. Klikkaa Teeman tyyli.
  5. Valitse haluamasi teeman tyyli ja klikkaa sitten Vaihda tyyliä.
  6. Klikkaa Tallenna.
iPhone
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ⋮ ja napauta sitten Teeman asetukset.
  6. Napauta Teeman tyyli.
  7. Valitse haluamasi teeman tyyli ja napauta sitten Valmis.
  8. Napauta Tallenna.
Android
  1. Napauta Shopify-sovelluksessa ☰-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta ...-painiketta ja napauta sitten Teeman asetukset.
  6. Napauta Teeman tyyli.
  7. Valitse haluamasi teeman tyyli ja napauta sitten Valmis.
  8. Napauta ✓.

Kumoa muutokset ja tee ne uudelleen

Kumoa-painike peruuttaa viimeisimmän muutoksen, ja Tee uudestaan ‑painike palauttaa kumoamasi muutoksen. Kun klikkaat Kumoa-painiketta useammin kuin kerran, tekemäsi muutokset kumotaan yksi kerrallaan. Kumoa- ja Tee uudestaan ‑painikkeet sijaitsevat teemaeditorin työkalupalkissa.

Teemaeditorin työkalupalkin Kumoa- ja Toista-painikkeet

Peruuta esimerkiksi seuraavat teemaan tekemäsi muutokset klikkaamalla Kumoa-painiketta:

  • osioiden lisääminen, uudelleenjärjestäminen ja poistaminen
  • värien, fonttien ja muiden asetusten käyttäminen
  • teeman tyylin nollaaminen
Etkö löydä hakemaasi vastausta? Autamme mielellämme.