Az online áruház témájának hibaelhárítása

Előfordulhat, hogy a képek másként jelennek meg, mint ahogy azt elvárná, de ez azért lehet, mert maga a kép nem kompatibilis azzal, amire a témában használja. Ellenőrizze, hogy a használt képen helyesek-e a képméretek. Tekintse át a nem kompatibilis kép feltöltésekor előforduló gyakori megjelenítési problémák alábbi listáját:

• Ha a fejléc a vártnál nagyobbnak, a logóképe pedig kisebbnek tűnik, annak oka a logóképfájlban lévő üres terület (whitespace) lehet. A logóképfájlban lévő üres terület miatt a logó kisebbnek, a fejléc pedig nagyobbnak tűnhet. Szerkessze a képfájlt, és ellenőrizze, hogy a kép a logó köré van-e vágva, és nincs-e benne üres terület.
• Ha a diavetítés képe le van vágva, az szándékos, és azt a célt szolgálja, hogy a képek ugyanúgy jelenjenek meg mobilon, mint asztali gépen. Mivel a tartalom sokkal kisebb méretben jelenik meg a mobil képernyőjén, a tartalom kicsinyítésével sok részlet elveszhet. Ehelyett a tartalom levágásra kerül, hogy a részletek ne vesszenek el. Egy álló formátumú kép, amely magasabb, mint amilyen széles, szintén jelentős helyet foglalhat el az asztali gépen. Ezért van a diavetítés képeinek maximális magassága. Lehetősége van fókuszpontot hozzáadni a diavetítés képeihez, hogy a fókuszpont mindig a diavetítés képének közepén legyen.

  Adaptív magasság opció: Sok Shopify-téma tartalmaz a diavetítésekhez egy adaptív magasság beállítást, amely a diavetítés magasságát az első képkockához igazítja, csökkentve a vágást a különböző képernyőméreteken. Ez a funkció minden jelenleg támogatott, Shopify által fejlesztett témában elérhető.

• Ha egy GIF-kép nem jelenik meg megfelelően, és a formázottszöveg-szerkesztővel adta hozzá a kirakatához, például a termékleírásban vagy egy blogbejegyzésben, akkor annak oka a kép mérete lehet. Ezt úgy javíthatja ki, hogy a formázottszöveg-szerkesztőben a GIF-re kattint, majd a Kép szerkesztése lehetőségre. A Képméret legördülő menüben válassza az Eredeti lehetőséget. Ezután átméretezheti a GIF-et a kép sarkaira kattintva és befelé húzva a kicsinyítéshez, vagy kifelé húzva a nagyításhoz.
• Ha a képek színe a kirakatban jelentősen megváltozik az eredeti képhez képest, akkor lehetséges, hogy a képek nem a szabványos sRGB (Red Green Blue – vörös, zöld, kék) színprofilt használják. A színváltozás javításához mentse a fájlt egy képszerkesztő alkalmazásban sRGB formátumban. Erre használatos gyakori kifejezések: „Webes optimalizálás”, „Kép beállítása webre” vagy „Mentés webre”. További információ a színprofilokról.
• Ha a termékképek a kollekcióoldalakon nincsenek egy vonalban, akkor lehet, hogy módosítania kell a képarányt a termékképfájlokban, hogy azok magasság-szélesség aránya megegyezzen, majd újra fel kell töltenie a termékképet. Használhat egy képszerkesztő alkalmazást is a Shopify App Store-ból.

Tekintse át az alábbi problémákat és a hibaelhárításukhoz tartozó lépéseket:

• Hiányzó termékek: Ha a termékei hiányoznak a kirakatból, akkor lehetséges, hogy át kell tekintenie a Státusz és az Értékesítési csatornák beállításait a termék Közzététel szakaszában a Shopify adminisztrációs felületén. Ellenőrizze, hogy a termék állapota Aktív, és hogy a termék elérhető az Online áruház számára.
• Hiányzó kollekciók: Ha a kollekciói hiányoznak a kirakatból, akkor lehetséges, hogy át kell tekintenie az Értékesítési csatornák beállítást a kollekció Közzététel szakaszában a Shopify adminisztrációs felületén. Ellenőrizze, hogy a kollekció elérhető-e az Online áruház számára, és hogy a kollekció hozzá van-e adva a menükhöz.
• A kollekciók megjelennek, de a termékek hiányoznak: Ha a kollekciók megjelennek, de termékek hiányoznak belőlük, akkor lehetséges, hogy át kell tekintenie a kollekció címkeszűrőit a Menük beállításaiban. Ellenőrizze, hogy a Kollekció szűrése címkékkel mezőben nincsenek-e olyan címkék, amelyek miatt a termékek nem jelennek meg.
• Nem megfelelő pénznem: Ha a pénznem nem megfelelően jelenik meg a termékeknél vagy a kollekciókban, akkor érdemes áttekintenie a Pénznem megjelenítése beállítást a Beállítások > Általános menüpont Áruház alapértelmezett beállításai szakaszában, és ellenőriznie, hogy nincs-e benne további kód. További információ a pénznem megjelenítésének formázásáról az ügyfelek számára.
• Egyes termékek eltérően jelennek meg: Ha egyes termékek vagy kollekciók másképp jelennek meg, mint a többi, akkor tekintse át a termékekhez vagy kollekciókhoz rendelt Témasablont a Shopify adminisztrációs felületén.
• Nem szerkeszthetők a termék- vagy kollekciósablonok: Ha az alapértelmezett termék- vagy kollekciósablonok ki vannak szürkítve és nem választhatók ki a témaszerkesztőben, akkor legalább 1 terméket vagy kollekciót elérhetővé kell tennie az Online Üzlet értékesítési csatorna számára. Nem szerkesztheti ezeket az alapértelmezett sablonokat anélkül, hogy termékek vagy kollekciók rendelkezésre állnának a módosítások előnézetének megtekintéséhez. További információ egy kollekció elérhetőségének módosításáról és a termékelérhetőség beállításáról az értékesítési csatornákon.

Ha a lefordított tartalom nem megfelelően jelenik meg, vagy hiányzik a kirakatból, akkor lehetséges, hogy a tartalomhoz elavult vagy hiányzó fordítások tartoznak. Az is előfordulhat, hogy a tartalom egy adott piachoz tartozó sablonban van. Amikor új tartalmat ad hozzá az alapértelmezett nyelven, ne felejtse el újra futtatni az automatikus fordítást, vagy manuálisan hozzáadni az új fordításokat.

A lefordított tartalomra a következő állapotok vonatkozhatnak:

• Lefordítva: A tartalomhoz rendelkezésre állnak fordítások.
• Elavult: Az alapértelmezett nyelvű tartalom frissült, de a fordítások nem tükrözik a frissítéseket.
• Fordítatlan: Ehhez a tartalomtípushoz nincsenek fordítások.

A lefordított tartalom áttekintésekor frissítse a fordítatlan vagy elavult tartalmakat, és a lefordított tartalomnak ezután helyesen kell megjelennie.

További információ az üzlet fordításáról és lokalizálásáról.

Ha a kirakatában és a témaszerkesztőben nem ugyanazok az információk jelennek meg, ellenőrizze a szerkesztett témasablont. Lehet, hogy szerkesztenie kell a témasablonokat a helyes információk megjelenítéséhez.

A piac-felülbírálatok lehetővé teszik, hogy különböző kirakatokat hozzon létre a különböző piacok számára, és lefordított tartalmat jelenítsen meg. Lehet, hogy a frissítések során véletlenül egy adott piacon vagy B2B-környezetben dolgozott. A témaszerkesztőben a Piac legördülő menü segítségével keresse meg a tartalmat, és győződjön meg arról, hogy a megfelelő piacokon található.

További információ a piac-felülbírálatokról.

A Shopify Témaáruházban elérhető összes téma reszponzív, ami azt jelenti, hogy a téma alkalmazkodik a képernyő méretéhez. A témaszerkesztőben a téma szerkesztése közben válthat a képernyőméret-nézetek között, hogy ellenőrizze, oldalai és képei megfelelően jelennek-e meg. További információ a különböző képernyőméretek megtekintéséről a témaszerkesztőben.

Számos szakasz és modul rendelkezik testreszabható mobilbeállításokkal. Beállíthatja például a(z) Oszlopok száma mobilon opciót a Kapcsolódó termékek szakaszban. Az egyes sablonoknál áttekintheti a mobilnézethez kapcsolódó szakaszbeállításokat, hogy elhárítsa a mobil képernyőméreteken jelentkező megjelenítési problémákat.

Egyes témafunkciók másképp jelenhetnek meg mobilon, mint asztali gépen, annak érdekében, hogy a téma minden képernyőméreten akadálymentes legyen. Például asztali képernyőméreten a diavetítésen lehet szövegátfedés, ahol a szöveg a kép felett jelenik meg, gyakran a kép színének átlátszóságával vagy szövegárnyékkal. Mobilos képernyőméretnél azonban a szöveg a diavetítés alatt jelenhet meg. Ez egy szándékos akadálymentességi funkció, hogy a szöveg bármilyen képernyőméreten olvasható legyen. Ha a szöveg ehelyett átfedés lenne, akkor mobilon nagyon kicsiben jelenne meg, ami megnehezítené az olvasást.

Ha a kiemelt kollekció szakasza vagy a kollekcióoldalak következetlen méretekkel vagy igazítással jelennek meg a kirakat mobilnézetében, annak valószínűleg a nem egységes képarányok az okai. A képelrendezések, például a kollekciókban vagy kiemelt kollekciókban megjelenő termékképek, reszponzívan igazodnak a képernyőmérethez. Ha a képelrendezésen belüli képek képarányai nem egységesek, akkor a képernyőmérettől függően eltérően jelenhetnek meg. A 2048x2048 képpontos, négyzet alakú termékképek általában a legjobban működnek a termékrácsokban. Frissítse képeit egységes képarányra az összes képernyőméreten való optimalizálás érdekében. További információ a képarányról.

Néha a formázottszöveg-szerkesztőben hozzáadott HTML-kód ütközik a témakóddal. Ha a probléma egyetlen oldalon, például termékoldalon, oldalon vagy blogbejegyzésben jelentkezik, azt felesleges HTML okozhatja. Ez néha akkor fordul elő, ha egy másik webhelyről másol és illeszt be szöveget.

A HTML-kód áttekintése

A HTML-kódot a formázottszöveg-szerkesztőben tekintheti át.

Lépések:

1. Navigáljon az oldalra az adminisztrációs felületén.
2. Kattintson a HTML megjelenítése gombra a HTML-kód áttekintéséhez.
3. Keresse meg a megjelenítési problémákat okozó HTML-kódot, és távolítsa el.
4. Kattintson a Mentés gombra.

A formázás törlése

Kijelölheti a szöveg egy részét, és törölheti a HTML-formázást.

Lépések:

1. Navigáljon az oldalra az adminisztrációs felületén.
2. Jelölje ki a formázási problémákkal küzdő szöveget.
3. Kattintson a 🚫 gombra.
4. Kattintson a Mentés gombra.

További információ a formázottszöveg-szerkesztőről.

Ha a kirakata olyan kódot tartalmaz, amely a felhasználókat az üzletéhez nem kapcsolódó URL-címekre irányítja át, győződjön meg arról, hogy az átirányítás ki van kapcsolva, amikor belép a témaszerkesztőbe.

Például ilyen típusú átirányítást adhat hozzá a kirakathoz, hogy a vásárlókat a helyszínüknek megfelelően különböző Shopify-üzletekbe irányítsa. Ez a fajta átirányítási kód létezhet a témájában vagy egy Ön által telepített alkalmazásban is.

Annak ellenőrzéséhez, hogy az átirányítás nem zavarja-e a szerkesztői élményt, használjon egy hivatkozást a window.Shopify.designMode változóra JavaScriptben, hogy deaktiválja az átirányítást, amikor belép a témaszerkesztőbe. Ez a változó true értékre van állítva, amikor a kirakat betöltődik a szerkesztőben, és false értékre, amikor nem.

Ha vannak összecsukható moduljai vagy más témamoduljai, amelyek ugyanazt a tartalmat jelenítik meg az összes termékoldalon, akkor dinamikus forrásokat kell beállítania metamezőkkel. Ez gyakran akkor fordul elő, amikor a kereskedők termékspecifikus információkat, például összetevőket vagy kezelési útmutatót adnak hozzá egy termékhez, de az minden terméken megjelenik.

Az összecsukható modulok ugyanazt a szöveget jelenítik meg minden terméken

Ha közvetlenül egy összecsukható blokkhoz ad hozzá tartalmat a témaszerkesztőben, az a tartalom az összes termékoldalon megjelenik. Termékspecifikus tartalom megjelenítéséhez metaadatmezőkkel rendelkező dinamikus forrásokat kell használnia:

1. A Shopify adminisztrációs felületén lépjen a Beállítások > Metamezők > Termékek menüpontra.
2. Kattintson a Definíció hozzáadása gombra.
3. Adjon meg egy nevet a metamezőnek, majd kattintson a Tartalomtípus kiválasztása gombra.
4. Válassza ki a Szöveg és a Többsoros szöveg lehetőséget.
5. Kattintson a Mentés gombra.
6. Lépjen egy termékoldalra az adminisztrációs felületen, és görgessen le az oldal alján található metamezők szakaszhoz.
7. Adja hozzá a termékspecifikus tartalmat a létrehozott metamezőhöz.
8. A témaszerkesztőben lépjen a terméksablonra, és keresse meg az Összecsukható sor szakaszt.
9. A Sor tartalma beállításnál kattintson a gombra.
10. Válassza ki a metamezőjét a rendelkezésre álló lehetőségek közül.
11. Mentse a módosításokat.

Mostantól minden termék a saját tartalmát fogja megjeleníteni, ha a metamező ki van töltve, és nem jelenik meg tartalom, ha a metamező üres az adott terméknél.

További információ a metamezők webáruházon történő megjelenítéséről és a metamezők és metaobjektumok dinamikus forrásokkal való használatáról.

Ha szintaktikai hiba van a témakódban, akkor egy HTML error found vagy Theme error figyelmeztető üzenet jelenik meg a témaszerkesztőben. A hibaüzenet megjeleníti a hibát tartalmazó Liquid-fájlt.

Előfordulhat, hogy egy The theme you're looking for couldn't be found figyelmeztető üzenet jelenik meg, ha hibás a HTML-kód. Egy oldal betöltése a témaszerkesztőben számos okból meghiúsulhat, például a következők miatt:

• hálózati csatlakozási problémák
• érvénytelen Liquid-kód a témában

Megkeresheti a kódmódosításokat a témakódban, és kijavíthatja a kódot. Ha azonosítani tudja az érintett meglévő fájlt, akkor visszaállíthatja azt egy elérhető korábbi verzióra a kódszerkesztő Idővonal nézetében.

Lépések:

1. Kattintson a hibaüzenetben hivatkozott .liquid szakaszfájlra, vagy tekintse át a fájlokat a legutóbbi módosításokért. Ezzel a HTML/CSS szerkesztése oldalra jut, és a fájl megnyílik a kódszerkesztőben.
2. Böngéssze át a fájlban lévő kódot, és próbálja megkeresni az érvénytelen HTML- vagy Liquid-kódot. A kódszerkesztő piros színnel jelöli a lehetséges szintaktikai hibákat. A gyakori problémák közé tartoznak a következők:
   • Felesleges záró HTML-címkék, például egy záró </div> nyitó <div> nélkül.
   • Felesleges, lezáratlan HTML-címkék, például egy nyitó <div> záró </div> nélkül.
   • Hibás formátumú HTML-címkék, például <div class="my-class" a > jel nélkül.
   • Hibás formátumú Liquid-kód
   • Hibás HTML-kód egy beillesztett téma-kódrészletfájlban
3. A probléma megtalálása után javítsa ki a kódot a témafájlban. Ha a kódszerkesztő Idővonal nézetében kiválaszt egy korábbi verziót, majd a Tartalom visszaállítása lehetőséget, a fájl teljes tartalma lecserélődik. Először másolja a fájl aktuális tartalmát egy biztonságos helyre, ha esetleg meg szeretné tartani a módosításokat.
4. Kattintson a Mentés gombra.
5. Kattintson a Téma szerkesztése gombra, hogy visszatérjen a témaszerkesztőbe, és győződjön meg róla, hogy a hibaüzenet eltűnt.
6. Lépjen a kirakatába, hogy ellenőrizze, a vártnak megfelelően jelenik-e meg.

„Exceeded maximum number of unique handles” hiba

Ha a kezdőoldalán egy olyan Liquid-hibaüzenet jelenik meg, mint az „Exceeded maximum number of unique handles for all_products”, az általában azt jelenti, hogy túl sok Kiemelt termék szakaszt adott hozzá a kezdőoldalához (a legtöbb témában jellemzően több mint 20-at).

A megoldáshoz:

1. A Shopify adminisztrációs felületén lépjen a Webáruház > Témák menüpontra.
2. Keresse meg a jelenlegi témáját, és kattintson a Téma szerkesztése gombra.
3. Lépjen a kezdőoldalra.
4. Távolítson el néhány Kiemelt termék szakaszt, hogy ne lépje túl a téma korlátait.
5. Fontolja meg helyette a Kiemelt kollekció szakaszok használatát, amelyek hatékonyabban képesek több terméket megjeleníteni, és javíthatják az áruháza teljesítményét.

A fizetési ikonok alapértelmezés szerint általában a legtöbb téma láblécében megtalálhatók, hogy megmutassák a vásárlóknak, mely fizetési módokat fogadja el. Ha a fizetési ikonok nem jelennek meg a téma láblécében, akkor ellenőrizze a következőket:

1. A témaszerkesztőben lépjen a Lábléc szakaszra, és ellenőrizze, hogy a Fizetési ikonok megjelenítése beállítás aktiválva van-e.
2. A Shopify adminisztrációs felületén lépjen a Beállítások > Fizetések menüpontra, és ellenőrizze, hogy van-e legalább egy aktív fizetési mód. Előfordulhat, hogy egyes fizetési módoknál a fiókbeállítások elvégzésére van szükség ahhoz, hogy az ikonjaik megjelenjenek.
3. Ha harmadik fél fizetési átjáróját használja, a platform korlátozásai miatt előfordulhat, hogy a fizetési ikonok nem jelennek meg.

Ha ellenőrizte ezeket a beállításokat, és a fizetési ikonok továbbra sem jelennek meg, akkor lehet, hogy támogatást kell kérnie a témájához.