Odpravljanje težav s temo spletne trgovine

Slike so lahko prikazane drugače, kot pričakujete, vendar je to morda zato, ker slika ni združljiva z namenom, za katerega jo uporabljate v svoji temi. Preverite, ali so dimenzije slike, ki jo uporabljate, pravilne. Preglejte naslednji seznam pogostih težav s prikazom, ki se lahko pojavijo pri nalaganju nezdružljive slike:

• Če je glava prikazana večja in slika logotipa manjša, kot pričakujete, je to morda posledica praznega prostora v datoteki s sliko logotipa. Prazen prostor v datoteki s sliko logotipa lahko povzroči, da je logotip prikazan manjši, glava pa večja zaradi praznega prostora. Uredite slikovno datoteko, da preverite, ali je obrezana okoli logotipa in nima praznega prostora.
• Če je slika diaprojekcije obrezana, je to namerno zasnovano z namenom, da se slike na mobilnih napravah in namiznih računalnikih prikažejo enako. Ker je vsebina na mobilnem zaslonu precej manjša, se z manjšanjem vsebine lahko izgubi veliko podrobnosti. Zato se vsebina obreže, da se te podrobnosti ohranijo. Portretna slika, ki je višja od svoje širine, lahko na namiznem računalniku zasede tudi veliko prostora. Zato imajo slike v diaprojekcijah določeno največjo višino. Lahko dodate osrednjo točko k slikam v diaprojekciji, da zagotovite, da bo osrednja točka vedno na sredini slike diaprojekcije.

  Možnost prilagodljive višine: Veliko tem Shopify vključuje nastavitev prilagodljive višine za diaprojekcije, ki prilagodi višino diaprojekcije tako, da se ujema s prvim slikovnim diapozitivom, s čimer se zmanjša obrezovanje na različnih velikostih zaslona. Ta funkcija je na voljo v vseh trenutno podprtih temah, ki jih je razvil Shopify.

• Če slika GIF ni prikazana pravilno in je bila na domačo stran trgovine dodana z urejevalnikom obogatenega besedila, na primer v opis izdelka ali v objavo v spletnem dnevniku, je to morda zaradi velikosti slike. To lahko popravite tako, da kliknete sliko GIF v urejevalniku obogatenega besedila in nato kliknete Uredi sliko. V spustnem meniju Velikost slike izberite Izvirno. Sliko GIF lahko nato prilagodite tako, da kliknete in povlečete vogale slike navznoter, da jo pomanjšate, ali navzven, da jo povečate.
• Če imajo vaše slike na domači strani trgovine znatno spremenjene barve v primerjavi z izvirnimi slikami, morda niso v standardnem barvnem profilu sRGB (Red Green Blue). Če želite odpraviti to spremembo barve, shranite datoteko v aplikaciji za urejanje fotografij kot sRGB. Pogosti izrazi za to so »Optimiziraj za splet« (Web optimize), »Prilagodi sliko za splet« (Adjust image for Web) ali »Shrani za splet« (Save for Web). Več informacij o barvnih profilih.
• Če slike izdelkov na straneh zbirke niso poravnane, boste morda morali prilagoditi razmerje stranic v datotekah s slikami izdelkov, tako da bodo imele enako razmerje med višino in širino, nato pa ponovno naložiti sliko izdelka. Uporabite lahko tudi aplikacijo za urejanje slik iz Shopify App Store.

Preverite naslednje težave, da najdete svojo specifično težavo in korake za pomoč pri odpravljanju:

• Izdelki manjkajo: Če na vaši domači strani trgovine manjkajo izdelki, boste morda morali preveriti Stanje in Prodajne kanale v razdelku izdelka Objavljanje v skrbniku Shopify. Preverite, ali je stanje izdelka Aktivno in ali je izdelek na voljo za kanal Spletna trgovina.
• Zbirke manjkajo: Če na vaši domači strani trgovine manjkajo zbirke, boste morda morali preveriti Prodajne kanale v razdelku zbirke Objavljanje v skrbniku Shopify. Preverite, ali je zbirka na voljo za kanal Spletna trgovina in ali je vaša zbirka dodana v menije.
• Zbirke so prikazane, vendar manjkajo izdelki: Če so zbirke prikazane, vendar v njih manjkajo izdelki, boste morda morali preveriti filtre oznak za zbirko v nastavitvah za Menije. Preverite, ali v polju Filtriranje zbirke z oznakami ni nobenih oznak, zaradi katerih se izdelki morda ne prikazujejo.
• Valuta ni pravilna: Če se vaša valuta pri izdelkih ali v zbirkah ne prikazuje pravilno, preverite Prikaz valute v razdelku Privzete nastavitve trgovine pod Nastavitve > Splošno in se prepričajte, da ni dodane dodatne kode. Več informacij o oblikovanju prikaza valute za vaše stranke.
• Nekateri izdelki se prikazujejo drugače: Če se nekateri izdelki ali zbirke prikazujejo drugače kot ostali, preverite Predlogo teme, ki je dodeljena tem izdelkom ali zbirkam v skrbniku Shopify.
• Ni mogoče urejati predlog izdelkov ali zbirk: Če so privzete predloge izdelkov ali zbirk v urejevalniku tem obarvane sivo in jih ni mogoče izbrati, morate prodajnemu kanalu Spletna trgovina dati na voljo vsaj 1 izdelek ali zbirko. Teh privzetih predlog ne morete urejati, če nimate na voljo izdelkov ali zbirk za predogled sprememb. Več informacij o spremembi razpoložljivosti zbirke in nastavitvi razpoložljivosti izdelkov v prodajnih kanalih.

Če se prevedena vsebina ne prikazuje pravilno ali manjka na domači strani trgovine, so morda prisotni zastareli ali manjkajoči prevodi za to vsebino. Vsebina se lahko nahaja tudi v specifični predlogi za določen trg. Kadar koli dodate novo vsebino v privzetem jeziku, ne pozabite ponovno zagnati samodejnega prevajanja ali ročno dodati novih prevodov.

Za prevedeno vsebino lahko veljajo naslednja stanja:

• Prevedeno: Vsebina ima na voljo prevode.
• Zastarelo: Vsebina v privzetem jeziku je bila posodobljena, vendar prevodi ne odražajo teh posodobitev.
• Neprevedeno: Za to vrsto vsebine ni prevodov.

Pri pregledu prevedene vsebine posodobite vso neprevedeno ali zastarelo vsebino, da se bo prevedena vsebina nato pravilno prikazovala.

Več informacij o prevajanju in lokalizaciji vaše trgovine.

Če vaša domača stran trgovine in urejevalnik tem ne prikazujeta istih informacij, preverite predlogo teme, ki jo urejate. Morda boste morali uvesti spremembe, da posodobite predloge tem in prikažete pravilne informacije.

Tržni popravki vam omogočajo, da ustvarite različne domače strani trgovine za različne trge in prikažete prevedeno vsebino. Morda ste pri posodabljanju nenamerno delali znotraj specifičnega trga ali B2B. Poiščite vsebino s spustnim menijem Trg v urejevalniku tem, da se prepričate, ali je na pravih trgih.

Več informacij o tržnih popravkih.

Vse teme, ki so na voljo v trgovini s temami Shopify, so odzivne teme, kar pomeni, da se tema prilagodi velikosti zaslona. V urejevalniku tem lahko med urejanjem preklopite pogled glede na velikost zaslona, da preverite, ali se vaše strani in slike pravilno prikazujejo. Več informacij o ogledu različnih velikosti zaslona v urejevalniku tem.

Številni razdelki in bloki imajo mobilne nastavitve, ki jih lahko prilagodite. Na primer, nastavite lahko Število stolpcev na mobilnih napravah v razdelku Sorodni izdelki. Za odpravljanje morebitnih težav s prikazom na velikostih zaslonov mobilnih naprav lahko preverite nastavitve razdelkov za mobilne naprave za vsako predlogo.

Nekatere funkcije teme se lahko na mobilnih napravah prikažejo drugače kot na namiznih računalnikih, kar zagotavlja dostopnost teme na vseh velikostih zaslona. Pri velikosti zaslona namiznega računalnika ima na primer vaša diaprojekcija lahko besedilni prekrivni sloj, kjer se besedilo prikaže čez sliko, pogosto z motnostjo barve slike ali senco besedila. Na velikostih zaslonov mobilnih naprav pa se besedilo lahko prikaže pod diaprojekcijo. To je namenska funkcija za dostopnost, s katero je besedilo berljivo na vsaki velikosti zaslona. Če bi bilo besedilo namesto tega v obliki prekrivnega sloja, bi bilo na mobilnih napravah prikazano zelo majhno in težko berljivo.

Če razdelek prikazane zbirke ali strani zbirke pri ogledu domače strani trgovine na mobilni napravi prikazujejo nedosledne velikosti ali niso poravnane, je to morda posledica nedoslednih razmerij stranic. Mreže slik, kot so slike izdelkov, ki so prikazane v zbirki ali prikazani zbirki, so zasnovane tako, da so odzivne na velikost zaslona. Če imajo slike v mreži slik nedosledna razmerja stranic, se lahko glede na velikost zaslona prikažejo različno. Kvadratne slike izdelkov z ločljivostjo 2048 x 2048 px se običajno najbolje obnesejo v mrežah izdelkov. Posodobite slike, da bodo imele dosledno razmerje stranic, za optimizacijo na vseh velikostih zaslona. Več informacij o razmerju stranic slike.

Včasih je koda HTML, ki je dodana v urejevalnik obogatenega besedila, v sporu s kodo vaše teme. Če je težava prisotna na eni sami strani, kot je stran izdelka, stran ali objava v spletnem dnevniku, je to lahko posledica dodatne kode HTML. Ta se včasih doda pri kopiranju in lepljenju besedila z drugega spletnega mesta.

Preglejte kodo HTML

Kodo HTML lahko preverite v urejevalniku obogatenega besedila.

Koraki:

1. Odprite stran v skrbniški plošči.
2. Kliknite gumb Pokaži HTML za pregled kode HTML.
3. Poiščite vso kodo HTML, ki bi lahko povzročala težave s prikazom, in jo odstranite.
4. Kliknite Shrani.

Počistite oblikovanje

Označite lahko del besedila in počistite oblikovanje HTML.

Koraki:

1. Odprite stran v skrbniški plošči.
2. Označite besedilo, pri katerem so težave z oblikovanjem.
3. Kliknite gumb 🚫.
4. Kliknite Shrani.

Več informacij o urejevalniku obogatenega besedila.

Če vaša domača stran trgovine vključuje kodo, ki uporabnike preusmerja na URL-naslove, ki niso povezani z vašo trgovino, ob obisku urejevalnika tem preverite, ali je preusmeritev deaktivirana.

Na primer, takšna vrsta preusmeritve je morda dodana na domačo stran trgovine, da stranke usmeri v različne trgovine Shopify glede na njihovo lokacijo. Ta vrsta kode za preusmeritev se lahko nahaja v vaši temi ali v aplikaciji, ki ste jo namestili.

Da bi preverili, ali preusmeritev ne moti uporabe urejevalnika, uporabite sklic na spremenljivko window.Shopify.designMode v skriptu JavaScript, da onemogočite preusmeritev med obiskom urejevalnika tem. Ta spremenljivka je nastavljena na true, ko se domača stran trgovine naloži v urejevalniku, in false, ko se ne.

Če imate zložljive sklope ali druge tematske sklope, ki na vseh straneh izdelkov prikazujejo enako vsebino, morate nastaviti dinamične vire z metapolji. To se pogosto zgodi, ko trgovci dodajo informacije za določen izdelek, kot so sestavine ali navodila za nego, pri enem izdelku, prikažejo pa se pri vseh izdelkih.

Zložljivi sklopi na vseh izdelkih prikazujejo enako besedilo

Ko vsebino v urejevalniku tem dodate neposredno v zložljiv blok, je ta vsebina prikazana na vseh straneh izdelka. Za prikaz vsebine za določen izdelek morate uporabiti dinamične vire z metapolji:

1. V skrbniku Shopify pojdite v Nastavitve > Metapolja > Izdelki.
2. Kliknite Dodaj definicijo.
3. Vnesite Ime za svoje metapolje in nato kliknite Izberite vrsto vsebine.
4. Izberite Besedilo in Večvrstično besedilo.
5. Kliknite Shrani.
6. V skrbniški plošči pojdite na stran izdelka in se pomaknite do razdelka z metapolji na dnu strani.
7. V ustvarjeno metapolje dodajte vsebino, značilno za posamezni izdelek.
8. V urejevalniku tem odprite predlogo izdelka in poiščite razdelek Zložljiva vrstica.
9. V nastavitvi Vsebina vrstice kliknite gumb .
10. Izberite svoje metapolje med razpoložljivimi možnostmi.
11. Shranite spremembe.

Zdaj bo vsak izdelek prikazal svojo vsebino, če bo metapolje izpolnjeno, ne bo pa prikazal nobene vsebine, če bo metapolje za ta izdelek prazno.

Preberite več o prikazovanju metapolj v vaši spletni trgovini in uporabi metapolj in metaobjektov z dinamičnimi viri.

Če je v vaši kodi teme skladenjska napaka, se bo v urejevalniku tem prikazalo opozorilno sporočilo HTML error found ali Theme error. Sporočilo o napaki prikaže datoteko Liquid, ki vsebuje napako.

Opozorilno sporočilo The theme you're looking for couldn't be found se lahko prikaže, ko je koda HTML okvarjena. Stran se morda ne bo naložila v urejevalniku tem iz številnih razlogov, na primer zaradi:

• težav z omrežno povezavo
• neveljavne kode Liquid v vaši temi

Spremembe lahko poiščete v kodi svoje teme in kodo popravite. Če lahko prepoznate zadevno obstoječo datoteko, jo lahko obnovite na prejšnjo razpoložljivo različico v pogledu Časovnica v urejevalniku kode.

Koraki:

1. Kliknite datoteko z razdelki .liquid, ki je povezana v sporočilu o napaki, ali preglejte datoteke glede nedavnih sprememb. S tem se boste premaknili na stran Uredi kodo HTML / seznami slogov (CSS), datoteka pa se bo odprla v urejevalniku kode.
2. Prebrskajte po kodi v datoteki in poskusite poiskati neveljaven HTML ali Liquid. Urejevalnik kode prikazuje morebitne skladenjske napake v rdeči barvi. Med pogoste težave sodijo naslednje:
   • Odvečne zaključne oznake HTML, na primer zaključna oznaka </div> brez začetne oznake <div>
   • Odvečne neustrezno zaključene oznake HTML, na primer začetna oznaka <div> brez zaključne oznake </div>
   • Napačno oblikovane oznake HTML, na primer <div class="my-class" brez oznake >
   • Napačno oblikovana koda Liquid
   • Okvarjena koda HTML v priloženi datoteki z delčki teme
3. Ko odkrijete težavo, popravite kodo v datoteki teme. Če v pogledu Časovnica v urejevalniku kode izberete prejšnjo različico in možnost Obnovi vsebino, se zamenja celotna vsebina datoteke. Najprej kopirajte trenutno vsebino datoteke na varno mesto, če želite ohraniti morebitne spremembe.
4. Kliknite Shrani.
5. Kliknite Uredi temo, da se vrnete v urejevalnik tem in potrdite, da je obvestilo o napaki izginilo.
6. Pomaknite se na domačo stran trgovine in preverite, ali se prikaže po pričakovanjih.

Napaka »Preseženo največje število edinstvenih uporabniških imen«

Če se na domači strani prikaže sporočilo o napaki, povezani s kodo Liquid, na primer »Exceeded maximum number of unique handles for all_products«, to običajno pomeni, da ste na domačo stran dodali preveč razdelkov z izpostavljenim izdelkom (v večini tem običajno več kot 20 razdelkov).

Če želite to odpraviti:

1. V skrbniku Shopify pojdite v Spletna trgovina > Teme.
2. Poiščite trenutno temo in kliknite Uredi temo.
3. Pomaknite se na svojo domačo stran.
4. Odstranite nekaj razdelkov izpostavljenega izdelka, da ostanete v mejah teme.
5. Razmislite o uporabi razdelkov s prikazano zbirko, saj lahko ti učinkoviteje prikažejo več izdelkov in izboljšajo uspešnost vaše trgovine.

Ikone za plačilo so običajno privzeto vključene v nogah večine tem, da strankam prikažejo, katere načine plačila sprejemate. Če se ikone za plačilo ne prikažejo v nogi vaše teme, lahko preverite naslednje:

1. V urejevalniku tem odprite razdelek Noga in preverite, ali je vklopljena nastavitev Prikaži ikone za plačilo.
2. V skrbniku Shopify pojdite v Nastavitve > Plačila in preverite, ali imate aktiven vsaj en način plačila. Pri nekaterih načinih plačila je treba pred prikazom njihovih ikon morda dokončati nastavitev računa.
3. Če uporabljate plačilni prehod zunanjega izvajalca, se ikone za plačilo zaradi omejitev platforme morda ne bodo prikazale.

Če ste preverili te nastavitve in se ikone za plačilo še vedno ne prikažejo, boste morda morali pridobiti podporo za svojo temo.