Depanarea temei magazinului dumneavoastră online

Este posibil ca imaginile să se afișeze diferit față de cum vă așteptați, dar acest lucru s-ar putea datora faptului că imaginea în sine nu este compatibilă cu modul în care o utilizați în tema dvs. Verificați dacă dimensiunile imaginii sunt corecte în imaginea pe care o utilizați. Consultați următoarea listă de probleme de afișare comune care pot apărea la încărcarea unei imagini incompatibile:

• Dacă antetul se afișează mai mare și imaginea cu sigla se afișează mai mică decât vă așteptați, atunci acest lucru s-ar putea datora spațiului alb din fișierul imagine al siglei. Spațiul alb din fișierul imagine al siglei poate face ca sigla să se afișeze mai mică și antetul dvs. să se afișeze mai mare din cauza spațiului alb. Editați fișierul imagine pentru a verifica dacă este decupat în jurul siglei și că nu există spațiu alb.
• Dacă imaginea din prezentarea de diapozitive este decupată, atunci acest lucru este intenționat, pentru a asigura afișarea identică a imaginilor atât pe mobil, cât și pe desktop. Deoarece conținutul se afișează mult mai mic pe un ecran mobil, se pot pierde multe detalii prin micșorarea conținutului. În schimb, conținutul este decupat pentru a asigura că detaliile nu se pierd. O imagine portret, care este mai înaltă decât lată, poate ocupa, de asemenea, un spațiu semnificativ pe desktop. De aceea, imaginile din prezentarea de diapozitive au o înălțime maximă. Puteți adăuga un punct central imaginilor din prezentarea de diapozitive pentru a vă asigura că punctul central este întotdeauna centrul imaginii din prezentarea de diapozitive.

  Opțiune de înălțime adaptivă: Multe teme Shopify includ o setare de înălțime adaptivă pentru prezentările de diapozitive care ajustează înălțimea prezentării pentru a se potrivi cu primul diapozitiv de imagine, reducând decuparea pe diferite dimensiuni de ecran. Această caracteristică este disponibilă în toate temele acceptate în prezent, dezvoltate de Shopify.

• Dacă o imagine GIF nu se afișează corect și a fost adăugată în magazinul dvs. online cu editorul de text îmbogățit, cum ar fi în descrierea produsului sau într-o postare pe blog, atunci acest lucru s-ar putea datora dimensiunii imaginii. Puteți corecta acest lucru făcând clic pe GIF în editorul de text îmbogățit, apoi făcând clic pe Editare imagine. În meniul vertical Dimensiune imagine, selectați Original. Apoi, puteți redimensiona GIF-ul făcând clic și trăgând colțurile imaginii spre interior pentru a o micșora sau spre exterior pentru a o mări.
• Dacă imaginile dvs. au o modificare semnificativă de culoare în magazinul dvs. online față de imaginea originală, atunci este posibil ca imaginile dvs. să nu fie în culorile standard Roșu Verde Albastru (sRGB). Pentru a remedia această modificare a culorii, salvați fișierul într-o aplicație de editare foto ca sRGB. Termenii comuni pentru acest lucru sunt „Optimizare web”, „Ajustare imagine pentru web” sau „Salvare pentru web”. Aflați mai multe despre profilurile de culoare.
• Dacă imaginile de produs de pe paginile de colecție nu sunt aliniate, atunci poate fi necesar să ajustați raportul de aspect în fișierele de imagine ale produsului, astfel încât acestea să aibă același raport înălțime/lățime, și apoi să încărcați din nou imaginea produsului. Puteți utiliza, de asemenea, o aplicație de editare a imaginilor din Shopify App Store.

Consultați următoarele probleme și pașii de depanare pentru situația dvs. specifică:

• Produse lipsă: Dacă produsele dvs. lipsesc din magazinul online, atunci poate fi necesar să revizuiți Starea și Canalele de vânzări în secțiunea Publicare a produsului dvs. din panoul de administrare Shopify. Verificați dacă starea produsului este Activ și dacă produsul este disponibil pentru Magazinul online.
• Colecții lipsă: Dacă colecțiile dvs. lipsesc din magazinul online, atunci poate fi necesar să revizuiți Canalele de vânzări din secțiunea Publicare a colecției din panoul de administrare Shopify. Verificați dacă colecția este disponibilă pentru Magazinul online și dacă este adăugată la meniurile dvs.
• Colecțiile sunt afișate, dar lipsesc produse: Dacă se afișează colecțiile, dar lipsesc produse, atunci poate fi necesar să revizuiți filtrele de etichete pentru colecție în setările Meniuri. Verificați dacă nu există etichete în câmpul Filtrare colecție cu etichete care ar putea face ca produsele să nu se afișeze.
• Monedă incorectă: Dacă moneda nu se afișează corect pentru produse sau în colecțiile dvs., atunci poate doriți să revizuiți Afișarea monedei din secțiunea Valori implicite ale magazinului din Setări > General pentru a verifica dacă nu există cod suplimentar. Aflați mai multe despre formatarea modului de afișare a monedei pentru clienții dvs..
• Unele produse se afișează diferit: Dacă unele produse sau colecții se afișează diferit față de celelalte, atunci revizuiți Șablonul de temă alocat produselor sau colecțiilor în panoul de administrare Shopify.
• Nu puteți edita șabloanele de produs sau de colecție: Dacă șabloanele implicite de produs sau colecție au culoarea gri și nu pot fi selectate în editorul de teme, trebuie să faceți cel puțin 1 produs sau o colecție disponibil(ă) pentru canalul de vânzări Magazin online. Nu puteți edita aceste șabloane implicite fără a avea produse sau colecții disponibile pentru a previzualiza modificările. Aflați mai multe despre modificarea disponibilității unei colecții și despre setarea disponibilității produsului în canalele dumneavoastră de vânzări.

Dacă conținutul dvs. tradus nu se afișează corect sau lipsește din magazinul dvs. online, atunci este posibil să existe traduceri neactualizate sau lipsă pentru conținut. De asemenea, este posibil ca conținutul să se afle într-un șablon specific pentru o piață. Ori de câte ori adăugați conținut nou în limba dvs. implicită, nu uitați să rulați din nou traducerea automată sau să adăugați manual traduceri noi.

Următoarele stări se pot aplica conținutului tradus:

• Tradus: Conținutul are traduceri disponibile.
• Neactualizat: Conținutul în limba implicită a fost actualizat, dar traducerile nu reflectă nicio actualizare.
• Netradus: Nu există traduceri pentru acest tip de conținut.

Atunci când revizuiți conținutul tradus, actualizați orice conținut netradus sau neactualizat, iar conținutul dvs. tradus ar trebui să se afișeze corect.

Aflați mai multe despre traducerea și localizarea magazinului dvs..

Dacă magazinul dvs. online și editorul de teme nu afișează aceleași informații, examinați șablonul de temă pe care îl editați. Este posibil să fie nevoie să faceți modificări pentru a actualiza șabloanele de temă, astfel încât să afișeze informațiile corecte.

Înlocuirile de piață vă permit să creați magazine online diferite pentru piețe diferite și să afișați conținut tradus. Este posibil să fi lucrat din neatenție pe o anumită piață sau pe B2B atunci când ați făcut actualizări. Localizați conținutul cu ajutorul meniului vertical Piață din editorul de teme pentru a vă asigura că se află pe piețele corecte.

Află mai multe despre înlocuirile de piață.

Toate temele disponibile în Magazinul de teme Shopify sunt teme reactive, ceea ce înseamnă că tema se adaptează la dimensiunea ecranului. În editorul de teme, puteți comuta vizualizarea dimensiunii ecranului în timpul editării temei pentru a verifica dacă paginile și imaginile se afișează corect. Aflați mai multe despre vizualizarea diferitelor dimensiuni de ecran în editorul de teme.

Multe dintre secțiuni și blocuri au setări pentru mobil pe care le puteți personaliza. De exemplu, puteți seta Numărul de coloane pe mobil în secțiunea Produse conexe. Puteți examina setările secțiunii pentru mobil pentru fiecare șablon pentru a depana orice probleme de afișare pe ecranele de mobil.

Unele caracteristici ale temei se pot afișa diferit pe mobil față de desktop pentru a asigura că tema este accesibilă pe ecrane de orice dimensiune. De exemplu, pe un ecran de desktop, prezentarea dvs. de diapozitive ar putea avea o suprapunere de text, unde textul se afișează peste imagine, adesea cu o opacitate a culorii imaginii sau cu o umbră a textului. Cu toate acestea, pe ecranele de mobil, textul s-ar putea afișa sub prezentarea de diapozitive. Aceasta este o caracteristică de accesibilitate intenționată, astfel încât textul să fie lizibil pe orice dimensiune de ecran. Dacă textul ar fi în schimb o suprapunere, s-ar afișa foarte mic pe mobil, ceea ce l-ar face greu de citit.

Dacă secțiunea de colecție selectată sau paginile colecțiilor afișează dimensiuni inconsecvente sau nu se aliniază la vizualizarea magazinului dvs. online pe mobil, acest lucru s-ar putea datora rapoartelor de aspect inconsecvente. Grilele de imagini, cum ar fi imaginile de produs care se afișează într-o colecție sau într-o colecție selectată, sunt construite pentru a fi reactive la dimensiunea ecranului. Dacă aveți rapoarte de aspect inconsecvente pentru imaginile dvs. din grila de imagini, acestea s-ar putea afișa diferit în funcție de dimensiunea ecranului. Imaginile de produs pătrate, de 2048 px pe 2048 px, funcționează de obicei cel mai bine în grilele de produse. Actualizați-vă imaginile pentru a avea un raport de aspect consecvent pentru optimizarea pe toate dimensiunile de ecran. Aflați mai multe despre raportul de aspect al imaginii.

Uneori, codul HTML adăugat în editorul de text îmbogățit intră în conflict cu codul temei. Dacă problema este prezentă pe o singură pagină, cum ar fi o pagină de produs, o pagină sau o postare pe blog, atunci s-ar putea datora unui cod HTML suplimentar. Acesta poate fi adăugat uneori prin copierea și lipirea textului de pe un alt site.

Examinați codul HTML

Puteți examina codul HTML în editorul de text îmbogățit.

Pași:

1. Navigați la pagină în panoul de administrare.
2. Faceți clic pe butonul Afișare HTML pentru a examina codul HTML.
3. Localizați orice cod HTML care ar putea cauza probleme de afișare și eliminați-l.
4. Faceți clic pe Salvați.

Ștergeți formatarea

Puteți evidenția o porțiune de text și șterge formatarea HTML.

Pași:

1. Navigați la pagină în panoul de administrare.
2. Evidențiați textul cu probleme de formatare.
3. Faceți clic pe butonul 🚫.
4. Faceți clic pe Salvați.

Aflați mai multe despre editorul de text îmbogățit.

Dacă magazinul dvs. online include cod care redirecționează utilizatorii către URL-uri care nu sunt conectate la magazinul dvs., atunci verificați dacă redirecționarea a fost dezactivată atunci când vizitați editorul de teme.

De exemplu, acest tip de redirecționare ar putea fi adăugat la un magazin online pentru a direcționa clienții către diferite magazine Shopify în funcție de locația lor. Acest tip de cod de redirecționare ar putea exista fie în tema dvs., fie într-o aplicație pe care ați instalat-o.

Pentru a verifica dacă redirecționarea dvs. nu interferează cu experiența din editor, utilizați o referință la variabila window.Shopify.designMode în JavaScript pentru a dezactiva redirecționarea atunci când vizitați editorul de teme. Această variabilă este setată la true atunci când magazinul online este încărcat în editor și la false în caz contrar.

Dacă aveți blocuri pliabile sau alte blocuri tematice care afișează același conținut pe toate paginile de produs, atunci trebuie să configurați surse dinamice cu metacâmpuri. Acest lucru se întâmplă frecvent atunci când comercianții adaugă informații specifice unui produs, cum ar fi ingredientele sau instrucțiunile de îngrijire, la un singur produs, dar acestea se afișează la toate produsele.

Blocurile pliabile afișează același text pentru toate produsele

Atunci când adăugați conținut direct într-un bloc restrângibil din editorul de teme, acel conținut se afișează pe toate paginile de produs. Pentru a afișa conținut specific unui produs, trebuie să utilizați surse dinamice cu metacâmpuri:

1. În panoul de administrare Shopify, accesați Setări > Metacâmpuri > Produse.
2. Faceți clic pe Adăugare definiție.
3. Introduceți un Nume pentru metacâmpul dvs., apoi faceți clic pe Selectare tip de conținut.
4. Selectați Text și Text pe mai multe rânduri.
5. Faceți clic pe Salvați.
6. Accesați o pagină de produs în panoul de administrare și derulați la secțiunea de metacâmpuri din partea de jos a paginii.
7. Adăugați conținutul specific produsului în metacâmpul pe care l-ați creat.
8. În editorul de teme, accesați șablonul de produs și găsiți secțiunea Rând pliabil.
9. În setarea Conținut rând, faceți clic pe butonul .
10. Selectați metacâmpul dvs. dintre opțiunile disponibile.
11. Salvați modificările.

Acum, fiecare produs își va afișa propriul conținut atunci când metacâmpul este completat și nu se va afișa niciun conținut dacă metacâmpul este gol pentru produsul respectiv.

Aflați mai multe despre afișarea metacâmpurilor în magazinul dvs. online și utilizarea metacâmpurilor și a metaobiectelor cu surse dinamice.

Dacă există o eroare de sintaxă în codul temei, atunci un mesaj de avertizare Eroare HTML găsită sau Eroare de temă se afișează în editorul de teme. Mesajul de eroare afișează fișierul Liquid care conține eroarea.

Un mesaj de avertizare Tema pe care o căutați nu a putut fi găsită s-ar putea afișa atunci când există orice cod HTML corupt. O pagină poate să nu se încarce în editorul de teme din mai multe motive, cum ar fi următoarele:

• probleme de conexiune la rețea
• cod Liquid nevalid în tema dvs.

Puteți localiza modificările în codul temei dumneavoastră și puteți corecta codul. Dacă reușiți să identificați fișierul existent afectat, îl puteți restaura la o versiune anterioară disponibilă în vizualizarea Cronologie din editorul de cod.

Pași:

1. Faceți clic pe fișierul de secțiune .liquid la care se face legătura în mesajul de eroare sau examinați fișierele pentru modificări recente. Aceasta vă duce la pagina Editare HTML/Foi de stil în cascadă (CSS), iar fișierul se deschide în editorul de cod.
2. Parcurgeți codul din fișier și încercați să găsiți cod HTML sau Liquid invalid. Editorul de cod afișează potențialele erori de sintaxă cu roșu. Problemele frecvente includ următoarele:
   • Etichete HTML de închidere suplimentare, de exemplu, o etichetă de închidere </div> fără eticheta de deschidere <div>
   • Etichete HTML suplimentare neînchise, de exemplu, o etichetă de deschidere <div> fără eticheta de închidere </div>
   • Etichete HTML malformate, de exemplu, <div class="my-class" fără >
   • Cod Liquid malformat
   • Cod HTML defect într-un fișier de fragment de temă inclus
3. După ce ați găsit problema, corectați codul din fișierul temei. Dacă utilizați vizualizarea Cronologie din editorul de cod pentru a selecta o versiune anterioară și selectați Restaurează conținutul, întregul conținut al fișierului va fi înlocuit. Copiați mai întâi conținutul actual al fișierului într-un loc sigur dacă doriți să păstrați anumite modificări.
4. Faceți clic pe Salvați.
5. Dați clic pe Editare temă pentru a reveni la editorul de teme și confirmați că mesajul de eroare a dispărut.
6. Navigați la magazinul dvs. online pentru a verifica dacă se afișează conform așteptărilor.

Eroarea „Exceeded maximum number of unique handles”

Dacă vi se afișează un mesaj de eroare Liquid precum „Exceeded maximum number of unique handles for all_products” pe pagina de pornire, atunci acest lucru înseamnă de obicei că ați adăugat prea multe secțiuni de produse selectate pe pagina de pornire (de obicei, peste 20 de secțiuni în majoritatea temelor).

Pentru a rezolva această problemă:

1. În panoul de administrare Shopify, accesați Magazin online > Teme.
2. Găsiți tema dvs. curentă și dați clic pe Editare temă.
3. Navigați la pagina de pornire.
4. Eliminați câteva secțiuni de produse selectate pentru a vă încadra în limitele temei.
5. Luați în considerare utilizarea secțiunilor Colecție selectată în schimb, care pot afișa mai multe produse mai eficient și pot îmbunătăți performanțele magazinului dvs.

Pictogramele de plată sunt de obicei incluse în mod implicit în subsolurile majorității temelor pentru a le arăta clienților ce metode de plată acceptați. Dacă pictogramele de plată nu apar în subsolul temei dvs., atunci puteți verifica următoarele:

1. În editorul de teme, navigați la secțiunea Subsol și verificați dacă setarea Afișare pictograme de plată este activată.
2. În panoul de administrare Shopify, accesați Setări > Plăți și verificați dacă există cel puțin o metodă de plată activă. Unele metode de plată ar putea necesita finalizarea configurării contului înainte ca pictogramele lor să fie afișate.
3. Dacă folosiți un gateway de plată extern, este posibil ca pictogramele de plată să nu se afișeze din cauza limitărilor platformei.

Dacă ați verificat aceste setări și pictogramele de plată tot nu se afișează, atunci s-ar putea să fie nevoie să obțineți asistență pentru tema dvs..