Teeman koodin muokkaaminen
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.
Tällä sivulla
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:
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.
Vaiheet:
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.
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.