Teemakoodi muutmine

Hoiatus

Kui teemakoodis tehtud muudatused ei ühildu teemauuendusega, eemaldatakse kõik sinu koodimuudatused uuendatud koopias. Teemakoodi peaksid muutma ainult siis, kui sa ei saa vajalikke muudatusi teha Shopify rakenduse või teemaredaktori abil.

Teemakoodi saad muuta, et teha koodiredaktoriga e-poes üksikasjalikke muudatusi. Enamik teemat moodustavaid faile sisaldab Shopify mallikeelt Liquid. Teemafailid sisaldavad ka HTML-i, CSS-i, JSON-i ja JavaScripti. Muuda teemakoodi ainult siis, kui oskad HTML-i ja CSS-i ning mõistad algtasemel Liquidi.

Oma teemakoodi saad muuta alles pärast selle ostmist. See hõlmab teemaredaktoris AI koodigeneraatori kasutamist. Kui kasutad tasulise teema prooviversiooni, pead selle enne koodi muutmist ostma.

Kasvata oma äri

Kui soovid lisada kohandatud funktsioone või koodi, kuid sul pole HTML-i, CSS-i ja JavaScripti abil veebisaitide arendamise kogemust, kaalu Shopify partneri palkamist.

Hoiatus

Teema kohandamiseks valmistumisel tee järgmised soovitatavad toimingud:

• Varukoopia loomiseks duubelda oma teema. Nii on lihtne vajaduse korral oma muudatustest loobuda ja otsast alustada.
• Veendu, et mõistad, milline toe tase on saadaval.
• Tutvu piltide üleslaadimise nõuete ja parimate tavadega.

Koodiredaktor kuvab su teemafailide kataloogi ning ruumi failide kuvamiseks ja muutmiseks. Kataloogis failile klõpsamisel avaneb see koodiredaktoris. Saad korraga avada ja muuta mitut faili. Samuti saad korraga avada ja üle vaadata mitut faili.

Oma teemakoodi muutmine

Saad koodiredaktoriga oma teema faile muuta.

Sammud:

Töölaud

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

Mobiil

1. Puuduta Shopify rakenduses ikooni .

2. Puuduta jaotises Müügikanalid valikut Veebipood.

3. Puuduta valikut Halda teemasid.

4. Puuduta > Muuda koodi.

Muudatuste salvestamine

Kui muudad faili, kuvatakse vahekaardi nime kõrval punkt, mis tähistab salvestamata muudatusi. Muudatuste salvestamiseks klõpsa nuppu Salvesta. Samuti saad muudatuste salvestamiseks kasutada klahvikombinatsiooni ⌘ + S (Mac) või Ctrl + S (Windows).

Teema koodi vormindamine

Koodi taande parandamiseks ava käsuaken klahvikombinatsiooniga ⌘ + Shift + P (Mac) või Ctrl + Shift + P (Windows), sisesta format ja vali seejärel Vorminda dokument.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Ava fail, mida soovid vormindada.

4. Vajuta klahvikombinatsiooni ⌘ + P (Mac) või Ctrl + P (Windows).

5. Sisesta käsuaknasse format ja vajuta klaviatuuril klahvi Enter.

6. Salvesta fail.

Failimuudatuste jälgimine

Muudetud teemafaili varasema versiooni taastamiseks kasuta selle faili ajaskaala vaadet.

Vaade ajaskaala taastab korraga ühe olemasoleva faili. See ei taasta kogu teemat ega suuda taastada kustutatud teemafaile. Ajaskaala ajalugu on piiratud, seega ei pruugi vanemad versioonid saadaval olla.

Taastamine asendab kogu faili sisu, sealhulgas muudatused, mida võid soovida säilitada. Enne faili taastamist kopeeri praegune faili sisu turvalisse kohta, juhuks kui soovid mõned muudatused alles jätta.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Ava olemasolev fail, mida soovid üle vaadata või taastada.

4. Valikuline: kui soovid mõned praegused muudatused alles jätta, kopeeri faili sisu enne taastamist turvalisse kohta.

5. Klõpsa vaates Ajaskaala ajaskaala kirjele, et võrrelda erinevusi.

6. Kogu faili sisu asendamiseks valitud varasema versiooniga paremklõpsa ajaskaala kirjet ja vali Taasta sisu.

7. Klõpsa valikut Taasta.

Theme Check

Koodiredaktor sisaldab funktsiooni Theme Check, mis aitab vältida vigu, andes koodi kirjutamisel kohest tagasisidet, selmet avastada vead oma aktiivses teemas.

Koodiredaktoris suudab Theme Check tuvastada redigeeritud koodis järgmisi vigu:

• Parserit blokeerivad skriptid, mis võivad müügikeskkonna tööd aeglustada
• Tõlkefailide vahelised vastuolud, nagu puuduvad tõlkevõtmed või lokaadifailis mittekattuvad tõlked
• Puuduvad mallid

Vigadele viitab koodi all olev punane joon. Veateate vaatamiseks liiguta hiirekursor esiletõstetud reale.

Otsimine ja asendamine koodiredaktoris

Saad koodiredaktoris otsida järgmistel viisidel:

• Otsi koodi konkreetsest failist.
• Otsi koodi kõigist teema failidest.

Lisaks saad koodi asendada konkreetses failis või asendada mitu esinemisjuhtu kõigis teemafailides. Faili avamiseks võid otsida seda nime järgi.

Otsing ühes failis

Saad konkreetsest failist koodi otsida ja seda asendada. Kasuta nooleklahve, et koodi iga esinemisjuht üle vaadata.

Pärast koodi otsimist saad failis oleva koodi asendada.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Ava fail, millest soovid otsida.

4. Vajuta klahvikombinatsiooni ⌘ + F (Mac) või Ctrl + F (Windows).

5. Sisesta väljale Otsing oma otsingusõna.

6. Valikuline: koodi asendamiseks tee järgmist.

• Klõpsa otsingu modaalaknas ikooni .
• Sisesta asenduskood väljale Asenda. Asenduskoodi suurtähestuse sobitamiseks olemasoleva esinemisjuhuga võid klõpsata valikut Säilita suurtähestus.
• Klõpsa ikooni Asenda, et asendada üks esinemisjuht korraga, või ikooni Asenda kõik, et asendada kõik esinemisjuhud korraga.

Otsing kõigist failidest

Kõigist teemafailidest otsimiseks klõpsa vasakpoolsel külgribal asuvat otsingunuppu. Tulemustes kuvatakse iga otsingusõna esinemisjuht ja fail, milles see asub.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Otsingupaneeli avamiseks klõpsa ikooni .

4. Sisesta väljale Otsing oma otsingusõna.

5. Valikuline: koodi asendamiseks tee järgmist.

• Klõpsa otsingu modaalaknas ikooni .
• Sisesta asenduskood väljale Asenda.
• Asenda üks esinemisjuht korraga või kõik esinemisjuhud korraga.

Täpsemad otsinguvalikud

Otsingutulemuste kitsendamiseks kasuta üht või mitut järgmistest otsinguvalikutest:

• Valik Tõstutundlik tagastab otsinguterminid, mis vastavad täpselt suur- ja väiketähtedele. Näiteks kui sisestad product, tõstab otsing tavaliselt esile nii sõna „product“ kui ka „Product“. Kui valid valiku Tõstutundlik, tõstab otsing esile ainult sõna product.
• Valik Ainult terved sõnad tagastab otsinguterminid, mis vastavad täpsele sõnale, ja välistab osalised vasted. Näiteks kui sisestad cart, tõstab otsing esile sõna „cart“ esinemisjuhud, kuid mitte sõna „carton“.
• Valik Kasuta regulaaravaldist tagastab otsingutulemused, mis vastavad regulaaravaldisele (regex). Regex on sõne, mis määrab tekstis otsimustri.

Hoiatus

Regulaaravaldise kasutamine on täiustatud kohandamise tehnika. Regulaaravaldise sõne koostamisel saad juhinduda kolmanda osapoole tööriistadest, nagu regex101 või RegExr.

Paneelil Otsing saad ka valida faile ja kaustu, mida otsingutulemustesse kaasata või neist välistada.

Täpsema menüü avamiseks klõpsa valikut . Väljadele kaasatavad failid või välistatavad failid saad sisestada mis tahes faili- või kaustatee. Rohkem kui ühe faili või kausta lisamiseks eralda need tühiku ja komaga. Näiteks kaustast sections failide otsimiseks sisesta väljale kaasatavad failid väärtus ./sections.

Saad otsida ka failikataloogi vaatest kindla kausta piires. Paremklõpsa kaustal ja seejärel vali rippmenüüst Otsi kaustast....

Teemafailide haldamine

Oma teemakoodis saad faile hallata. Sa saad faile kustutada, lisada uusi faile, neid ümber nimetada ja taastada muudetud olemasolevaid koodifaile nende Ajaskaala vaatest, kui eelmine versioon on saadaval. Varade failidel, nagu pildid, CSS, JavaScript ja fondid kaustas assets, ei ole ajaskaala ajalugu.

Teemafaili avamine

Teemafaili avamiseks klõpsa kaustal ja seejärel klõpsa failihalduris failinime. Faile saab otsida ka nime või laiendi järgi ning seejärel faili avada.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Vajuta klahvikombinatsiooni ⌘ + P (Mac) või Ctrl + P (Windows).

4. Sisesta otsinguribale failinimi ja vali fail või vali fail loendist Hiljuti avatud.

Uue teemafaili lisamine

Faili lisamiseks vali kaust, klõpsa ikooni Uus fail ning seejärel sisesta failinimi ja faililaiend.

Failinimed võivad sisaldada tähemärke A–Z ja 0–9 ning ei tohi sisaldada tühikuid. Eralda sõnad sidekriipsude või allakriipsudega. Faililaiendi määrab punkt . ja laiendi tüüp. Näiteks .liquid või .css.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Klõpsa kaustal, kuhu soovid uue faili lisada.

4. Paremklõpsa kaustanimel ja vali rippmenüüst Uus fail....

5. Sisesta faili uus nimi.

6. Vajuta klaviatuuril klahvi Enter.

Uue vara üleslaadimine

Koodiredaktori kausta assets saad üles laadida uue vara (näiteks ikooni- või pildifaili).

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Paremklõpsa kaustal assets.

4. Klõpsa valikut Laadi üles....

5. Vali fail, mida soovid üles laadida.

6. Klõpsa nuppu Ava.

Teemafaili ümbernimetamine

Faili ümbernimetamiseks saad sellel teha paremklõpsu. Ära muuda ega eemalda faililaiendit. Faililaiendi määrab punkt . ja laiendi tüüp. Näiteks .liquid või .css. Failinimed võivad sisaldada tähemärke A–Z ja 0–9 ning ei tohi sisaldada tühikuid. Eralda sõnad sidekriipsude või allakriipsudega. Kui failinimi ei ole sobiv, siis uut nime ei salvestata.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Paremklõpsa failil ja vali rippmenüüst Nimeta ümber....

4. Sisesta faili uus nimi.

5. Vajuta klaviatuuril klahvi Enter.

Teemafaili kustutamine

Hoiatus

Teemafaili kustutamine võib sinu teema rikkuda. Enne faili kustutamist tee kindlasti oma teemast duplikaat.

Oma teemas saad mis tahes faile kustutada. Kustutatud teemafaile ei saa taastada.

Sammud:

1. Ava Shopify administraatoris Veebipood.

2. Klõpsa > Muuda koodi.

3. Paremklõpsa failil ja vali rippmenüüst Kustuta jäädavalt.

4. Klõpsa valikut Kustuta.