Teemalohkojen automaattinen luominen teemaeditorissa

Shopify Magicin avulla voit käyttää tekoälyä (AI) luodaksesi uuden teemalohkon teemaeditoriisi antamiesi tietojen perusteella.

Huomioitavia seikkoja teemalohkojen luomisessa

Tutustu seuraaviin teemalohkojen luomiseen liittyviin seikkoihin:

  • Tekoälyn luoma koodi ei välttämättä ole aina täydellistä. Se voi joskus tuottaa virheitä, odottamattomia tuloksia tai koodia, joka ei täysin noudata saavutettavuuden tai tehokkuuden parhaita käytäntöjä. Vastuullasi on tarkistaa ja testata luotu lohko sekä varmistaa, että se vastaa vaatimuksiasi ja toimii oikein.
  • Esikatsele, miltä lohko näyttää tietokoneen ja mobiililaitteen näkymissä teemaeditorin esikatselussa.
  • Jos lohkosi sisältää mukautusasetuksia, testaa ne lohkon lisäämisen jälkeen ja varmista, että ne toimivat odotetulla tavalla.
  • Kun olet luonut teemalohkon, sitä vastaava uusi Liquid-tiedosto lisätään teeman koodin blocks -kansioon.
    • Teemalohkot koostuvat Liquid-kielestä, joka on Shopifyn mallikieli. Teemalohkotiedostot sisältävät myös HTML-, CSS-, JSON- ja JavaScript-kieltä. Kun olet luonut teemalohkon, sitä vastaava uusi Liquid-tiedosto lisätään teeman koodin blocks -kansioon.
      Teeman koodieditorin blocks-kansio
    • Jos haluat muokata luotua teemalohkoa muokkaamalla sen koodia, voit muokata teeman koodia. Muokkaa teemasi koodia vain, jos osaat HTML- ja CSS-kieliä ja sinulla on perustiedot Liquid-kielestä.
    • Shopify Magicin luoma Liquid-tiedosto on itsenäinen. Voit silti päivittää teemasi, kun uusia versioita julkaistaan teemakaupassa.

Teemalohkojen luomisen kelpoisuusvaatimukset

Tutustu seuraaviin teemalohkojen luomista koskeviin vaatimuksiin.

Hinnoittelusopimusta koskevat vaatimukset

Kauppasi on käytettävä jotakin seuraavista hinnoittelusopimuksista:

  • Ilmainen kokeilu
  • Basic
  • Growth
  • Advanced
  • Plus

Tämä ominaisuus ei ole saatavilla Starter-sopimuksessa, jossa on käytössä Spotlight-teema ja joka ei tue mukautettujen teemaosioiden tai -lohkojen lisäämistä.

Teeman yhteensopivuus

Teemalohkojen luontiominaisuus on saatavilla kaikille teemoille Shopify Theme Store -kaupassa. Jos käytät yhteensopivaa kolmannen osapuolen teemaa, sinun on ostettava teema ennen teemalohkojen luomista, sillä ilmainen kokeiluversio ei tue tätä ominaisuutta.

Ominaisuus ei ole saatavilla vintage-teemoissa. Lue lisää eri teema-arkkitehtuuriversioiden ominaisuuksista.

Käyttöoikeusvaatimukset

Seuraavat käyttäjät voivat luoda lohkoja teemoihin:

Vinkkejä tehokkaiden kehotteiden kirjoittamiseen teemalohkoille

Luodun lohkon laatu riippuu usein kehotteen laadusta. Noudata näitä parhaita käytäntöjä:

  • Ole tarkka ja kuvaileva: Kehotteiden on oltava vähintään viiden sanan pituisia. Pidemmät ja yksityiskohtaisemmat kehotteet antavat todennäköisemmin tarkempia tuloksia. Kirjoita esimerkiksi lisää kuvia ja tekstiä -kehotteen sijaan Luo lohko, jossa kuva on vasemmalla sekä otsikko, kappaleteksti ja 'Osta nyt' -painike oikealla. Pinoa mobiililaitteella.
  • Mainitse sisällön elementit: Luettele lohkoon tarvittavat sisältötyypit, kuten otsikot, kappaleet, kuvat, painikkeet, lomakkeet ja kuvakkeet.
  • Ehdota asettelua: Kuvaile elementtien järjestystä lohkossa, kuten vierekkäin, ruudukkona, keskitetysti tai vuorottelevina riveinä.
  • Sisällytä mukautusasetukset: Jos haluat lohkolle tietyt muokattavat asetukset teemaeditorissa, kuten mahdollisuuden muuttaa kuvaa, tekstiä tai painikelinkkiä, sisällytä ne kehotteeseen. Jos esimerkiksi haluat sisällyttää asetuksen, jolla ohjataan animaation nopeutta videolohkossa, kirjoita Sisällytä asetus animaation nopeuden ohjaamiseen.
  • Tarkenna jatko-ohjeilla: Jos ensimmäinen tulos ei ole aivan oikea, muokkaa kehotetta lisäämällä yksityiskohtia tai muuttamalla sanamuotoja, ja luo lohko sitten uudelleen.

Tutustu seuraaviin esimerkkeihin kehotteista, jotka noudattavat parhaita käytäntöjä:

  • Asiakaspalaute-lohko, jossa on asiakkaan kuva, lainausteksti, asiakkaan nimi ja 5 tähden luokituksen näyttö.
  • Vierekkäinen ominaisuuslohko: vasemmalla puolella on kuvake ja otsikko, oikealla puolella on kuvaileva teksti.
  • Koko leveyden banneri, jossa on taustakuva, keskitetty suuri otsikkoteksti, sen alla pienempi alaotsikkoteksti ja toimintokutsupainike.

Luo teemalohko

Kun olet luonut lohkon ja päätät pitää sen, uusi lohko lisätään lohkonvalitsimeen. Voit lisätä lohkon yhteensopiviin osioihin, jotka hyväksyvät teemalohkoja.

Vaiheet:

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

  2. Etsi teema, jota haluat muokata, ja klikkaa Muokkaa teemaa.

  3. Mukauta etusivuasi tai napauta Etusivu-pudotusvalikkoa ja valitse sitten malli, johon haluat lisätä osion.

  4. Klikkaa osiota, jolle haluat luoda lohkon.

  5. Klikkaa Lisää lohko.

  6. Klikkaa Luo.

  7. Anna kuvaus lohkosta, jonka haluat luoda.

  8. Klikkaa Luo. Shopify Magic käsittelee pyyntösi ja luo koodin.

  9. Esikatsele luotua lohkoa suoraan teemaeditorissa. Jos mukautusasetuksia luotiin, voit mukauttaa lohkoasi.

  10. Jos olet tyytyväinen luotuun lohkoon, klikkaa Säilytä. Muussa tapauksessa voit joko hylätä lohkon tai antaa jatko-ohjeita.

Luodun teemalohkon poistaminen teemasta

Kun olet luonut teemalohkon, lohkon uusi liquid-tiedosto lisätään teemasi koodin blocks-kansioon. Jos luotu teemalohko aiheuttaa ongelmia kaupassasi, voit poistaa sen poistamalla liquid-tiedoston teemasi koodista.

Vaiheet:

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

  2. Klikkaa muokattavan teeman vierestä Muokkaa teemaa.

  3. Mukauta etusivuasi tai napauta Etusivu-pudotusvalikkoa ja valitse sitten malli, johon haluat lisätä osion.

  4. Klikkaa osiota, joka sisältää poistettavan lohkon. Jos olet aiemmin poistanut lohkon kaikki esiintymät, lisää lohko uudelleen lohkonvalitsimesta klikkaamalla Lisää lohko.

  5. Klikkaa lohkon asetuksissa Horizontal menu > code Muokkaa koodia.

  6. Laajenna sivupalkin valikosta blocks-kansio klikkaamalla sitä ja etsi sitten parhaillaan tarkastelemasi lohkotiedosto. Tiedoston nimi on sama kuin avoinna olevan lohkon nimi, ja se päättyy .liquid-päätteeseen.

    The theme code editor blocks folder and open theme blocks file to be deleted

  7. Klikkaa sivupalkin valikossa lohkotiedoston vieressä olevaa Delete -kuvaketta.

  8. Vahvista poisto klikkaamalla valintaikkunassa Poista tiedosto.