Teeman koodin muokkaaminen

Huomio

Jos muokkaat teemasi koodia, on mahdollista, että se ei enää ole kelvollinen päivityksiä varten. Muokkaa teemasi koodia vain, jos et voi tehdä tarvitsemaasi muutosta Shopify-sovelluksen tai teemaeditorin avulla.

Voit tehdä yksityiskohtaisia muutoksia verkkokauppaasi muokkaamalla teeman koodia. Suurin osa teeman muodostavista tiedostoista sisältää Shopifyn Liquid-mallinnuskieltä. Teematiedostot sisältävät myös HTML-, CSS-, JSON- ja JavaScript-elementtejä. Muokkaa teeman koodia vain, jos HTML ja CSS ovat sinulle tuttuja ja sinulla on perustiedot Liquidista.

Kasvata liiketoimintaasi

Jos haluat lisätä mukautettuja ominaisuuksia tai koodia, mutta sinulla ei ole kokemusta verkkosivustojen kehittämisestä HTML: n, CSS: n ja JavaScriptin avulla, harkitse Shopify Expertin palkkaamista.

Ennen kuin mukautat teemaa

Seuraavat tehtävät on hyvä tehdä ennen kuin mukautat teemaa:

• Luo varmuuskopio kopioimalla teema. Tarvittaessa voit nyt helposti hylätä muutokset ja aloittaa uudelleen.
• Varmista, että ymmärrät, minkä tasoista tukea on käytettävissä.
• Katso lisätietoja kuvien lataamista koskevista vaatimuksista ja parhaista käytännöistä.

Muokkaa teeman koodia

Voit muokata teemasi koodia.

Vaiheet:

Tietokone

1. Valitse Shopifyn Admin-sivulla Verkkokauppa > Teemat.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.
2. Napauta Myyntikanavat-kohdassa Verkkokauppa.
3. Napauta Hallinnoi teemoja.

Android

1. Napauta Shopify-sovelluksessa Kauppa.
2. Napauta Myyntikanavat-kohdassa Verkkokauppa.
3. Napauta Hallinnoi teemoja.

1. Klikkaa Toiminnot > Muokkaa koodia.

Koodieditorissa teematiedostojen hakemisto näkyy vasemmalla ja tiedostojen tarkastelu- ja muokkausosio oikealla.

Voit laajentaa koodieditorin koko näyttöön klikkaamalla laajenna-kuvaketta:

Voit palauttaa sivun normaaliksi klikkaamalla pienennä-kuvaketta:

Kun klikkaat vasemmalla olevassa hakemistossa olevaa tiedostoa, se avautuu koodieditoriin. Voit avata ja muokata useita tiedostoja kerralla. Muokattujen tiedostojen nimen vieressä näkyy piste:

Näin voit seurata, mihin olet tehnyt muutoksia.

Palaa teemasi vanhaan versioon

Jos olet muuttanut teematiedostoja ja haluat palauttaa ne, voit yksitellen palauttaa .liquid-tiedostot kellonaikaan ja päivämäärään, ennen kuin teit muutokset.

Tietokone

1. Valitse Shopifyn Admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

1. Klikkaa Mallit-ylätunnisteen alta yhtä äskettäin muokkaamaasi .liquid-tiedostoa.

2. Klikkaa tiedostonimen .liquid viereltä kohtaa Vanhemmat versiot.

3. Valitse vanhempi versio klikkaamalla pudotusvalikkoa. Päivämääräleiman klikkaaminen palauttaa koodin kyseiseen tallennettuun versioon.

4. Valinnainen: Valitse Esikatselu ja katso, korjaantuiko virhe.

Teeman koodin mukauttamista koskevat tutoriaalit

Teeman koodin mukauttamista koskevien tutoriaalien avulla voit tehdä muutoksia verkkokauppaasi. Tutoriaalit on järjestetty muokattavan sivutyypin tai ominaisuuden mukaan.

Teeman mukauttamisen tutoriaalit jaetaan teema-arkkitehtuurin käyttämien versioiden mukaan. Opettele tunnistamaan teema-arkkitehtuurin version.

• Online Store 2.0 -teeman mukauttaminen
• Vanhan teeman mukauttaminen

Hanki apua mukautuksia varten

Jos tarvitset tukea teeman muuttamiseen, voit ottaa yhteyttä teeman kehittäjään.

Voit myös katsoa muita tukivaihtoehtoja teemojen mukautusta varten kohdasta Teemojen tuen lisävaihtoehtoja.