Teeman koodin muokkaaminen

Huomio

Jos teeman koodiin tekemäsi muutokset eivät ole yhteensopivia teemapäivityksen kanssa, kaikki koodimuutokset poistetaan päivitetystä kopiosta. 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 verkkosivujen kehittämisestä HTML:n, CSS:n ja JavaScriptin avulla, harkitse Shopify Partnerin palkkaamista.

Ennen kuin mukautat teemaa

Voit valmistautua teeman mukauttamiseen suorittamalla seuraavat suositellut tehtävät:

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

Teeman koodin muokkaaminen

Voit muokata teemasi koodia.

Vaiheet:

Tietokone

1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
2. Klikkaa ... > Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa …-painiketta.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Klikkaa ... > Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa …-painiketta.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Klikkaa ... > Muokkaa koodia.

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

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

Näin voit seurata, mihin olet tehnyt muutoksia.

Siirtyminen takaisin teemasi vanhempaan 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.

Huomaa

Code Editorin Sisällöt-kansiossa sijaitsevat tiedostot, mukaan lukien theme.scss.liquid- ja theme.js-tiedostot, eivät tallenna aiemmin muokattuja versioita. Jos teet muutoksia Sisällöt-kansion tiedostoihin, saattaa olla, että sinun täytyy ottaa yhteyttä teematukeen tai palkata Shopify Partner.

Vaiheet:

Tietokone

1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
3. Klikkaa Mallit-ylätunnisteen alta jotain äskettäin muokkaamaasi .liquid-tiedostoa.
4. Klikkaa .liquid-tiedostonimen alapuolella Nykyinen versio.
5. Valitse vanhempi versio klikkaamalla pudotusvalikkoa. Päivämääräleiman klikkaaminen palauttaa koodin kyseiseen tallennettuun versioon.
6. Valinnainen: Klikkaa Esikatsele kauppaa varmistaaksesi, että virhe on korjattu.

iPhone

1. Napauta Shopify-sovelluksessa …-painiketta.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
5. Klikkaa Mallit-ylätunnisteen alta jotain äskettäin muokkaamaasi .liquid-tiedostoa.
6. Klikkaa .liquid-tiedostonimen alapuolella Nykyinen versio.
7. Valitse vanhempi versio klikkaamalla pudotusvalikkoa. Päivämääräleiman klikkaaminen palauttaa koodin kyseiseen tallennettuun versioon.
8. Valinnainen: Klikkaa Esikatsele kauppaa varmistaaksesi, että virhe on korjattu.

Android

1. Napauta Shopify-sovelluksessa …-painiketta.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
5. Klikkaa Mallit-ylätunnisteen alta jotain äskettäin muokkaamaasi .liquid-tiedostoa.
6. Klikkaa .liquid-tiedostonimen alapuolella Nykyinen versio.
7. Valitse vanhempi versio klikkaamalla pudotusvalikkoa. Päivämääräleiman klikkaaminen palauttaa koodin kyseiseen tallennettuun versioon.
8. Valinnainen: Klikkaa Esikatsele kauppaa varmistaaksesi, että virhe on korjattu.

Theme Check

Koodieditorin Theme Check -työkalu on ominaisuus, joka auttaa ehkäisemään virheitä antamalla palautetta välittömästi koodin kirjoittamisen aikana sen sijaan, että se löytäisi koodissa olevat virheet vasta julkaistusta teemasta.

Koodieditorin Theme Check -työkalu voi tunnistaa seuraavat virheet muokatussa koodissa:

• Jäsennyksen estävät komentosarjat, jotka voivat hidastaa myyntipaikkaa:
• Käännöstiedostojen väliset epäjohdonmukaisuudet, kuten puuttuvat käännösavaimet tai käännökset, jotka eivät täsmää paikkatiedostossa
• Puuttuvat mallit

Virheet merkitään koodin alla olevalla punaisella viivalla. Jos haluat tarkastella virhettä, vie hiiren osoitin kirkkaan viivan päälle.

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.