Osiot ja lohkot

Teemasi osioiden avulla voit luoda verkkokaupallesi haluamasi asettelun. Osiot koostuvat erityyppisistä lohkoista, joilla kullakin on tietty tehtävä, kuten teksti, painikkeet, yksittäiset kuvat, kuvakollaasi tai linkit.

Osiot ja lohkot tarjoavat joustavuutta sisällön järjestämiseen ja antavat sinun hallita verkkokauppasi tyyliä ja ilmettä ilman koodin muokkaamista. Ne sisältävät seuraavat mukautusvaihtoehdot:

• Voit järjestellä osioita uudelleen malleissasi ja lohkoja osioiden sisällä.
• Osioilla ja lohkoilla voi olla omat mukautusasetuksensa.
• Voit yhdistää yhteensopivia osioita ja lohkoja näyttämään verkkokaupassasi dynaamista tietoa mukautetusta datasta, kuten lisäämällä tuotteidesi hoito-ohjeita. Lue lisää dynaamisten lähteiden yhdistämisestä.

Teemaeditorissa käytettävissä olevat osiot ja lohkot riippuvat teemastasi ja teemaversiosta. Teemassasi voi esimerkiksi olla Dia-lohko, jonka voit lisätä vain Diaesitys-osioon, ja Otsikko-tekstilohko, jonka voit lisätä kaikkiin teemasi osioihin. Lisätietoja käytettävissäsi olevista vaihtoehdoista on teemasi dokumentaatiossa.

Osioiden ja lohkojen enimmäisrajoitukset

Osioilla ja lohkoilla on seuraavat enimmäisrajoitukset:

• Jokaisessa mallissa voi olla enintään 25 osiota.
• Jokaisessa mallissa voi olla enintään 1 250 lohkoa kaikissa osioissa yhteensä. Lohkojen tarkka lukumäärä ja kunkin lohkotyypin kappalemäärä, jonka voit lisätä kuhunkin osioon, riippuvat osion ja lohkon lähteistä, ja ne on määritetty teemasi suunnittelijan toimesta. Jos teemassasi on esimerkiksi Sähköpostitilaus-osio, voit ehkä lisätä vain yhden Sähköpostilomake-lohkon.
• Lohkot, jotka tukevat sisäkkäisyyttä, voivat sisältää jopa kahdeksan tasoa sisäkkäisiä lohkoja.

Lohkolähteet

Teeman rakenteesta ja asentamistasi sovelluksista riippuen teemasi voi sisältää erilaisia osioita, jotka hyväksyvät lohkoja eri lähteistä. Kun lisäät lohkon osioon, kaikki kyseiseen osioon saatavilla olevat lohkot näytetään lohkonvalitsimessa. Teemasta ja teemaversiosta riippuen voit lisätä teemasi osioihin seuraavan tyyppisiä lohkoja:

• Sovelluslohkot ovat lohkoja, jotka lisäävät toiminnallisuutta teemaasi. Sovelluslohkon avulla voit sijoittaa asentamiesi sovellusten lisäämiä teeman alueita uudelleen sivun tietylle alueelle.
• Osiolohkot ovat lohkoja, jotka on määritetty tietyn osion sisällä.
• Teemalohkot ovat lohkoja, jotka on määritetty teemasi sisällä ja joilla voi olla dynaamisia toimintoja, kuten sisäkkäisyys.

Teemasi voi sisältää joitakin osioita, jotka käyttävät osiolohkoja, ja toisia osioita, jotka käyttävät teemalohkoja. Yksittäinen osio voi hyväksyä joko teemalohkoja tai osiolohkoja, mutta ei molempien sekoitusta.

Sovelluslohkojen saatavuus osioissa riippuu sovelluksen toiminnallisuudesta ja siitä, voiko osio hyväksyä sovelluslohkoja.

Osiolohkot

Osiolohkot ovat lohkoja, jotka on suunniteltu tiettyä osiota varten. Osiolla voi olla rajoituksia osiolohkojen tyypeille, ja se voi rajoittaa tietyn tyyppisen lohkon kappalemäärää, jonka voit lisätä.

Esimerkki osiosta, jossa on osiolohkoja

Teemassasi on esimerkiksi Sähköpostitilaus-osio. Tämän osion avulla voit lisätä uutiskirjeen tilauslomakkeen, jotta asiakkaat voivat tilata uutiskirjeesi. Kun olet lisännyt Sähköpostitilaus-osion, voit lisätä yhden kutakin seuraavista lohkoista:

• Sähköpostilomake-lohko
• Otsikko-lohko
• Alaotsikko-lohko

Jos lisäät Sähköpostilomake-lohkon ja napsautat Lisää lohko lisätäksesi toisen lohkon, Sähköpostilomake-lohko ei enää näy vaihtoehtona lohkonvalitsimessa. Tämä rajoitus auttaa estämään asiakkaan sähköpostiosoitteen keräämiseen liittyviä ongelmia ja varmistaa, että asiakas voi syöttää sähköpostiosoitteensa helposti.

Jos olet lisännyt kaikki kolme Sähköpostitilaus-osion käytettävissä olevaa lohkoa, lohkonvalitsimessa näytetään viesti, että kaikki käytettävissä olevat lohkot on käytetty.

Teemalohkot

Teemalohkot ovat lohkoja, jotka on määritetty teemasi sisällä ja joilla voi olla dynaamisia toimintoja, kuten sisäkkäisyys. Osiot, jotka hyväksyvät teemalohkoja, voivat hyväksyä useita erilaisia lohkoja osion rakenteesta riippuen. Teemalohkoja hyväksyvä osio voi hyväksyä kaikki käytettävissä olevat teemalohkot, tietyn lohkojen osajoukon tai vain kyseiselle osiolle ominaisia lohkoja. Teemalohkoilla voi olla myös seuraavia toimintatapoja:

• Jotkin lohkot tukevat sisäkkäisyyttä, joten voit asettaa lohkoja sisäkkäin toistensa sisään jopa kahdeksan tason syvyydeltä.
• Joissakin osioissa on pakollisia lohkoja. Voit mukauttaa tai piilottaa näitä lohkoja, mutta et voi järjestää niitä uudelleen tai poistaa niitä.
• Jotkin lohkot näkyvät osiossa automaattisesti, kun tietyt ehdot täyttyvät.

Esimerkki osiosta, jossa on teemalohkoja

Teemassasi on esimerkiksi Diaesitys-osio, jossa on teemalohkoja.

Kun napsautat teemasi diaesitys-osiossa Lisää lohko, voit valita lohkonvalitsimesta Dia-lohkon. Muita lohkotyyppejä ei ole saatavilla. Jos yrität lisätä Dia-lohkon teemasi toiseen osioon, kuten Kuvabanneri-osioon, Dia ei ole käytettävissä. Tämä on esimerkki rajoitetusta lohkosta.

Kun olet lisännyt Slide-lohkon Diaesitys-osioon, voit napsauttaa Lisää lohko ja lisätä uusia lohkoja mihin tahansa Diaesitys-osion Slide-lohkoon. Tällaisia lohkoja ovat esimerkiksi Otsikko, Kuva ja Painike. Nämä lohkot ovat Slide-lohkon sisällä. Tämä on esimerkki sisäkkäisestä lohkosta.

Jos lisäät toisen Slide-lohkon Diaesitys-osioon, teema lisää automaattisesti Diaesityksen ohjaimet -lohkon. Tämä lohko näyttää painikkeet, joita sivustosi vierailijat voivat napsauttaa siirtyäkseen diasta toiseen. Voit mukauttaa painikkeiden tyyliä tai piilottaa ohjaimet, mutta et voi poistaa lohkoa. Tämä on esimerkki pakollisesta lohkosta, joka näytetään ehdollisesti.

Teemalohkojen yhteensopivuus

Jotta voit käyttää teemalohkoja, teemassasi on oltava osioita, jotka tukevat niitä. Voit tarkistaa teemasi koodista, tukeeko teemasi teemalohkoja. Jos Liquid-editorin sivupalkissa on blocks-hakemisto, käytät teemaa, joka tukee teemalohkoja. Voit tarkistaa asian myös teeman dokumentaatiosta.

Vaiheet:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Verkkokauppa > Teemat.

2. Napsauta tarkistettavan teeman vieressä olevaa -painiketta ja valitse sitten Muokkaa koodia.

3. Etsi sivupalkista blocks-kansio.

   

Teemamallien mukauttaminen osioiden ja lohkojen avulla

Kun avaat teemaeditorin, kauppasi etusivu ladataan oletusarvoisesti. Voit valita pudotusvalikosta toisen mallin, kuten tuotteet, kokoelmat, sivut tai blogit, tai etsiä tiettyä mallia mallin pudotusvalikon hakupalkin avulla. Kun valitset mallin, se ladataan teemaeditoriin, ja tekemäsi muutokset esikatsellaan editorissa.

Lisää osio

Lisää uusi osio mille tahansa verkkokauppasi sivulle.

Vaiheet:

Muokkaa osiota

Osion tai lohkon uudelleenjärjestäminen

Voit muuttaa osioiden järjestystä teemamalleissasi ja järjestellä lohkoja uudelleen näiden osioiden sisällä. Lisäksi voit siirtää yhteensopivia lohkoja eri osioiden välillä. Jos esimerkiksi etusivullasi on kaksi Diaesitys-osiota, voit vetää Slide-lohkon toisesta diaesityksestä toiseen.

Et voi siirtää lohkoa toiseen osioon, jos lohkotyyppi ei ole yhteensopiva tai jos osio on jo saavuttanut lohkojen enimmäismäärän. Jos yrität siirtää osiota tai lohkoa virheelliseen sijaintiin, se palaa alkuperäiseen paikkaansa.

Voit myös järjestää osioita uudelleen esikatselun tarkastustyökalulla. Lue lisää esikatselun tarkastustyökalun käytöstä teemaeditorissa.

Vaiheet:

Osion tai lohkon monistaminen

Voit monistaa osion tai lohkon ja luoda siitä identtisen kopion.

Kun olet monistanut lohkon, uusi lohko lisätään samaan osioon. Jos haluat siirtää lohkon uuteen osioon tai muuttaa lohkojen järjestystä, voit järjestää lohkon uudelleen. Voit sen sijaan myös kopioida lohkon ja liittää sen suoraan toiseen osioon.

Lohkojen kopioiminen ja liittäminen

Jos haluat käyttää samaa lohkoa useissa osioissa, voit helposti kopioida sen ja liittää sen toiseen osioon. Voit myös kopioida ja liittää lohkon saman osion sisällä, tai voit sen sijaan monistaa lohkon. Monistettu lohko säilyttää kaikki alkuperäisen lohkon asetukset ja sisällön.

Vaiheet:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Verkkokauppa > Teemat.

2. Napsauta muokattavan teeman vieressä Muokkaa teemaa.

3. Jos haluat kopioida ja liittää lohkon etusivullasi, valitse se joko suoraan tai valitse Etusivu-pudotusvalikosta malli, joka sisältää muokattavan osion tai lohkon.

4. Napsauta hiiren kakkospainikkeella lohkoa, jonka haluat monistaa, ja napsauta sitten Kopioi.

5. Napsauta hiiren kakkospainikkeella samassa tai toisessa osiossa ja napsauta sitten Liitä.

6. Napsauta Tallenna.

Osion tai lohkon piilottaminen tai poistaminen

Osion tai lohkon nimeäminen uudelleen

Oletusarvoisesti osion tai lohkon otsikko teemaeditorin sivupalkin valikossa ja asetusten tiedoissa on lohkon tai osion tyyppi, kuten ”Kokoelma” tai ”Teksti”.

Lohkojen tapauksessa, jos lohkon asetukset sisältävät tekstikentän, kuten otsikon tai kuvauksen, kyseinen teksti liitetään myös sivupalkin valikon otsikkoon. Jos tekstikenttiä on useita, liitteeksi valitaan ensimmäinen tekstikenttä, jossa on sisältöä. Kun muutat tekstikentän tekstiä, lohkon otsikko muuttuu sisältämään päivitetyn tekstin. Osion tai lohkon nimi ei voi olla tyhjä.

Jos esimerkiksi lisäät sivumalliisi Monisarakkeinen-osion, jossa on Sarake-lohkoja, tilanne on seuraava: Sarakelohkossa on sekä Otsikko-asetus, jonka oletusteksti on Sarake, että Kuvaus-asetus, jonka oletusteksti on Yhdistä teksti kuvaan keskittyäksesi valitsemaasi tuotteeseen, kokoelmaan tai blogikirjoitukseen.. Osion oletusotsikko on Monisarakkeinen. Sarake-lohkon oletusotsikko on Sarake – Sarake. Jos poistat tekstin Otsikko-asetuksesta, lohkon otsikoksi päivittyy Sarake – Yhdistä teksti ku....

Voit nimetä minkä tahansa osion tai lohkon uudelleen mukautetulla nimellä osion tai lohkon asetuksissa teemaeditorin sivupalkin valikossa.

Vaiheet:

Lohkojen käsittely

Lohkot ovat mukautettavia moduuleja, joiden avulla lisäät sisältöä malliesi osioihin. Lohkojen avulla voit lisätä tekstiä, kuvia, linkkejä, painikkeita ja paljon muuta.

Shopify-teemoissa on osioita ja lohkoja, joita voit mukauttaa. Joissakin osioissa on kiinteät lohkotyypit, mikä tarkoittaa, että voit valita vain niistä lohkoista, jotka teeman suunnittelija on asettanut kyseiseen osioon saataville.

Toisissa osioissa voit valita minkä tahansa lohkon, mutta osioon lisättävien lohkojen enimmäismäärää on rajoitettu. Jos osio saavuttaa lohkojen enimmäismäärän, Lisää lohko -vaihtoehto näkyy harmaana, etkä voi napsauttaa tai napauttaa sitä.

Voit etsiä tiettyä lohkoa nimen perusteella haun avulla tai valita lohkon lohkonvalitsimen pudotusvalikosta. Teemasi lohkot on saatettu lajitella lohkonvalitsimessa kategorioihin, kuten Kokoelma-kategoriaan lohkoille, joissa on kokoelman valitsin, tai Media-kategoriaan kuva- ja videolohkoille.

Lohkon esikatselu näytetään lohkonvalitsimessa, jotta voit tarkastella lohkon ulkoasua ennen sen lisäämistä.

Lohkon lisääminen

Metakenttien ja metaobjektien käyttö dynaamisten lähteiden kanssa

Voit käyttää metakenttiä ja metaobjekteja dynaamisten tietojen näyttämiseen verkkokaupassasi. Jos käytössäsi on teema, joka tukee metakenttiä, voit yhdistää metakentän yhteensopivan osion tai lohkon asetuksiin teemaeditorissa.

Jos esimerkiksi myyt kynttilöitä, saatat haluta näyttää kunkin kaupassasi saatavilla olevan kynttilän palamisajan. Kun olet määrittänyt tuotteen metakentän Palamisaika varten Shopifyn ohjausnäkymän asetusten Mukautetut tiedot -osiossa, voit lisätä tekstilohkon tuotemallisi pääosioon. Tekstilohkossa voit napsauttaa tekstiasetuksen -painiketta ja valita Palamisaika-metakentän. Palamisaikaa koskevat tiedot näytetään nyt tuotteissasi.

Jos sinulla on Shopify-teema, voit yhdistää useimmat metakentät ja metaobjektit teemaasi teemaeditorin avulla. Jos käytät muita teemoja tai haluat lisätä mukautettuja tietotyyppejä, joita teemasi ei tue, voit muokata teemasi koodia tai palkata Shopify Partner -kumppanin auttamaan sinua. Lue lisää Shopify Partner -kumppanin palkkaamisesta.

Kaikki osiot tai lohkot eivät tue dynaamisia lähteitä. Tarkista teemasi arkkitehtuuriversio ja käytettävissä olevat mukauttamisvaihtoehdot teemaeditorissa selvittääksesi, tukeeko teemasi dynaamisia lähteitä.

Voit näyttää dynaamista tietoa verkkokaupassasi lisäämällä osioita tai lohkoja, jotka voivat käyttää dynaamisia lähteitä. Dynaamisia lähteitä voi käyttää missä tahansa mallissa, osiossa tai lohkossa, joka näyttää yhteensopivia resursseja (tuote, kokoelma, sivu, blogi ja blogipostaus). Sinun on lisättävä metakenttäsi, ennen kuin voit yhdistää sen malleihisi. Lisätietoja metakenttien ja metaobjektien käytöstä dynaamisten lähteiden kanssa teemassasi on kohdassa Dynaamiset lähteet.

Kun asennusprosessi on valmis, noudata alla olevia ohjeita yhdistääksesi dynaamiset lähteet teemasi osioihin tai lohkoihin -painikkeella.

Vaiheet:

Lue lisää metakenttien näyttämisestä verkkokaupassasi ja metaobjektien näyttämisestä verkkokaupassasi.

Dynaamisen lähteen valitsin

Dynaamisen lähteen valitsimen avulla voit yhdistää oikean dynaamisen lähteen suoraan teemaeditorissa. Tutustu seuraaviin dynaamisen lähteen valitsimen keskeisiin ominaisuuksiin:

• Voit viitata dynaamisiin lähteisiin eri resursseista tarvittaessa. Jos esimerkiksi yhdistät asetuksen lohkoon, joka on yhdistetty sekä tuote- että sivuresurssiin, voit käyttää dynaamisen lähteen valitsimen pudotusvalikkoa määrittääksesi, haluatko etsiä tuote- vai sivuresurssiin liittyviä metakenttiä.
• Dynaamisen lähteen valitsimessa on haku- ja suodatustoiminto, jonka avulla löydät tarvitsemasi metakentän.
• Dynaamisen lähteen valitsimen avulla voit valita kategorian metakenttiä. Nämä ovat lisäattribuutteja, jotka tulevat saataville, kun määrität tuotekategorian tuotteelle. Näiden metakenttien avulla voit yhdistää dynaamisia lähteitä mihin tahansa taustalla olevan attribuutti-metaobjektin asiaankuuluviin kenttiin.