Urejanje kode teme

Pozor

Če spremembe, ki ste jih naredili v kodi teme, niso združljive s posodobitvijo teme, se vse vaše spremembe kode v posodobljeni kopiji izbrišejo. Kodo teme urejajte samo, če potrebnih sprememb ne morete izvesti z uporabo aplikacije Shopify ali urejevalnika tem.

V urejevalniku kode lahko urejate kodo teme ter tako podrobneje spremenite svojo spletno trgovino. Večina datotek, ki sestavljajo temo, vsebuje Liquid, Shopifyjev jezik za predloge. Datoteke teme vsebujejo tudi HTML, CSS, JSON in JavaScript. Kodo teme urejajte le, če poznate HTML in CSS ter osnovno razumete jezik Liquid.

Kodo teme lahko urejate šele po nakupu teme. To vključuje uporabo generatorja kode z umetno inteligenco v urejevalniku tem. Če uporabljate preizkusno različico plačljive teme, jo morate kupiti, preden lahko spreminjate kodo.

Rast podjetja

Če želite dodati prilagojene funkcije ali kodo, a nimate izkušenj z razvojem spletnih strani s HTML-jem, CSS-jem in JavaScriptom, razmislite o tem, da poiščete pomoč Shopifyjevega partnerja.

Pozor

Preden začnete s prilagajanjem teme, opravite naslednja priporočena opravila:

• Podvojite svojo temo, da ustvarite varnostno kopijo. Tako boste po potrebi preprosto zavrgli spremembe in začeli znova.
• Prepričajte se, da razumete, katera raven podpore je na voljo.
• Preberite več o zahtevah in najboljših praksah za nalaganje slik.

Urejevalnik kode prikaže imenik datotek teme ter prostor za njihov prikaz in urejanje. Ko v imeniku kliknete datoteko, se ta odpre v urejevalniku kode. Hkrati lahko odprete in urejate več datotek. Hkrati jih lahko več tudi odprete in pregledate.

Urejanje kode teme

Za spreminjanje datotek teme lahko uporabite urejevalnik kode.

Koraki:

Namizni računalnik

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

Mobilna naprava

1. V aplikaciji Shopify se dotaknite ikone .

2. V razdelku Prodajni kanali se dotaknite možnosti Spletna trgovina.

3. Dotaknite se možnosti Upravljanje tem.

4. Dotaknite se > Uredi kodo.

Shranjevanje sprememb

Ko urejate datoteko, se ob imenu zavihka prikaže pika, ki označuje neshranjene spremembe. Kliknite gumb Shrani, da shranite spremembe. Za shranjevanje sprememb lahko pritisnete tudi ⌘ + S v sistemu Mac ali Ctrl + S v sistemu Windows.

Formatiranje kode teme

Če želite popraviti zamik kode, odprite ukazno paleto s tipkami ⌘ + Shift + P v sistemu Mac ali Ctrl + Shift + P v sistemu Windows, vnesite format in nato izberite Formatiraj dokument.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Odprite datoteko, ki jo želite formatirati.

4. Pritisnite ⌘ + P v sistemu Mac ali Ctrl + P v sistemu Windows.

5. V ukazno paleto vnesite format in nato pritisnite Enter na tipkovnici.

6. Shranite datoteko.

Sledenje spremembam datotek

Če želite spremenjeno datoteko teme obnoviti na prejšnjo različico, uporabite pogled Časovnica za to datoteko.

Pogled Časovnica obnovi po eno obstoječo datoteko hkrati. Ne obnovi celotne teme in ne more povrniti izbrisanih datotek teme. Zgodovina časovnice je omejena, zato starejše različice morda ne bodo na voljo.

Z obnovo se zamenja celotna vsebina datoteke, vključno s spremembami, ki bi jih morda želeli ohraniti. Preden obnovite datoteko, kopirajte njeno trenutno vsebino na varno mesto, če želite ohraniti morebitne spremembe.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Odprite obstoječo datoteko, ki jo želite pregledati ali obnoviti.

4. Izbirno: če bi morda želeli ohraniti trenutne spremembe, pred obnavljanjem kopirajte trenutno vsebino datoteke na varno mesto.

5. V pogledu Časovnica kliknite vnos na časovnici, da primerjate razlike.

6. Če želite celotno vsebino datoteke zamenjati z izbrano prejšnjo različico, z desno tipko miške kliknite vnos na časovnici in izberite možnost Obnovi vsebino.

7. Kliknite Obnovi.

Theme Check

Urejevalnik kode vključuje Theme Check, funkcijo, ki pomaga pri preprečevanju napak z zagotavljanjem takojšnjih povratnih informacij med pisanjem kode, namesto da bi napake odkrili šele v objavljeni temi.

V urejevalniku kode lahko Theme Check prepozna naslednje napake v urejeni kodi:

• Skripte, ki blokirajo razčlenjevalnik, kar lahko upočasni domačo stran trgovine
• Nedoslednosti med prevajalskimi datotekami, na primer manjkajoči ključi za prevod ali prevodi, ki se ne ujemajo v datoteki območnih nastavitev
• Manjkajoče predloge

Napake so označene z rdečo črto pod kodo. Če si želite ogledati napako, se z miško pomaknite na označeno vrstico.

Iskanje in zamenjava v urejevalniku kode

V urejevalniku kode lahko iščete na enega od naslednjih načinov:

• Iščite po kodi določene datoteke.
• Iščite po kodi vseh datotek v temi.

Prav tako lahko zamenjate kodo v določeni datoteki ali v več primerih po vseh datotekah teme. Iščete lahko tudi datoteko po imenu, da odprete datoteko.

Iskanje znotraj datoteke

Iščete lahko po kodi v določeni datoteki in zamenjate kodo. Uporabite smerne tipke, da pregledate posamezen primer kode.

Ko poiščete kodo, jo lahko zamenjate v datoteki.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Odprite datoteko, po kateri želite iskati.

4. Pritisnite ⌘ + F v sistemu Mac ali Ctrl + F v sistemu Windows.

5. V polje Iskanje vnesite iskalni izraz.

6. Izbirno: Če želite zamenjati kodo, opravite naslednja dejanja:

• V pogovornem oknu za iskanje kliknite ikono .
• V polje Zamenjaj vnesite kodo za zamenjavo. Kliknete lahko Ohrani velikost črk, da velikost črk v kodi za zamenjavo prilagodite obstoječi pojavitvi.
• Kliknite ikono Zamenjaj za zamenjavo ene pojavitve naenkrat ali pa kliknite ikono Zamenjaj vse za zamenjavo vseh pojavitev hkrati.

Iskanje po vseh datotekah

Kliknite gumb za iskanje v levi stranski vrstici za iskanje po vseh datotekah teme. Rezultati prikažejo vsako pojavitev iskalnega izraza in v kateri datoteki se nahaja.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Kliknite ikono , da odprete iskalno ploščo.

4. V polje Iskanje vnesite iskalni izraz.

5. Izbirno: Če želite zamenjati kodo, opravite naslednja dejanja:

• V pogovornem oknu za iskanje kliknite ikono .
• V polje Zamenjaj vnesite kodo za zamenjavo.
• Zamenjajte eno pojavitev naenkrat ali vse pojavitve hkrati.

Možnosti naprednega iskanja

Da bi zožili iskalne rezultate, uporabite eno ali več naslednjih možnosti iskanja:

• Z možnostjo Upoštevaj velikost črk pridobite iskalne izraze, ki se ujemajo glede na velikost črk. Na primer, če vnesete izdelek, iskanje označi vse pojavitve »izdelek« ali »Izdelek«. Če izberete Upoštevaj velikost črk, iskanje označi samo pojavitve izraza izdelek.
• Z možnostjo Ujemaj celotno besedo pridobite iskalne izraze, ki se ujemajo s točno določeno besedo, in izključite delna ujemanja. Če na primer vnesete cart, iskanje označi pojavitve »cart«, ne pa »carton«.
• Uporabi regularni izraz vrne iskalne rezultate, ki se ujemajo z regularnim izrazom (regex). Regex je niz znakov, ki določa iskalni vzorec v besedilu.

Pozor

Uporaba regularnih izrazov je napredna tehnika prilagajanja. Za pomoč pri ustvarjanju niza regex lahko uporabite orodje zunanjega izvajalca, kot sta regex101 ali RegExr.

Na plošči Iskanje lahko izberete tudi datoteke in mape, ki jih želite vključiti v iskalne rezultate ali izključiti iz njih.

Kliknite , da odprete napredni meni. V polji datoteke za vključitev ali datoteke za izključitev lahko vnesete katero koli pot do datoteke ali mape. Če želite dodati več datotek ali map, jih ločite s presledkom in vejico. Če želite na primer poiskati datoteke v mapi sections, v polje datoteke za vključitev vnesite ./sections.

Iščete lahko tudi v določeni mapi iz pogleda imenika datotek. Z desno tipko miške kliknite mapo in nato v spustnem meniju izberite Najdi v mapi …

Upravljanje datotek teme

Datoteke lahko upravljate v kodi svoje teme. Datoteke lahko izbrišete, dodate nove, jih preimenujete ali obnovite spremenjene obstoječe datoteke v njihovem pogledu Časovnica, če je na voljo prejšnja različica.

Odpiranje datoteke teme

Če želite odpreti datoteko teme, kliknite mapo in nato kliknite ime datoteke v raziskovalcu. Datoteke lahko poiščete tudi po imenu ali razširitvi in nato odprete datoteko.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Pritisnite ⌘ + P v sistemu Mac ali Ctrl + P v sistemu Windows.

4. V iskalno vrstico vnesite ime datoteke in izberite datoteko, ali pa izberite datoteko na seznamu Nedavno odprto.

Dodajanje nove datoteke teme

Če želite dodati datoteko, izberite mapo, kliknite ikono Nova datoteka ter vnesite ime in razširitev datoteke.

Imena datotek lahko vključujejo znake A–Z in 0–9, vendar ne smejo vključevati presledkov. Besede ločite z vezaji ali podčrtaji. Razširitev datoteke je določena s piko (.) in vrsto razširitve. Na primer .liquid ali .css.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Kliknite mapo, v katero želite dodati novo datoteko.

4. Z desno tipko miške kliknite ime mape in v spustnem meniju izberite Nova datoteka …

5. Vnesite novo ime datoteke.

6. Na tipkovnici pritisnite Enter.

Nalaganje novega sredstva

V mapo assets v urejevalniku kode lahko naložite novo sredstvo, kot je datoteka z ikono ali sliko.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Z desno tipko miške kliknite mapo assets.

4. Kliknite Naloži ….

5. Izberite datoteko, ki jo želite naložiti.

6. Kliknite Odpri.

Preimenovanje datoteke teme

Z desnim klikom na datoteko jo lahko preimenujete. Pazite, da ne uredite ali odstranite razširitve datoteke. Razširitev datoteke je določena s piko (.) in vrsto razširitve. Na primer .liquid ali .css. Imena datotek lahko vključujejo znake A–Z in 0–9, vendar ne smejo vključevati presledkov. Besede ločite z vezaji ali podčrtaji. Če ime datoteke ni veljavno, se novo ime datoteke ne bo shranilo.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Z desno tipko miške kliknite datoteko in v spustnem meniju izberite Preimenuj …

4. Vnesite novo ime datoteke.

5. Na tipkovnici pritisnite Enter.

Brisanje datoteke teme

Pozor

Brisanje datoteke teme lahko poškoduje vašo temo. Preden izbrišete katero koli datoteko, obvezno naredite dvojnik teme.

Izbrišete lahko katero koli datoteko v svoji temi. Izbrisanih datotek teme ni mogoče obnoviti.

Koraki:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.

2. Kliknite > Uredi kodo.

3. Z desno tipko miške kliknite datoteko in v spustnem meniju izberite Trajno izbriši.

4. Kliknite Izbriši.