Rješavanje problema s temom internetske trgovine

Slike se mogu prikazivati drugačije od očekivanog, ali to može biti zato što sama slika nije kompatibilna s onim za što je upotrebljavate u svojoj temi. Provjerite jesu li dimenzije slike koju upotrebljavate ispravne. Pregledajte sljedeći popis uobičajenih problema s prikazom koji se mogu pojaviti prilikom prijenosa nekompatibilne slike:

• Ako se vaše zaglavlje prikazuje većim, a slika logotipa manjom od očekivanog, to može biti zbog praznog prostora u slikovnoj datoteci logotipa. Zbog tog se praznog prostora u slikovnoj datoteci logotipa on može prikazivati manjim, a zaglavlje većim. Uredite slikovnu datoteku kako biste provjerili je li izrezana oko logotipa te da nema praznog prostora.
• Ako je slika prezentacije izrezana, to je predviđeno ponašanje čija je svrha osigurati da se slike prikazuju jednako na mobilnim uređajima i stolnim računalima. Budući da se sadržaj prikazuje znatno manjim na zaslonu mobilnog uređaja, mnoge se pojedinosti mogu izgubiti smanjivanjem sadržaja. Umjesto toga sadržaj se izrezuje kako bi se osiguralo da se pojedinosti ne izgube. Okomita slika, koja je viša nego što je široka, također može zauzeti znatan prostor na stolnom računalu. Zbog toga slike prezentacije imaju maksimalnu visinu. Možete dodati središnju točku slikama svoje prezentacije kako biste osigurali da je središnja točka uvijek u središtu slike prezentacije.

  Opcija prilagodljive visine: Mnoge teme platforme Shopify uključuju postavku prilagodljive visine za prezentacije, kojom se visina prezentacije prilagođava tako da odgovara prvoj slici (slajdu), čime se smanjuje njezino izrezivanje na različitim veličinama zaslona. Ova je značajka dostupna u svim trenutačno podržanim temama koje je razvila platforma Shopify.

• Ako se GIF slika ne prikazuje ispravno, a dodana je u vašu internetsku trgovinu putem programa za uređivanje formatiranog teksta, primjerice u opisu proizvoda ili objavi na blogu, to može biti zbog njezine veličine. Da biste to ispravili, kliknite GIF u programu za uređivanje formatiranog teksta i zatim kliknite Uredi sliku. U padajućem izborniku Veličina slike odaberite Izvorno. Zatim možete promijeniti veličinu GIF-a tako da kliknete kutove slike i povučete ih prema unutra da biste je smanjili, odnosno prema van da biste je povećali.
• Ako se boje slika u vašoj internetskoj trgovini znatno razlikuju od izvorne slike, vaše slike možda nisu u standardnom rasponu boja Red Green Blue (sRGB). Da biste ispravili tu promjenu boja, spremite datoteku u aplikaciji za uređivanje fotografija u formatu sRGB. Uobičajeni izrazi za to su „Web optimize” (Optimiziraj za web), „Adjust image for Web” (Prilagodi sliku za web) ili „Save for Web” (Spremi za web). Saznajte više o profilima boja.
• Ako slike proizvoda na stranicama kolekcije nisu poravnate, možda ćete morati prilagoditi omjer u datotekama slika proizvoda tako da omjer visine i širine bude ujednačen, a zatim ponovno prenijeti sliku proizvoda. Također možete upotrijebiti aplikaciju za uređivanje slika iz trgovine Shopify App Store.

Potražite svoj specifični problem u nastavku i pregledajte korake za rješavanje problema:

• Nedostaju proizvodi: Ako vaši proizvodi nedostaju u internetskoj trgovini, možda ćete morati pregledati Status i Prodajne kanale u odjeljku Objavljivanje na stranici proizvoda u administratorskom alatu za Shopify. Provjerite je li status proizvoda Aktivno i je li proizvod dostupan za prodajni kanal Internetska trgovina.
• Nedostaju kolekcije: Ako vaše kolekcije nedostaju u internetskoj trgovini, možda ćete morati pregledati Prodajne kanale u odjeljku Objavljivanje na stranici kolekcije u administratorskom alatu za Shopify. Provjerite je li kolekcija dostupna za prodajni kanal Internetska trgovina te je li dodana u vaše izbornike.
• Kolekcije se prikazuju, ali nedostaju proizvodi: Ako se vaše kolekcije prikazuju, ali nedostaju proizvodi, možda ćete morati provjeriti filtre oznaka za kolekciju u postavkama za Izbornike. Provjerite da u polju Filtriraj kolekciju pomoću oznaka nema oznaka zbog kojih se proizvodi ne bi prikazivali.
• Valuta nije točna: Ako se valuta ne prikazuje pravilno za proizvode ili u kolekcijama, trebali biste provjeriti Prikaz valute u odjeljku Zadane postavke trgovine pod stavkom Postavke > Općenito kako biste bili sigurni da nema dodatnog koda. Saznajte više o formatiranju prikaza valute za kupce.
• Neki se proizvodi prikazuju drugačije: Ako se određeni proizvodi ili kolekcije prikazuju drugačije od ostalih, provjerite Predložak teme dodijeljen tim proizvodima ili kolekcijama u administratorskom alatu za Shopify.
• Nije moguće uređivati predloške za proizvod ili kolekciju: Ako su zadani predlošci za proizvod ili kolekciju zasivljeni i nije ih moguće odabrati u alatu za uređivanje tema, morate učiniti dostupnim barem 1 proizvod ili kolekciju na prodajnom kanalu Internetske trgovine. Ne možete uređivati ove zadane predloške ako nemate dostupnih proizvoda ili kolekcija za pregled promjena. Saznajte više o promjeni dostupnosti kolekcije i postavljanju dostupnosti proizvoda na prodajnim kanalima.

Ako se prevedeni sadržaj ne prikazuje pravilno ili nedostaje u internetskoj trgovini, moguće je da su prijevodi zastarjeli ili nedostaju za taj sadržaj. Sadržaj se također može nalaziti u specifičnom predlošku za određeno tržište. Kad god dodate novi sadržaj na zadanom jeziku, ne zaboravite ponovno pokrenuti automatski prijevod ili ručno dodati nove prijevode.

Prevedeni sadržaj može imati sljedeće statuse:

• Prevedeno: Za sadržaj su dostupni prijevodi.
• Zastarjelo: Sadržaj na zadanom jeziku je ažuriran, ali prijevodi ne odražavaju te izmjene.
• Neprevedeno: Nema prijevoda za ovu vrstu sadržaja.

Prilikom pregleda prevedenog sadržaja ažurirajte sav nepreveden ili zastario sadržaj i tada bi se vaš prevedeni sadržaj trebao pravilno prikazivati.

Saznajte više o prevođenju i lokalizaciji trgovine.

Ako vaša internetska trgovina i alat za uređivanje tema ne prikazuju iste informacije, provjerite predložak teme koji uređujete. Možda ćete morati unijeti izmjene kako biste ažurirali predloške tema za prikaz točnih informacija.

Poništavanja tržišta omogućuju vam izradu različitih internetskih trgovina za različita tržišta i prikaz prevedenog sadržaja. Možda ste tijekom ažuriranja nehotice radili unutar određenog tržišta ili značajke B2B. Pronađite sadržaj pomoću padajućeg izbornika Tržište u alatu za uređivanje tema kako biste bili sigurni da se nalazi na ispravnim tržištima.

Saznajte više o poništavanju tržišta.

Sve teme dostupne u trgovini Shopify Theme Store su responzivne teme, što znači da se tema prilagođava veličini zaslona. U alatu za uređivanje tema tijekom uređivanja teme možete promijeniti prikaz veličine zaslona kako biste provjerili prikazuju li se stranice i slike pravilno. Saznajte više o pregledu različitih veličina zaslona u alatu za uređivanje tema.

Mnogi odjeljci i blokovi imaju postavke za mobilne uređaje koje možete prilagoditi. Na primjer, možete postaviti Broj stupaca na mobilnom uređaju u odjeljku Povezani proizvodi. Možete pregledati postavke odjeljka koje se odnose na mobilne uređaje za svaki predložak kako biste riješili probleme s prikazom na veličinama zaslona mobilnih uređaja.

Neke značajke teme mogu se prikazivati drugačije na mobilnim uređajima u odnosu na stolna računala kako bi se osiguralo da je tema pristupačna na svim veličinama zaslona. Na primjer, na veličini zaslona stolnog računala, vaša prezentacija može imati tekstualni prekrivni element u kojem se tekst prikazuje preko slike, često uz neprozirnost boje slike ili sjenu teksta. Međutim, na veličinama zaslona mobilnih uređaja tekst se može prikazivati ispod prezentacije. To je namjerna značajka pristupačnosti osmišljena da tekst bude čitljiv na bilo kojoj veličini zaslona. Da je tekst umjesto toga prekrivni element, na mobilnom bi se uređaju prikazivao vrlo sitno te bi ga bilo teško čitati.

Ako se odjeljak istaknute kolekcije ili stranice kolekcije prikazuju u neujednačenim veličinama ili nisu poravnati pri pregledu internetske trgovine na mobilnom uređaju, razlog tome mogu biti neujednačeni omjeri širine i visine. Slikovne mreže, poput slika proizvoda koje se prikazuju unutar kolekcije ili istaknute kolekcije, izgrađene su tako da budu prilagodljive veličini zaslona. Ako imate neujednačene omjere širine i visine za slike unutar slikovne mreže, mogu se prikazivati drugačije ovisno o veličini zaslona. Kvadratne slike proizvoda dimenzija 2048 px x 2048 px obično najbolje funkcioniraju u mrežama proizvoda. Ažurirajte slike tako da imaju ujednačen omjer širine i visine radi optimizacije na svim veličinama zaslona. Saznajte više o omjeru širine i visine slika.

Ponekad je HTML kod dodan u programu za uređivanje formatiranog teksta u sukobu s kodom vaše teme. Ako se problem javlja na pojedinačnoj stranici, poput stranice proizvoda, obične stranice ili objave na blogu, uzrok tome može biti dodatan HTML. On se ponekad može dodati prilikom kopiranja i lijepljenja teksta s drugog web-mjesta.

Pregledajte HTML kod

HTML kod možete pregledati u programu za uređivanje formatiranog teksta.

Koraci:

1. Idite na željenu stranicu na svojoj administratorskoj ploči.
2. Kliknite gumb Prikaži HTML za pregled HTML koda.
3. Pronađite HTML kod koji bi mogao uzrokovati probleme s prikazom i uklonite ga.
4. Kliknite Spremi.

Očistite formatiranje

Možete označiti dio teksta i ukloniti HTML formatiranje.

Koraci:

1. Idite na željenu stranicu na svojoj administratorskoj ploči.
2. Označite tekst s problemima u formatiranju.
3. Kliknite gumb 🚫.
4. Kliknite Spremi.

Saznajte više o programu za uređivanje formatiranog teksta.

Ako vaša internetska trgovina sadrži kod koji preusmjerava korisnike na URL-ove koji nisu povezani s vašom trgovinom, prilikom posjeta alatu za uređivanje tema provjerite je li preusmjeravanje deaktivirano.

Na primjer, ova se vrsta preusmjeravanja može dodati u internetsku trgovinu kako bi usmjerila korisnike u različite trgovine Shopify ovisno o njihovoj lokaciji. Takav kod preusmjeravanja može se nalaziti u temi ili instaliranoj aplikaciji.

Da biste provjerili da vaše preusmjeravanje ne ometa rad u alatu za uređivanje, upotrijebite referencu na varijablu window.Shopify.designMode u jeziku JavaScript za deaktivaciju preusmjeravanja prilikom posjeta alatu za uređivanje tema. Ta je varijabla postavljena na true kada se internetska trgovina učita u alat za uređivanje i na false kada se ne učita.

Ako imate sklopive blokove ili druge tematske blokove koji prikazuju isti sadržaj na svim stranicama proizvoda, morate postaviti dinamičke izvore s metapoljima. To se obično događa kada trgovci jednom proizvodu dodaju informacije specifične za proizvod, kao što su sastojci ili upute za održavanje, ali se one prikazuju na svim proizvodima.

Sklopivi blokovi prikazuju isti tekst na svim proizvodima

Kada dodate sadržaj izravno u sklopivi blok u alatu za uređivanje tema, taj se sadržaj prikazuje na svim stranicama proizvoda. Da biste prikazali sadržaj specifičan za određeni proizvod, morate upotrijebiti dinamičke izvore s metapoljima:

1. U administratorskom alatu za Shopify idite na Postavke > Metapolja > Proizvodi.
2. Kliknite Dodaj definiciju.
3. Unesite Naziv za metapolje pa kliknite Odaberi vrstu sadržaja.
4. Odaberite Tekst i Tekst u više redaka.
5. Kliknite Spremi.
6. Idite na stranicu proizvoda u administratorskom alatu i pomaknite se do odjeljka s metapoljima na dnu stranice.
7. Dodajte sadržaj specifičan za proizvod u izrađeno metapolje.
8. U alatu za uređivanje tema idite na predložak proizvoda i pronađite odjeljak Sklopivi redak.
9. U postavci Sadržaj retka kliknite gumb .
10. Odaberite metapolje iz dostupnih opcija.
11. Spremite promjene.

Sada će svaki proizvod prikazivati vlastiti sadržaj kada se ispuni metapolje, a sadržaj se neće prikazivati ako je metapolje prazno za taj proizvod.

Saznajte više o prikazivanju metapolja u internetskoj trgovini i upotrebi metapolja i metaobjekata s dinamičkim izvorima.

Ako postoji sintaktička pogreška u kodu teme, u alatu za uređivanje tema prikazuje se poruka upozorenja Pronađena je HTML pogreška ili Pogreška teme. Poruka o pogrešci prikazuje datoteku Liquid koja sadrži pogrešku.

Poruka upozorenja Tražena tema nije pronađena može se prikazati u slučaju neispravnog HTML-a. Učitavanje stranice u alatu za uređivanje tema može ne uspjeti iz brojnih razloga, kao što su sljedeći:

• problemi s mrežnom vezom
• neispravan kod Liquid u temi

Možete pronaći promjene koda u kodu svoje teme i ispraviti ga. Ako možete utvrditi o kojoj je postojećoj datoteci riječ, možete ju vratiti na dostupnu prethodnu verziju u prikazu uređivača koda Vremenski okvir.

Koraci:

1. Kliknite datoteku odjeljka .liquid na koju vodi poveznica u poruci o pogrešci ili provjerite nedavne promjene u datotekama. To će vas preusmjeriti na stranicu Uredi HTML/Cascading Style Sheets (CSS), a datoteka će se otvoriti u alatu za uređivanje koda.
2. Pregledajte kod u datoteci i pokušajte pronaći neispravan HTML ili Liquid. Alat za uređivanje koda crvenom bojom prikazuje moguće sintaktičke pogreške. Uobičajeni problemi uključuju sljedeće:
   • Dodatne završne HTML oznake, na primjer, završni </div> bez početnog <div>
   • Dodatne nezatvorene HTML oznake, na primjer, početni <div> bez završnog </div>
   • Neispravne HTML oznake, na primjer, <div class="my-class" bez >
   • Neispravan kod Liquid
   • Neispravan HTML u uključenoj datoteci isječka teme
3. Nakon što pronađete problem, ispravite kod u datoteci teme. Ako upotrebljavate prikaz uređivača koda Vremenski okvir da biste odabrali prethodnu verziju i opciju Vrati sadržaj, zamijenit će se cjelokupan sadržaj datoteke. Najprije kopirajte trenutačni sadržaj datoteke na sigurno mjesto ako želite zadržati neke promjene.
4. Kliknite Spremi.
5. Kliknite na Uredi temu za povratak u alat za uređivanje tema te potvrdite da je poruka o pogrešci nestala.
6. Pronađite internetsku trgovinu i provjerite prikazuje li se očekivano.

Pogreška „Premašen je maksimalan broj jedinstvenih identifikatora”

Ako se na početnoj stranici prikazuje poruka o pogrešci u jeziku Liquid poput „Premašen je maksimalan broj jedinstvenih identifikatora za all_products” (Exceeded maximum number of unique handles for all_products), to obično znači da ste joj dodali previše odjeljaka Istaknuti proizvod (u većini tema to je više od 20 odjeljaka).

Za rješavanje ovog problema:

1. U administratorskom alatu za Shopify idite na Internetska trgovina > Teme.
2. Pronađite trenutačnu temu i kliknite Uredi temu.
3. Idite na početnu stranicu.
4. Uklonite određene odjeljke Istaknuti proizvod kako biste ostali unutar ograničenja teme.
5. Umjesto toga razmislite o upotrebi odjeljaka Istaknuta kolekcija pomoću kojih možete učinkovitije prikazati više proizvoda i poboljšati učinkovitost trgovine.

Ikone za plaćanje obično su standardno uključene u podnožja većine tema kako bi korisnicima prikazale načine plaćanja koje prihvaćate. Ako se ikone za plaćanje ne prikazuju u podnožju teme, možete provjeriti sljedeće:

1. U alatu za uređivanje tema idite do odjeljka Podnožje i provjerite je li aktivirana postavka Prikaži ikone za plaćanje.
2. U administratorskom alatu za Shopify idite na Postavke > Plaćanja i provjerite postoji li barem jedan aktivan način plaćanja. Za neke je načine plaćanja potrebno dovršiti postavljanje računa prije nego što se prikažu njihove ikone.
3. Ako upotrebljavate pristupnik za plaćanje treće strane, ikone za plaćanje možda se neće prikazivati zbog ograničenja platforme.

Ako ste provjerili te postavke, a ikone za plaćanje i dalje se ne prikazuju, možda ćete morati zatražiti podršku za svoju temu.