Riešenie problémov s témou online obchodu

Obrázky sa môžu zobrazovať inak, ako očakávate, no môže to byť spôsobené tým, že samotný obrázok nie je kompatibilný s tým, na čo ho vo svojej téme používate. Uistite sa, že má použitý obrázok správne rozmery. Pozrite si nasledujúci zoznam bežných problémov so zobrazením, ktoré môžu nastať pri nahrávaní nekompatibilného obrázka:

• Ak sa hlavička zobrazuje väčšia a logo menšie, ako očakávate, môže to byť spôsobené prázdnym priestorom v súbore s obrázkom loga. Prázdny priestor v súbore obrázka loga môže spôsobiť, že sa logo zobrazí menšie a hlavička sa v dôsledku prázdneho priestoru zobrazí väčšia. Upravte súbor s obrázkom tak, aby bol orezaný okolo loga a neobsahoval žiadny prázdny priestor.
• Ak sa obrázok vo vašej prezentácii orezáva, je to zámerné nastavenie, ktoré zabezpečí rovnaké zobrazenie obrázkov v mobile aj na pracovnej ploche. Keďže sa obsah na obrazovke mobilu zobrazuje oveľa menší, jeho zmenšením by sa mohlo stratiť množstvo detailov. Namiesto toho sa obsah oreže, aby sa detaily zachovali. Obrázok na výšku, ktorý je vyšší než širší, môže tiež zaberať značný priestor na pracovnej ploche. Z tohto dôvodu majú obrázky v prezentácii maximálnu výšku. Môžete pridať ústredný bod k obrázkom v prezentácii a zabezpečiť tak, že tento ústredný bod bude vždy stredom obrázka v prezentácii.

  Možnosť adaptívnej výšky: Mnohé témy Shopify obsahujú nastavenie adaptívnej výšky pre prezentácie, ktoré prispôsobí výšku prezentácie prvej snímke s obrázkom, čím sa zníži orezávanie pri rôznych veľkostiach obrazovky. Táto funkcia je dostupná vo všetkých aktuálne podporovaných témach vyvinutých spoločnosťou Shopify.

• Ak sa obrázok vo formáte GIF nezobrazuje správne a bol pridaný do vašej výkladnej skrine pomocou editora formátovaného textu, napríklad v opise produktu alebo v blogovom príspevku, príčinou môže byť veľkosť obrázka. Tento problém môžete vyriešiť kliknutím na súbor GIF v editore formátovaného textu a následným kliknutím na Upraviť obrázok. V rozbaľovacej ponuke Veľkosť obrázka vyberte možnosť Pôvodná. Veľkosť súboru GIF potom môžete zmeniť kliknutím a potiahnutím rohov obrázka smerom dovnútra (zmenšenie) alebo von (zväčšenie).
• Ak sa farby obrázkov vo výkladnej skrini výrazne líšia od pôvodného obrázka, pravdepodobne nie sú v štandardnom farebnom modeli Red Green Blue (sRGB). Ak to chcete napraviť, uložte súbor v aplikácii na úpravu fotiek vo formáte sRGB. Bežne sa na to používajú možnosti ako „Web optimize“, „Adjust image for Web“ alebo „Save for Web“. Ďalšie informácie o profiloch farieb.
• Ak obrázky produktu na stránkach kolekcie nie sú zarovnané, možno bude potrebné upraviť ich pomer strán tak, aby bol pomer výšky a šírky rovnaký. Následne obrázok produktu znova nahrajte. Môžete tiež použiť aplikáciu na úpravu obrázkov zo služby Shopify App Store.

Pozrite si nasledujúce problémy s krokmi na ich riešenie:

• Chýbajúce produkty: Ak produkty chýbajú vo výkladnej skrini, možno bude potrebné skontrolovať Stav a Predajné kanály v sekcii Publikovanie príslušného produktu v administrátorovi Shopify. Skontrolujte, či je stav produktu Aktívny a či je produkt dostupný pre Internetový obchod.
• Chýbajúce kolekcie: Ak kolekcie chýbajú vo výkladnej skrini, možno bude potrebné skontrolovať Predajné kanály v sekcii Publikovanie príslušnej kolekcie v administrátorovi Shopify. Skontrolujte, či je kolekcia dostupná pre Internetový obchod a či je pridaná do ponúk.
• Kolekcie sa zobrazujú, ale chýbajú produkty: Ak sa kolekcie zobrazujú, no chýbajú v nich produkty, skontrolujte filtre štítkov pre danú kolekciu v nastaveniach Ponuky. Uistite sa, že v poli Filtrovať kolekciu pomocou štítkov nie sú žiadne štítky, ktoré by mohli brániť zobrazeniu produktov.
• Nesprávna mena: Ak sa pri produktoch alebo v kolekciách nezobrazuje správna mena, skontrolujte Zobrazenie meny v sekcii Predvolené nastavenia obchodu v časti Nastavenia > Všeobecné a overte, či neobsahuje dodatočný kód. Ďalšie informácie o formátovaní zobrazenia meny pre zákazníkov.
• Niektoré produkty sa zobrazujú inak: Ak sa niektoré produkty alebo kolekcie zobrazujú inak ako ostatné, skontrolujte Šablónu témy priradenú k týmto produktom alebo kolekciám v administrátorovi Shopify.
• Nedarí sa upraviť šablóny produktu alebo kolekcie: Ak sú predvolené šablóny produktu alebo kolekcie v editore tém zobrazené sivo a nemožno ich vybrať, musíte v predajnom kanáli Internetový obchod sprístupniť aspoň 1 produkt alebo kolekciu. Bez toho, aby boli produkty alebo kolekcie k dispozícii na zobrazenie ukážky zmien, nemôžete upravovať tieto predvolené šablóny. Prečítajte si ďalšie informácie o zmene dostupnosti kolekcie a nastavení dostupnosti produktu v predajných kanáloch.

Ak sa preložený obsah vo výkladnej skrini nezobrazuje správne alebo chýba, preklady tohto obsahu môžu byť zastarané alebo môžu chýbať. Obsah sa môže nachádzať aj v konkrétnej šablóne pre daný trh. Pri každom pridaní nového obsahu v predvolenom jazyku znova spustite automatický preklad alebo pridajte nové preklady manuálne.

Na preložený obsah sa môžu vzťahovať nasledujúce stavy:

• Preložené: Pre obsah sú k dispozícii preklady.
• Zastarané: Obsah v predvolenom jazyku sa aktualizoval, no v prekladoch sa tieto aktualizácie neodrážajú.
• Nepreložené: Pre tento typ obsahu neexistujú žiadne preklady.

Pri kontrole preloženého obsahu aktualizujte všetok nepreložený alebo zastaraný obsah a následne by sa mal preložený obsah zobrazovať správne.

Ďalšie informácie o preklade a lokalizácii obchodu.

Ak výkladná skriňa a editor tém nezobrazujú rovnaké informácie, skontrolujte upravovanú šablónu témy. Možno bude potrebné vykonať úpravy na aktualizáciu šablón témy, aby sa zobrazovali správne informácie.

Špecifické nastavenia trhu umožňujú vytvoriť rôzne výkladné skrine pre rôzne trhy a zobraziť preložený obsah. Pri vykonávaní aktualizácií ste mohli neúmyselne pracovať v rámci konkrétneho trhu alebo v prostredí B2B. Vyhľadajte obsah pomocou rozbaľovacej ponuky Trh v editore tém a uistite sa, že sa nachádza na správnych trhoch.

Ďalšie informácie o špecifických nastaveniach trhu.

Všetky témy dostupné v obchode Shopify Theme Store sú responzívne, čo znamená, že téma sa prispôsobí veľkosti obrazovky. V editore tém môžete počas úprav prepínať zobrazenie veľkosti obrazovky a overiť tak, či sa stránky a obrázky zobrazujú správne. Ďalšie informácie o zobrazení rôznych veľkostí obrazoviek v editore tém.

Mnohé sekcie a bloky majú nastavenia pre mobily, ktoré si môžete prispôsobiť. Môžete napríklad nastaviť Počet stĺpcov v mobile v sekcii Súvisiace produkty. V každej šablóne si môžete pozrieť nastavenia sekcie týkajúce sa mobilov a vyriešiť tak prípadné problémy so zobrazením na veľkostiach obrazoviek mobilov.

Niektoré funkcie témy sa môžu v mobile zobrazovať inak ako na počítači. Zabezpečuje sa tak prístupnosť témy na všetkých veľkostiach obrazovky. Napríklad na obrazovke počítača môže mať prezentácia prekrytie textom, pri ktorom sa text zobrazuje na obrázku často s nepriehľadnosťou farby obrázka alebo tieňom textu. Na obrazovkách mobilov sa však text môže zobrazovať pod prezentáciou. Ide o zámernú funkciu na zabezpečenie prístupnosti, aby bol text čitateľný na obrazovke akejkoľvek veľkosti. Ak by bol text formou prekrytia, v mobile by sa zobrazoval veľmi malý a ťažko by sa čítal.

Ak sa sekcia vybranej kolekcie alebo stránky kolekcie pri prezeraní výkladnej skrine v mobile zobrazujú v nekonzistentných veľkostiach alebo nie sú zarovnané, môže to byť spôsobené nekonzistentnými pomermi strán. Mriežky obrázkov, napríklad obrázky produktov v kolekcii alebo vybranej kolekcii, sú navrhnuté ako responzívne pre danú veľkosť obrazovky. Ak majú obrázky v mriežke nekonzistentné pomery strán, v závislosti od veľkosti obrazovky sa môžu zobraziť inak. V mriežkach produktov zvyčajne najlepšie fungujú štvorcové obrázky produktov s rozmermi 2 048 px x 2 048 px. Ak chcete obrázky optimalizovať pre všetky veľkosti obrazoviek, upravte ich tak, aby mali konzistentný pomer strán. Ďalšie informácie o pomere strán obrázka.

Kód HTML pridaný v editore formátovaného textu je niekedy v konflikte s kódom témy. Ak sa problém vyskytuje len na jednej stránke, ako je napríklad stránka produktu, stránka alebo blogový príspevok, príčinou môže byť kód HTML navyše. Takýto kód sa niekedy pridá pri skopírovaní a vložení textu z inej lokality.

Kontrola kódu HTML

Kód HTML môžete skontrolovať v editore formátovaného textu.

Kroky:

1. Prejdite na príslušnú stránku v administrátorovi.
2. Kód HTML si môžete pozrieť po kliknutí na tlačidlo Zobraziť HTML.
3. Nájdite a odstráňte všetok kód HTML, ktorý by mohol spôsobovať problémy so zobrazením.
4. Kliknite na Uložiť.

Zrušenie formátovania

Môžete zvýrazniť časť textu a zrušiť formátovanie HTML.

Kroky:

1. Prejdite na príslušnú stránku v administrátorovi.
2. Zvýraznite text s problémovým formátovaním.
3. Kliknite na tlačidlo 🚫.
4. Kliknite na Uložiť.

Ďalšie informácie o editore formátovaného textu.

Ak výkladná skriňa obsahuje kód presmerúvajúci používateľov na adresy URL, ktoré nie sú prepojené s obchodom, pri návšteve editora tém skontrolujte, či bolo toto presmerovanie deaktivované.

Napríklad tento typ presmerovania môže byť pridaný do výkladnej skrine s cieľom presmerovať zákazníkov do iných obchodov Shopify podľa ich lokality. Tento kód presmerovania sa môže nachádzať v téme alebo v nainštalovanej aplikácii.

Aby ste overili, či presmerovanie nezasahuje do prostredia editora, použite odkaz na premennú window.Shopify.designMode v kóde JavaScript, čím presmerovanie pri návšteve editora tém deaktivujete. Táto premenná je nastavená na hodnotu true, keď je výkladná skriňa načítaná v editore, a na hodnotu false, keď nie je.

Ak máte zbaľovacie bloky alebo iné bloky témy, ktoré zobrazujú rovnaký obsah na všetkých stránkach produktov, musíte nastaviť dynamické zdroje s metapoliami. Stáva sa to najmä vtedy, keď obchodníci pridajú do jedného produktu informácie špecifické pre daný produkt, napríklad zloženie alebo pokyny na starostlivosť, no tie sa zobrazujú pri všetkých produktoch.

Zbaľovacie bloky zobrazujú rovnaký text pri všetkých produktoch

Keď pridáte obsah priamo do zbaľovacieho bloku v editore tém, tento obsah sa zobrazí na všetkých stránkach produktov. Ak chcete zobraziť obsah špecifický pre daný produkt, musíte použiť dynamické zdroje s metapoliami:

1. V administrátorovi Shopify prejdite do časti Nastavenia > Metapolia > Produkty.
2. Kliknite na položku Pridať definíciu.
3. Zadajte Názov metapoľa a potom kliknite na položku Vybrať typ obsahu.
4. Vyberte položky Text a Viacriadkový text.
5. Kliknite na Uložiť.
6. V administrátorovi prejdite na stránku produktu a posuňte sa nadol do sekcie metapolí.
7. Pridajte do vytvoreného metapoľa obsah špecifický pre daný produkt.
8. V editore tém prejdite na šablónu produktu a nájdite sekciu Zbaľovací riadok.
9. V nastavení Obsah riadka kliknite na tlačidlo .
10. Z dostupných možností vyberte svoje metapole.
11. Uložte zmeny.

Teraz sa pri každom produkte zobrazí jeho vlastný obsah, ak je metapole vyplnené, a ak je metapole pre daný produkt prázdne, nezobrazí sa žiadny obsah.

Prečítajte si ďalšie informácie o zobrazovaní metapolí v online obchode a používaní metapolí a metaobjektov s dynamickými zdrojmi.

Ak sa v kóde témy vyskytne chyba syntaxe, v editore tém sa zobrazí chybové hlásenie HTML error found alebo Theme error. V chybovom hlásení sa zobrazí súbor Liquid, ktorý obsahuje chybu.

Pri poškodenom kóde HTML sa môže zobraziť upozornenie The theme you're looking for couldn't be found. Stránka sa v editore tém nemusí načítať z mnohých dôvodov, napríklad z týchto:

• problémy so sieťovým pripojením
• neplatný kód Liquid v téme

Zmeny v kóde svojej témy môžete vyhľadať a kód opraviť. Ak viete určiť dotknutý existujúci súbor, v zobrazení Časová os editora kódu ho môžete obnoviť na dostupnú predchádzajúcu verziu.

Kroky:

1. Kliknite na súbor sekcie .liquid prepojený v chybovom hlásení alebo skontrolujte nedávne zmeny v súboroch. Tým sa dostanete na stránku Upraviť HTML/Cascading Style Sheets (CSS) a súbor sa otvorí v editore kódu.
2. Prehľadajte kód v súbore a pokúste sa nájsť neplatný kód HTML alebo Liquid. Editor kódu zobrazuje potenciálne chyby syntaxe červenou farbou. Medzi bežné problémy patria:
   • Nadbytočné ukončovacie značky HTML, napríklad ukončovacia značka </div> bez začiatočnej značky <div>
   • Nadbytočné neuzavreté značky HTML, napríklad začiatočná značka <div> bez ukončovacej značky </div>
   • Chybne naformátované značky HTML, napríklad <div class="my-class" bez >
   • Chybne naformátovaný kód Liquid
   • Poškodený kód HTML v zahrnutom súbore s úryvkom témy
3. Keď nájdete problém, opravte kód v súbore svojej témy. Ak v zobrazení Časová os editora kódu vyberiete predchádzajúcu verziu a zvolíte Obnoviť obsah, nahradí sa celý obsah súboru. Ak si chcete prípadné zmeny ponechať, najprv si aktuálny obsah súboru skopírujte na bezpečné miesto.
4. Kliknite na Uložiť.
5. Kliknutím na položku Upraviť tému sa vráťte do editora tém a skontrolujte, či sa chybové hlásenie už nezobrazuje.
6. Prejdite do výkladnej skrine a overte, či sa zobrazuje podľa očakávania.

Chyba „Exceeded maximum number of unique handles“

Ak sa na domovskej stránke zobrazí chybové hlásenie Liquid, ako napríklad „Exceeded maximum number of unique handles for all_products“, zvyčajne to znamená, že ste na domovskú stránku pridali príliš veľa sekcií vybraných produktov (vo väčšine tém je to zvyčajne viac ako 20 sekcií).

Ak to chcete vyriešiť:

1. V administrátorovi Shopify prejdite do časti Online obchod > Témy.
2. Nájdite svoju aktuálnu tému a kliknite na položku Upraviť tému.
3. Prejdite na domovskú stránku.
4. Odstráňte niektoré sekcie vybraných produktov, aby ste neprekročili limity témy.
5. Zvážte použitie sekcií vybraných kolekcií, ktoré dokážu zobraziť viacero produktov efektívnejšie a zlepšiť výkonnosť obchodu.

Ikony platieb sú zvyčajne predvolene zahrnuté v päte väčšiny tém a zákazníkom ukazujú, ktoré spôsoby platby prijímate. Ak sa ikony platieb v päte témy nezobrazujú, môžete skontrolovať nasledujúce nastavenia:

1. V editore tém prejdite do sekcie Päta a overte, či je aktivované nastavenie Zobraziť ikony platieb.
2. V administrátorovi Shopify prejdite do časti Nastavenia > Platby a overte, či existuje aspoň jeden aktívny spôsob platby. Niektoré spôsoby platby môžu pred zobrazením svojich ikon vyžadovať dokončenie nastavenia účtu.
3. Ak používate platobnú bránu tretej strany, ikony platieb sa pre obmedzenia platformy nemusia zobraziť.

Ak ste overili tieto nastavenia a ikony platieb sa stále nezobrazujú, možno budete musieť získať podporu pre svoju tému.