Fejlfinding af temaet for din webshop

Der er en masse forskellige forhold, som kan medføre, at dit tema ikke vises som forventet, hvilket medfører, at elementer forsvinder eller ikke virker korrekt og forskellige andre visningsproblemer. Dette kan skyldes, at tredjeparts- eller appkode er i konflikt med temaet eller tilpassede kodetilpasninger. Der kan også være indstillinger i din Shopify-administrator, som skal justeres. For eksempel kan du have brug for at gennemgå dit oversatte indhold, produkter, kollektioner, navigation eller dine markeder.

Hvis du stadig har problemer med dit tema, efter du har gennemgået trinnene i denne vejledning, skal du muligvis kontakte dit temas supportteam. Få mere at vide om support til temaer.

Lokaliser kilden til problemet

Du skal rette det første trin for at finde kilden til problemet i dit tema. Prøv følgende trin for at finde kilde til problemet:

1. Du kan besøge Shopifys statusside for at se, om der er kendte problemer, der kan påvirke dit butikslayout. Hvis der ikke er angivet et lignende problem, kan du undersøge problemet yderligere.

2. Problemet kan være lokalt på din enhed. Lokale problemer skyldes normalt enheds- eller browserindstillinger eller problemer med internetforbindelsen. Prøv følgende trin for at sikre, at problemet ikke er lokalt og kan undgås på andre enheder, browsere eller internetforbindelser:

   • Ryd din browsers cache og cookies. Hvis du er logget ind på Hjælp til Shopify med din Shopify-konto, bliver du logget ud af din konto, når du rydder browsercachen og cookies. Hvis du bruger den virtuelle hjælpecenterassistent, skal du slette din browsercache og dine cookies for at nulstille din chathistorik og logge dig ud af din konto, og du skal starte en ny chat med den virtuelle hjælpecenterassistent.
   • Prøv inkognitotilstand, en anden enhed eller Shopify-appen.
   • Prøv at bruge mobildata eller en anden internetforbindelse.
   • Sørg for, at din browser er opdateret.
   • Sørg for, at browseren ikke er indstillet til at blokere alle cookies, da nogle apps muligvis ikke vises korrekt uden cookies.
   • Sørg for, at du ikke bruger et virtuelt privat netværk (VPN) eller har en firewall aktiveret, der blokerer Shopify.

3. Hvis du stadig oplever problemer på andre enheder, browsere eller internetforbindelser, er det ikke et lokalt problem og kan gentages. Det næste skridt i at finde kilden til problemet er at gentage problemet på et andet tema. Besøg Temabutikken, og installer en ny version af temaet, og test, om problemet stadig findes i den nyeste version af temaet. Det er også en god idé at installere et andet tema, som f.eks. et gratis Shopify-tema, da du så kan afgøre, om problemet skyldes dette specifikke tema, eller om alle temaer oplever det samme problem. Når du har testet andre temaer, er det en god isé at følge op med nogle af følgende trin, afhængigt af hvordan problemet viste sig:

   • Hvis problemet kun findes i dit aktuelle tema og en opdateret og ikke-tilpasset version af temaet, skal du muligvis have support til dit tema.
   • Hvis dit problem kun findes i det aktuelle tema, kan der være en temakode, som giver problemer. Hvis du for nylig har opdateret din temakode, kan du rulle tilbage til en ældre version af din temakode. Hvis du ikke har ændret koden i temaet, skal du måske gennemgå dine temaindstillinger. Hvis knappen Læg i indkøbskurven f.eks. ikke vises, kan du kontrollere, om farverne på Knapper i dine temaindstillinger er forskellige og i kontrast til hinanden.
   • Hvis problemet er til stede i alle temaer, kan det skyldes indstillinger for din Shopify-administrator, apps eller andre problemer.

4. Problemet kan være fra en app. Hvis du for nylig har installeret eller opdateret apps, der påvirker dit butikslayout, bør du afinstallere appen midlertidigt. Hvis problemet ikke er til stede efter afinstallation af appen, kan du kontakte appudviklerens supportteam for at få mere hjælp til at få den vist korrekt i dit butikslayout. Få mere at vide om, hvordan du kan få hjælp til dine apps. Hvis problemet stadig er til stede efter afinstallation af appen, er det ikke appen, der er kilden til problemet.

Billeder vises ikke korrekt

Billeder vises muligvis anderledes end forventet, men det skyldes muligvis, at selve billedet ikke er kompatibel med det, du bruger billedet til i dit tema. Sørg for, at billeddimensionerne er korrekte på det billede, du bruger. Gennemgå følgende liste over almindelige problemer med visningen, som kan opstå ved upload af et inkompatibelt billede:

• Hvis dit sidehoved vises bredere på computeren, og logobilledet vises mindre på mobilenheder, end du forventer, kan det skyldes et mellemrum i logobilledets fil. Rediger billedfilen for at sikre dig, at den er beskåret rundt om logoet, og at der ikke er mellemrum.
• Hvis dit billede i diasshowet bliver beskåret, er det for at sikre, at billederne vises ens ud på mobilen og på computeren. Da indholdet vises meget mindre på en mobilskærm, er der en masse detaljer, som kan gå tabt ved at mindske indholdet. I stedet beskæres indholdet for at sikre, at detaljerne ikke går tabt. Et stående billede, som er højere end det er bredt, kan også tage betydelig plads på computeren. Derfor har billeder til diasshow en maksimumhøjde. Du kan føje et fokuspunkt til billederne i dit diasshow for at sikre, at fokuspunktet altid er midten af billedet i diasshowet. Hvis det ikke hjælper at tilføje et fokuspunkt, kan du prøve at finde et billede, der fungerer på tværs af alle skærmstørrelser. Få mere at vide om de bedste fremgangsmåder for diasshows.
• Hvis et GIF-billede ikke vises korrekt, og det er blevet føjet til dit butiksfacade med RTF-editoren, f.eks. i produktbeskrivelsen eller i et blogopslag, kan det skyldes billedstørrelsen. Du kan rette dette ved at klikke på GIF-filen i RTF-editoren og derefter klikke på Rediger billede. Vælg Original i rullemenuen Billedstørrelse. Du kan derefter ændre størrelsen på GIF-filen ved at klikke på og trække i hjørnerne af billedet indad, så det bliver mindre eller så nemt som muligt, så det bliver større.
• Hvis dine billeder har en væsentlig farveændring i dit butikslayout i forhold til dit oprindelige billede, er dine billeder muligvis ikke i standardfarverne for Rød Grøn Blå (sRBG). Hvis du vil rette denne farveændring, skal du gemme din fil i en applikation til billedredigering som en sRBG. Almindelige gloser for dette er "Weboptimer", "Juster billede til web" eller "Gem til web." Få mere at vide om farveprofiler.
• Hvis dine produktbilleder på dine kollektionssider ikke justeres, skal du muligvis justere størrelsesforholdet i produktbilledefilerne, så de har det samme forhold mellem højde og bredde, og derefter uploade produktbilledet igen. Du kan også bruge en app til billedredigering fra Shopify App Store.

Produkter eller kollektioner vises ikke korrekt

Hvis dine produkter mangler i dit butikslayout, skal du muligvis gennemgå Status og dine Salgskanaler i afsnittet Udgivelse for dit produkt i din Shopify-administrator. Sørg for, at produktstatussen er Aktiv, og at produktet er tilgængeligt for Webshop.

Hvis dine kollektioner mangler i dit butikslayout, skal du muligvis gennemgå Salgskanalernei afsnittet Udgivelse af kollektionen i din Shopify-administrator. Sørg for, at kollektionen er tilgængelig for Webshoppen. Du bør muligvis også sikre dig, at din kollektion føjes til din Navigation.

Hvis dine kollektioner vises, men der mangler produkter, skal du muligvis gennemgå alle tag-filtre for kollektionen i dine Navigationsindstillinger. Sørg for, at der ikke er nogen tags i Filtrer samlingen med tags, som kan medføre, at produkterne ikke vises.

Hvis din valuta ikke vises korrekt for produkter eller i dine kollektioner, kan du eventuelt gennemgå Valutavisning i afsnittet Butikkens standarder under Indstillinger > Generelt for at sikre, at der ikke er nogen ekstra kode. Få mere at vide om formatering af, hvordan valuta vises for dine kunder.

Hvis nogle produkter eller kollektioner vises på en anden måde end de andre, skal du muligvis gennemgå den Temaskabelon, der er knyttet til produkterne eller kollektionerne i din Shopify-administrator.

Oversat indhold vises ikke korrekt

Hvis dit oversatte indhold ikke vises korrekt eller mangler i dit butikslayout, kan der være forældede oversættelser eller manglende oversættelser af indholdet. Indholdet kan også være i en specifik skabelon for et marked. Når du tilføjer nyt indhold på dit standardsprog, skal du huske at køre automatisk oversættelse igen eller tilføje nye oversættelser manuelt.

Følgende statusser kan gælde for oversat indhold:

• Oversat: Der er tilgængelige oversættelser af indholdet.
• Forældet: Indholdet på standardsproget er blevet opdateret, men oversættelserne afspejler ikke nogen opdateringer.
• Ikke oversat: Der er ingen oversættelser for denne indholdstype.

Når du gennemgår dit oversatte indhold, skal du opdatere alt ikke-oversat eller forældet indhold, og dit oversatte indhold bør derefter vises korrekt.

Få mere at vide om oversættelse og lokalisering af din butik.

Opdateringer i temaeditoren vises ikke i butikslayout

Hvis dit butiksfacade og din temaeditor ikke viser de samme oplysninger, kan du gennemgå den temaskabelon, du redigerer. Du skal muligvis foretage ændringer for at opdatere dine temaskabeloner, så de viser de korrekte oplysninger. Med Kontekstualisering af butik kan du oprette forskellige butiksfacader til forskellige markeder og vise oversat indhold. Du har muligvis utilsigtet arbejdet inden for et specifikt marked eller B2B, når du foretager opdateringer. Find indholdet i rullemenuen Kontekst i din temaeditor for at sikre dig, at det er på de rigtige markeder.

Få mere at vide om kontekstualisering af butik.

RTF-editor

Nogle gange er HTML-kode, som er tilføjet i RTF-editoren, i konflikt med din temakode. Hvis problemet findes på en enkelt side, f.eks. en produktside, en side eller et blogopslag, kan det skyldes ekstra HTML. Dette kan nogle gange tilføjes fra at kopiere og indsætte tekst fra et andet website.

Gennemgå HTML-koden

Du kan gennemgå HTML-koden i RTF-editoren.

Trin:

1. Naviger til siden i din administrator.
2. Klik på knappen </> Vis HTML for at gennemgå HTML-koden.
3. Find enhver HTML-kode, der kan give problemer med visningen, og fjern den.
4. Klik på Gem.

Ryd formateringen

Du kan fremhæve en del af teksten og rydde HTML-formateringen.

Trin:

1. Naviger til siden i din administrator.
2. Fremhæv den tekst, hvor der er problemer med formateringen.
3. Klik på knappen 🚫.
4. Klik på Gem.

Få mere at vide om RTF-editoren.

Siden videresender til en webadresse, der ikke er understøttet

Hvis dit butikslayout indeholder kode, der videresender brugere til webadresser, der ikke er knyttet til din butik, skal du bekræfte, at omdirigeringen er blevet deaktiveret, når du besøger temaeditoren.

Denne type omdirigering kan f.eks. føjes til et butikslayout, så kunder sendes til forskellige Shopify-butikker alt efter deres lokation. Denne type omdirigeringskode kan enten sættes ind i dit tema eller en app, som du har installeret.

Hvis du vil sikre dig, at omdirigeringen ikke ødelægger editoroplevelsen, skal du deaktivere omdirigeringen ved hjælp af en reference til window.Shopify.designMode-variablen i JavaScript, når du besøger temaeditoren. Denne variabel er angivet til true, når butiksfacaden indlæses i editoren, og false, når den ikke gør.

Fejlmeddelelser om kode

Hvis der er en syntaksfejl i din temakode, vises en HTML error found eller Theme error advarselsmeddelelse i din temaeditor. Fejlmeddelelsen viser den Liquid-fil, som indeholder fejlen.

Der vises muligvis enThe theme you're looking for couldn't be found advarselsmeddelelse, hvis der er ødelagt HTML. Der kan være mange årsager til, at en side ikke indlæses i temaeditoren, f.eks. følgende årsager:

• Problemer med netværksforbindelsen
• ugyldig Liquid-kode i dit tema

Du kan finde kodeændringerne i din temakode og rette koden eller gendanne filen til før kodeændringen.

Trin

1. Klik på den .liquid-afsnitsfil, der er linket til i fejlmeddelelsen, eller gennemgå filerne for seneste ændringer. Dette sender dig til siden Rediger HTML/CSS, og filen åbner i kodeeditoren.

2. Gennemgå koden i filen, og prøv at finde den ugyldige HTML eller Liquid. Potentielle syntaksfejl vises med rødt i kodeeditoren. Almindelige fejl omfatter følgende:

   • Ekstra lukke-HTML-tags, f.eks. en lukning </div> uden en åbning <div>
   • Ekstra ikke-lukkede-HTML-tags, f.eks. en åbning <div> uden en lukning </div>
   • Forkert udformede HTML-tags, f.eks. <div class="my-class" uden en >
   • Forkert udformet Liquid-kode
   • Beskadiget HTML i en inkluderet temafil med et kodestykke

3. Når du har fundet problemet, skal du rette koden i din temafil eller ændre koden tilbage ved at vælge en tidligere version i Seneste ændringer.

4. Klik på Gem.

5. Klik på Tilpas for at gå tilbage til temaeditoren, og bekræft, at fejlmeddelelsen er forsvundet.

6. Gå til dit butikslayout for at sikre dig, at det vises som forventet.