Tēmas koda rediģēšana

Brīdinājums

Ja tēmas kodā veiktās izmaiņas nav saderīgas ar tēmas atjauninājumu, visas koda izmaiņas atjauninātajā kopijā tiek noņemtas. Tēmas kodu rediģē tikai tad, ja nevari veikt nepieciešamās izmaiņas, izmantojot Shopify lietotni vai motīvu redaktoru.

Tu vari rediģēt savas tēmas kodu, lai ar koda redaktoru veiktu detalizētas izmaiņas savā tiešsaistes veikalā. Vairums failu, kas veido tēmu, ietver Liquid – Shopify veidņu valodu. Tēmas faili ietver arī HTML, CSS, JSON un JavaScript. Rediģē tēmas kodu tikai tad, ja pārzini HTML un CSS, un tev ir pamatzināšanas par Liquid.

Savas tēmas kodu vari rediģēt tikai pēc tās iegādes. Tas ietver MI koda ģeneratora izmantošanu motīvu redaktorā. Ja izmanto maksas tēmas izmēģinājuma versiju, pirms koda izmaiņu veikšanas tev tā ir jāiegādājas.

Paplašini savu uzņēmējdarbību

Ja vēlies pievienot pielāgotas funkcijas vai kodu, bet tev nav pieredzes tīmekļa vietņu izstrādē ar HTML, CSS un JavaScript, apsver iespēju nolīgt Shopify partneri.

Brīdinājums

Lai sagatavotos savas tēmas pielāgošanai, veic šos ieteicamos uzdevumus:

• Dublē savu tēmu, lai izveidotu rezerves kopiju. Tas ļauj viegli atmest savas izmaiņas un nepieciešamības gadījumā sākt visu no jauna.
• Pārliecinies, ka saproti, kāds atbalsta līmenis ir pieejams.
• Uzzini par prasībām un paraugpraksi saistībā ar attēlu augšupielādi.

Koda redaktorā tiek rādīts tavas tēmas failu direktorijs un vieta, kur attēlot un rediģēt failus. Noklikšķinot uz faila direktorijā, tas tiek atvērts koda redaktorā. Vienlaikus vari atvērt un rediģēt vairākus failus. Tāpat arī vienlaikus vari atvērt un pārskatīt vairākus failus.

Tēmas koda rediģēšana

Koda redaktoru vari izmantot, lai modificētu savas tēmas failus.

Darbības:

Darbvirsma

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

Mobilā ierīce

1. Shopify lietotnē pieskaries ikonai .

2. Sadaļā Pārdošanas kanāli pieskaries Interneta veikals.

3. Pieskaries Pārvaldi tēmas.

4. Pieskaries > Rediģē kodu.

Izmaiņu saglabāšana

Rediģējot failu, blakus cilnes nosaukumam tiek rādīts punkts, norādot uz nesaglabātām izmaiņām. Noklikšķini uz pogas Saglabā, lai saglabātu izmaiņas. Vari arī nospiest ⌘ + S (Mac) vai Ctrl + S (Windows), lai saglabātu izmaiņas.

Tēmas koda formatēšana

Lai labotu koda atkāpes, atver komandu paleti, nospiežot ⌘ + Shift + P (Mac) vai Ctrl + Shift + P (Windows) un ievadot format, un pēc tam atlasi Formatē dokumentu.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Atver failu, kuru vēlies formatēt.

4. Nospied ⌘ + P (Mac) vai Ctrl + P (Windows).

5. Komandu paletē ievadi format un pēc tam tastatūrā nospied Enter.

6. Saglabā failu.

Faila izmaiņu izsekošana

Lai atjaunotu modificētu tēmas failu uz iepriekšējo versiju, izmanto šī faila skatu Laika skala.

Skats Laika skala vienlaikus atjauno tikai vienu esošu failu. Tas neatjauno visu tēmu un nevar atgūt izdzēstos tēmas failus. Laika skalas vēsture ir ierobežota, tāpēc vecākas versijas var nebūt pieejamas.

Atjaunojot failu, tiek aizstāts viss tā saturs, tostarp izmaiņas, kuras, iespējams, vēlies saglabāt. Ja vēlies saglabāt kādas izmaiņas, pirms faila atjaunošanas nokopē tā pašreizējo saturu drošā vietā.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Atver esošo failu, kuru vēlies pārskatīt vai atjaunot.

4. Pēc izvēles: ja vēlies saglabāt kādas no pašreizējām izmaiņām, pirms atjaunošanas nokopē pašreizējo faila saturu drošā vietā.

5. Skatā Laika skala noklikšķini uz ieraksta laika skalā, lai salīdzinātu atšķirības.

6. Lai aizstātu visu faila saturu ar atlasīto iepriekšējo versiju, ar peles labo pogu noklikšķini uz laika skalas ieraksta un pēc tam atlasi Atjauno saturu.

7. Noklikšķini uz Atjauno.

Theme Check

Koda redaktors ietver funkciju Theme Check, kas palīdz novērst kļūdas, sniedzot tūlītējas atsauksmes jau koda rakstīšanas laikā, nevis atklājot kļūdas tavā aktīvajā tēmā.

Koda redaktorā Theme Check rediģētajā kodā var identificēt šādas kļūdas:

• Parsētāju bloķējoši skripti, kas var palēnināt skatloga darbību
• Tulkošanas failu neatbilstības, piemēram, trūkstošas tulkojumu atslēgas vai tulkojumi, kas nesakrīt lokalizācijas failā
• Trūkstošas veidnes

Kļūdas tiek norādītas ar sarkanu līniju zem koda. Lai skatītu kļūdu, virzi peles kursoru virs izceltās līnijas.

Meklēšana un aizstāšana koda redaktorā

Koda redaktorā vari veikt meklēšanu vienā no šiem veidiem:

• Meklēt kodu konkrētā failā.
• Meklēt kodu visos tēmas failos.

Vari arī aizstāt kodu noteiktā failā vai vairākās vietās visos tēmas failos. Tāpat vari meklēt failu pēc nosaukuma, lai atvērtu failu.

Meklēšana failā

Noteiktā failā vari meklēt un aizstāt kodu. Izmanto bultiņu taustiņus, lai pārskatītu katru koda gadījumu.

Pēc koda meklēšanas failā to vari aizstāt.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Atver failu, kurā vēlies veikt meklēšanu.

4. Nospied ⌘ + F (Mac) vai Ctrl + F (Windows).

5. Laukā Meklēt ievadi meklējamo terminu.

6. Pēc izvēles: lai aizstātu kodu, veic šādas darbības:

• Meklēšanas modālajā logā noklikšķini uz ikonas .
• Laukā Aizstāt ievadi aizstājējkodu. Vari noklikšķināt uz Saglabā reģistru, lai aizstājējkoda lielie un mazie burti sakristu ar esošo gadījumu.
• Noklikšķini uz ikonas Aizstāj, lai aizstātu pa vienam gadījumam, vai noklikšķini uz ikonas Aizstāj visu, lai aizstātu visus gadījumus vienlaikus.

Meklēšana visos failos

Noklikšķini uz meklēšanas pogas kreisajā sānjoslā, lai meklētu visos tēmas failos. Rezultātos tiek parādīts katrs meklētā termina gadījums un fails, kurā tas atrodams.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Noklikšķini uz ikonas , lai atvērtu meklēšanas paneli.

4. Laukā Meklēt ievadi meklējamo terminu.

5. Pēc izvēles: lai aizstātu kodu, veic šādas darbības:

• Meklēšanas modālajā logā noklikšķini uz ikonas .
• Laukā Aizstāt ievadi aizstājējkodu.
• Aizstāj pa vienam gadījumam vai visus gadījumus vienlaikus.

Papildu meklēšanas opcijas

Lai sašaurinātu meklēšanas rezultātus, izmanto vienu vai vairākas no šīm meklēšanas opcijām:

• Ievērot reģistru atgriež meklēšanas vienumus, kas atbilst reģistram. Piemēram, ja ievadi product, meklētājs izceļ jebkuru vārda “product” vai “Product” gadījumu. Atlasot Ievērot reģistru, meklēšanā tiek izcelti tikai product gadījumi.
• Meklēt pilnu vārdu atgriež meklēšanas vienumus, kas precīzi atbilst vārdam, un izslēdz daļēju atbilstību. Piemēram, ja ievadi cart, meklēšanā tiek izcelti “cart”, bet ne “carton” gadījumi.
• Izmantot regulāro izteiksmi atgriež meklēšanas rezultātus, kas atbilst regulārajai izteiksmei (regex). Regex ir rakstzīmju virkne, kas nosaka atbilstības shēmu tekstā.

Brīdinājums

Regex izmantošana ir uzlabota pielāgošanas metode. Vari izmantot trešās puses rīku, piemēram, regex101 vai RegExr, lai iegūtu norādes par regex virknes veidošanu.

Panelī Meklēšana vari arī atlasīt failus un mapes, ko iekļaut vai izslēgt no meklēšanas rezultātiem.

Noklikšķini uz , lai atvērtu papildu iestatījumu izvēlni. Laukos iekļaujamie faili vai izslēdzamie faili vari ievadīt jebkuru faila vai mapes ceļu. Lai pievienotu vairāk nekā vienu failu vai mapi, atdali tos ar atstarpi un komatu. Piemēram, lai meklētu failus mapē sections, laukā iekļaujamie faili ievadi ./sections.

Failu direktorija skatā vari arī veikt meklēšanu konkrētā mapē. Noklikšķini uz mapes ar peles labo pogu un nolaižamajā izvēlnē atlasi Meklēt mapē...

Tēmas failu pārvaldība

Savas tēmas kodā vari pārvaldīt failus. Vari dzēst failus, pievienot jaunus failus, pārdēvēt tos un atjaunot modificētus esošos koda failus no to Laika skalas skata, ja ir pieejama iepriekšējā versija. Līdzekļu failiem, piemēram, attēliem, CSS, JavaScript un fontiem mapē assets, nav laika skalas vēstures.

Tēmas faila atvēršana

Lai atvērtu tēmas failu, noklikšķini uz mapes un pēc tam pārlūkā noklikšķini uz faila nosaukuma. Vari arī meklēt failus pēc nosaukuma vai paplašinājuma un atvērt tos.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Nospied ⌘ + P (Mac) vai Ctrl + P (Windows).

4. Meklēšanas joslā ievadi faila nosaukumu un atlasi failu, vai arī atlasi failu no Nesen atvērti saraksta.

Jauna tēmas faila pievienošana

Lai pievienotu failu, atlasi mapi, noklikšķini uz ikonas Jauns fails un ievadi faila nosaukumu un faila paplašinājumu.

Failu nosaukumos var izmantot rakstzīmes A–Z, 0–9, un tajos nedrīkst būt atstarpes. Atdali vārdus ar domuzīmēm vai pasvītrojumiem. Faila paplašinājumu nosaka punkts . un paplašinājuma veids. Piemēram, .liquid vai .css.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Noklikšķini uz mapes, kurai vēlies pievienot jaunu failu.

4. Noklikšķini ar peles labo pogu uz mapes nosaukuma un nolaižamajā izvēlnē atlasi Jauns fails...

5. Ievadi jaunu faila nosaukumu.

6. Tastatūrā nospied taustiņu Enter.

Jauna līdzekļa augšupielāde

Koda redaktora mapē assets vari augšupielādēt jaunu līdzekli, piemēram, ikonu vai attēla failu.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Noklikšķini ar peles labo pogu uz mapes assets.

4. Noklikšķini uz Augšupielādēt...

5. Atlasi failu, kuru vēlies augšupielādēt.

6. Noklikšķini uz Atvērt.

Tēmas faila pārdēvēšana

Vari noklikšķināt uz faila ar peles labo pogu, lai to pārdēvētu. Raugies, lai netiktu rediģēts vai noņemts faila paplašinājums. Faila paplašinājumu nosaka punkts . un paplašinājuma veids. Piemēram, .liquid vai .css. Failu nosaukumos var izmantot rakstzīmes A–Z, 0–9, un tajos nedrīkst būt atstarpes. Atdali vārdus ar domuzīmēm vai pasvītrojumiem. Ja faila nosaukums nav derīgs, jaunais faila nosaukums netiks saglabāts.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Noklikšķini ar peles labo pogu uz faila un nolaižamajā izvēlnē atlasi Pārdēvēt...

4. Ievadi jaunu faila nosaukumu.

5. Tastatūrā nospied taustiņu Enter.

Tēmas faila dzēšana

Brīdinājums

Tēmas faila dzēšana var sabojāt tavu tēmu. Pirms jebkura faila dzēšanas noteikti izveido savas tēmas dublikātu.

Savā tēmā vari dzēst jebkuru failu. Dzēstos tēmas failus nevar atgūt.

Darbības:

1. Shopify administrēšanas panelī dodies uz Interneta veikals.

2. Noklikšķini uz > Rediģē kodu.

3. Noklikšķini ar peles labo pogu uz faila un nolaižamajā izvēlnē atlasi Dzēst neatgriezeniski.

4. Noklikšķini uz Dzēst.