Osiot ja lohkot

Teemoissa käytetään osioita, joilla voi luoda itselleen ihanteellisia pohjia. Useimmat osiot koostuvat lohkoista, jotka toimivat tietyssä tehtävässä. Niitä ovat esimerkiksi ylätunnisteet, teksti, yksittäiset kuvat, kuvakollaasit tai linkit. Mallipohjissasi olevien osioiden ja lohkojen avulla voit järjestää kauppasi sisältöä joustavammin ja hallita verkkokauppasi käyttötuntumaa ilman, että koodia tarvitsee muokata. Kussakin mallipohjassa on korkeintaan 25 osiota.

Jokaisessa osiossa on tietty lohkojen valikoima, jonka voit lisätä siihen. Voit lisätä osioon enintään 50 lohkoa. Teemastasi riippuu, mitkä osat ja lohkot ovat käytettävissä. Lisätietoja siitä, mitä vaihtoehtoja sinulla on käytettävissä, on teemasi dokumentaatiossa.

Joissakin osioissa on rajoitettu lisättävien lohkojen määrää tai tietyntyyppisten lohkojen määrää. Esimerkiksi Kuva tekstillä -osiossa voidaan näyttää vain teeman suunnittelijan teemaasi varten määrittämiä lohkoja. Shopifyn ilmaisessa Dawn-teemassa voit lisätä seuraavista lohkoista vain yhden kutakin:

  • otsikko
  • kappale
  • painike

Voit mukauttaa osiota tarkemmin muokkaamalla sen asetuksia niin, että voit lisätä kuvan ja valita tasauksen, koon, taustavärin ja sen, mitä ladataan ensimmäisenä, kun asiakkaat vierailevat verkkokaupassasi.

Jos kaupan asetteluun lisäämäsi osiot eivät sisällä tarvitsemiasi asetuksia tai vaihtoehtoja, voit muokata teeman koodia tai ottaa yhteyttä teeman kehittäjään saadaksesi tukea.

Teemamallien mukauttaminen osioilla ja lohkoilla

Kun avaat teemaeditorin, kaupan etusivu latautuu oletusarvoisesti. Voit valita pudotusvalikosta toisen mallin tai hakea tiettyä sivutyyppiä pudotusvalikon hakupalkkia käyttämällä. Kun valitset mallin, se ladataan teemaeditoriin, ja kaikki tekemäsi muutokset voidaan esikatsella editorissa sitä mukaa, kun niitä tehdään.

Osion lisääminen

Lisää uusi osio mille tahansa verkkokauppasi sivulle.

Vaiheet:

  1. Valitse malli pudotusvalikosta.
  2. Klikkaa + Lisää osio ja valitse uusi osio luettelosta tai hae tiettyä termiä Haku-palkkia käyttämällä.
  3. Muokkaa osion lohkoja klikkaamalla uutta osiota.
  4. Valinnainen: Järjestä sivun osiot uudelleen klikkaamalla uudelleen järjestettävän osion vieressä olevaa ⋮⋮-kuvaketta ja vetämällä sitä.
  5. Klikkaa Tallenna.

Osion muokkaaminen

  1. Valitse pudotusvalikosta malli, joka sisältää muokattavan osion.
  2. Lataa sisältö esikatseluikkunaan klikkaamalla osiota ja siirtymällä käytössäsi oleviin vaihtoehtoihin.
  3. Valinnainen: Muokkaa osion lohkoja klikkaamalla lohkoa.
  4. Klikkaa Tallenna.

Osion tai lohkon monistaminen

  1. Valitse pudotusvalikosta malli, joka sisältää osion tai lohkon, jonka haluat monistaa.
  2. Klikkaa osiota tai lohkoa, jonka haluat monistaa.
  3. Klikkaa sivupalkissa osion nimen vieressä olevaa ...-painiketta ja klikkaa sitten Monista.
  4. Klikkaa Tallenna.

Osion tai lohkon poistaminen

  1. Valitse pudotusvalikosta malli, joka sisältää muokattavan osion.
  2. Lataa sisältö esikatseluikkunaan klikkaamalla osiota ja siirtymällä käytössäsi oleviin vaihtoehtoihin.
  3. Piilota osio tai näytä lohko klikkaamalla silmäkuvaketta.
  4. Poista lohko tai osio klikkaamalla Poista.

Joissakin osioissa on kiinteät lohkotyypit ja rajoitukset. Jos rajoitus koskee tiettyjä osioita tai lohkoja, käyttöliittymä kertoo, että olet käyttänyt X/X käytettävissä olevaa lohkoa. Jos olet käyttänyt kaikki käytettävissäsi olevat lohkot, et voi lisätä muita lohkoja, ennen kuin olet poistanut olemassa olevan lohkon.

Lohkojen käyttäminen

Lohkot ovat mukautettavia moduuleja, joista muodostuu sivumallien osiot. Lohkojen avulla voit lisätä tekstiä, kuvia, linkkejä, painikkeita ja paljon muuta.

Shopify-teemoissa on mukautettavia osioita ja lohkoja. Joissakin osioissa on kiinteitä lohkotyyppejä, mikä tarkoittaa, että voit valita vain lohkoja, jotka teeman suunnittelija on asettanut saataville kyseiseen osioon. Muissa osioissa voit valita minkä tahansa lohkon, mutta osioon lisättävien lohkojen kokonaismäärää on rajoitettu. Jos osiossasi käytettävissä olevien lohkojen enimmäismäärä täyttyy, näyttöön ilmestyy viesti, jossa näkyy saavutettu raja, ja + Lisää lohko -valinta näkyy harmaana, kunnes jokin olemassa oleva lohko poistetaan.

Lohkon lisääminen

  1. Valitse pudotusvalikosta malli, joka sisältää muokattavan osion.
  2. Lataa sisältö esikatseluikkunaan klikkaamalla osiota ja siirtymällä käytössäsi oleviin vaihtoehtoihin.
  3. Klikkaa + Lisää lohko ja valitse uusi lohko tai syötä hakusana klikkaamalla Haku-palkkia.
  4. Klikkaa Tallenna.

Metakenttien ja dynaamisten lähteiden käyttäminen

Metakentät mahdollistavat dynaamisten tietojen näyttämisen verkkokaupassasi. Jos sinulla on teema, joka tukee metakenttiä, voit yhdistää metakentän teemaeditorin osioon tai lohkoon.

Esimerkiksi kynttilämyyjä voi haluta esitellä erilaisten kynttilätyyppien paloajat. Kun myyjä on määrittänyt paloajalle metakentän, hän voi lisätä tuotemalliinsa lohkon paloaikaa varten ja yhdistää sen tuotteen metakenttään. Kun myyjä on määrittänyt kokoelma-metakentän sivulle, jossa luetellaan paloajat, myyjä voi lisätä kokoelmamalliinsa lohkon ja liittää sen sitten kokoelma-metakenttään.

Voit näyttää dynaamisia tietoja verkkokaupassasi lisäämällä osioita tai lohkoja, jotka voivat käyttää dynaamisia lähteitä. Dynaamisia lähteitä voidaan käyttää tuotemallin missä tahansa osiossa tai lohkossa. Malleissa, jotka eivät ole tuotemalleja, voidaan käyttää dynaamisia lähteitä sellaisissa osioissa tai lohkoissa, joissa näytetään tuotteita. Sinun täytyy lisätä metakenttä, ennen kuin voit liittää sen malleihin. Tutustu dynaamisiin lähteisiin, jos haluat lisätietoja metakenttien ja dynaamisten lähteiden käyttämisestä teemassasi.

Kun olet suorittanut määrityksen, lisää dynaaminen lähde malliisi noudattamalla seuraavia ohjeita:

  1. Valitse pudotusvalikosta malli, joka sisältää muokattavan osion.
  2. Lataa sisältö esikatseluikkunaan klikkaamalla olemassa olevaa osiota ja siirry käytössäsi oleviin vaihtoehtoihin tai klikkaa + Lisää osio.
  3. Klikkaa + Lisää lohko ja yhdistä sitten dynaaminen lähde:
  • Jos Yhdistä dynaaminen lähde -kuvake tulee näkyviin, valitse yksi metakenttä klikkaamalla:
    Connect dynamic source
  • Jos Yhdistä dynaaminen lähde -kuvakkeessa näkyy +, valitse klikkaamalla enintään 20 metakenttää lisäämällä ne yksi kerrallaan:
    Insert dynamic source icon
  1. Klikkaa Tallenna.

Valmiina aloittamaan Shopifyssa?

Kokeile ilmaiseksi