Fejlfinding for dit webshoptema

Billeder vises muligvis anderledes, end du forventer, men det kan skyldes, at selve billedet ikke er kompatibelt med det, du bruger billedet til i dit tema. Kontrollér, at billeddimensionerne er korrekte i det billede, du bruger. Gennemgå følgende liste over almindelige visningsproblemer, der kan opstå, når du uploader et inkompatibelt billede:

• Hvis dit sidehoved vises større, og dit logobillede vises mindre, end du forventer, kan det skyldes blanktegn i logobilledfilen. Blanktegn i logobilledfilen kan medføre, at logoet vises mindre, og at dit sidehoved muligvis vises større på grund af blanktegnene. Rediger billedfilen for at kontrollere, at den er beskåret omkring logoet, og at der ikke er nogen blanktegn.
• Hvis dit diasshowbillede bliver beskåret, er det med vilje for at sikre, at billederne vises ens på mobilenheder og på computere. Da indhold vises meget mindre på en mobilskærm, kan mange detaljer gå tabt ved at formindske indholdet. I stedet beskæres indholdet for at sikre, at detaljerne ikke går tabt. Et billede i højformat, som er højere, end det er bredt, kan også optage meget plads på en computer. Derfor har diasshowbilleder en maksimal højde. Du kan tilføje et fokuspunkt til dine diasshowbilleder for at sikre, at fokuspunktet altid er i midten af diasshowbilledet.

  Indstilling for adaptiv højde: Mange Shopify-temaer indeholder en indstilling for adaptiv højde til diasshow, der justerer diasshowets højde, så den matcher det første slide, hvilket reducerer beskæring på tværs af forskellige skærmstørrelser. Denne funktion er tilgængelig i alle aktuelt understøttede temaer, der er udviklet af Shoify.

• Hvis et GIF-billede ikke vises korrekt, og det er blevet føjet til dit butikslayout med editoren til formateret tekst, f.eks. i produktbeskrivelsen eller i et blogopslag, kan det skyldes billedstørrelsen. Du kan rette dette ved at klikke på GIF'en i editoren til formateret tekst og derefter klikke på Rediger billede. Vælg Original i rullemenuen Billedstørrelse. Du kan derefter ændre størrelsen på GIF'en ved at klikke og trække i billedets hjørner for at gøre det mindre eller større.
• Hvis dine billeder har en markant farveændring i dit butikslayout i forhold til dit originale billede, er dine billeder muligvis ikke i standardfarverne Rød Grøn Blå (sRBG). For at rette denne farveændring skal du gemme din fil i et fotoredigeringsprogram som sRBG. Almindelige udtryk for dette er “Web-optimering”, “Juster billede til web” eller “Gem til web”. Få mere at vide om farveprofiler.
• Hvis dine produktbilleder på dine kollektionssider ikke er justeret, skal du muligvis justere højde-bredde-forholdet i produktbilledfilerne, så de har samme forhold mellem højde og bredde, og derefter uploade produktbilledet igen. Du kan også bruge en billedredigeringsapp fra Shopify App Store.

Gennemgå følgende problemer for at finde dit specifikke problem og trin til fejlfinding:

• Manglende produkter: 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. Kontrollér, at produktstatus er Aktiv, og at produktet er tilgængeligt for Webshop.
• Manglende kollektioner: Hvis dine kollektioner mangler i dit butikslayout, skal du muligvis gennemgå Salgskanaler i afsnittet Udgivelse for kollektionen i din Shopify-administrator. Kontrollér, at kollektionen er tilgængelig for Webshop, og at din kollektion er føjet til dine menuer.
• Kollektioner vises, men produkter mangler: Hvis dine kollektioner vises, men der mangler produkter, skal du muligvis gennemgå eventuelle tagfiltre for kollektionen i dine indstillinger for Menuer. Kontrollér, at der ikke er nogen tags i feltet Filtrer kollektion med tags, som kan medføre, at produkterne ikke vises.
• Forkert valuta: Hvis din valuta ikke vises korrekt for produkter eller i dine kollektioner, kan det være en god idé at gennemgå Valutavisning i afsnittet Butiksstandarder under Indstillinger > Generelt for at kontrollere, at der ikke er nogen yderligere kode. Få mere at vide om formatering af, hvordan valuta vises for dine kunder.
• Nogle produkter vises anderledes: Hvis nogle produkter eller kollektioner vises anderledes end de andre, skal du gennemgå den Temaskabelon, der er tildelt produkterne eller kollektionerne i din Shopify-administrator.
• Kan ikke redigere produkt- eller kollektionsskabeloner: Hvis standardprodukt- eller kollektionsskabelonerne er nedtonede og ikke kan vælges i temaeditoren, skal du gøre mindst 1 produkt eller 1 kollektion tilgængelig for salgskanalen Webshop. Du kan ikke redigere disse standardskabeloner uden at have produkter eller kollektioner tilgængelige for at forhåndsvise ændringerne. Få mere at vide om at ændre en kollektions tilgængelighed og at indstille produkttilgængelighed i dine salgskanaler.

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. Hver gang du tilføjer nyt indhold på dit standardsprog, skal du huske at køre automatisk oversættelse igen eller manuelt tilføje nye oversættelser.

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

• Oversat: Indholdet har tilgængelige oversættelser.
• Forældet: Indholdet på standardsproget er blevet opdateret, men oversættelserne afspejler ingen opdateringer.
• Uoversat: Der er ingen oversættelser for denne indholdstype.

Når du gennemgår dit oversatte indhold, skal du opdatere alt uoversat eller forældet indhold, hvorefter dit oversatte indhold burde blive vist korrekt.

Få mere at vide om at oversætte og lokalisere din butik.

Hvis dit butikslayout og din temaeditor ikke viser de samme oplysninger, skal du gennemgå den temaskabelon, du redigerer. Du skal muligvis foretage ændringer for at opdatere dine temaskabeloner, så de viser de korrekte oplysninger.

Med markedstilsidesættelser kan du oprette forskellige butikslayouts til forskellige markeder og vise oversat indhold. Du kan utilsigtet have arbejdet på et specifikt marked eller B2B, da du lavede opdateringer. Find indholdet ved hjælp af rullemenuen Marked i din temaeditor for at sikre, at det er på de korrekte markeder.

Få mere at vide om markedstilsidesættelser.

Alle temaer, der er tilgængelige i Shopify Theme Store, er dynamiske temaer, hvilket betyder, at temaet tilpasser sig skærmens størrelse. I temaeditoren kan du skifte visningen af skærmstørrelsen under temaredigering for at bekræfte, at dine sider og billeder vises korrekt. Få mere at vide om visning af forskellige skærmstørrelser i temaeditoren.

Mange af sektionerne og blokkene har mobilindstillinger, som du kan tilpasse. Du kan f.eks. angive Antal kolonner på mobil i sektionen Relaterede produkter. Du kan gennemgå mobilindstillingerne for sektionerne i hver skabelon for at fejlfinde eventuelle visningsproblemer på mobilskærme.

Nogle temafunktioner vises muligvis anderledes på mobil end på computer for at sikre, at temaet er tilgængeligt på alle skærmstørrelser. På en computerskærm kan dit diasshow f.eks. have en tekstoverlejring, hvor teksten vises oven på billedet – ofte med en nedtonet billedfarve eller en tekstskygge. På mobilskærme kan teksten dog blive vist under diasshowet. Dette er en bevidst tilgængelighedsfunktion, der sikrer, at teksten er læselig på enhver skærmstørrelse. Hvis teksten i stedet var en overlejring, ville den blive vist meget lille på mobilenheder, hvilket ville gøre den svær at læse.

Hvis din sektion med udvalgte kollektioner eller dine kollektionssider viser inkonsistente størrelser eller ikke er justeret, når du ser dit butikslayout på en mobilenhed, kan det skyldes inkonsistente billedformater. Billedgitre, f.eks. produktbilleder, der vises i en kollektion eller en udvalgt kollektion, er bygget til at være dynamiske i forhold til skærmstørrelsen. Hvis du har inkonsistente billedformater for dine billeder i billedgitteret, kan de blive vist anderledes afhængigt af skærmstørrelsen. Kvadratiske produktbilleder på 2048 x 2048 px fungerer normalt bedst i produktgitre. Opdater dine billeder, så de har et ensartet billedformat for at optimere dem på tværs af alle skærmstørrelser. Få mere at vide om billedformat.

Nogle gange er den HTML-kode, der føjes til din editor til formateret tekst, i konflikt med din temakode. Hvis problemet findes på en enkelt side, f.eks. en produktside, en almindelig side eller et blogopslag, kan det skyldes overskydende HTML. Dette kan nogle gange ske, når man kopierer og indsætter tekst fra et andet website.

Gennemgå HTML-koden

Du kan gennemgå HTML-koden i editoren til formateret tekst.

Fremgangsmåde:

1. Naviger til siden i din administrator.
2. Klik på knappen Vis HTML for at gennemgå HTML-koden.
3. Find eventuel HTML-kode, der kan forårsage visningsproblemer, og fjern den.
4. Klik på Gem.

Ryd formateringen

Du kan markere en del af teksten og rydde HTML-formateringen.

Fremgangsmåde:

1. Naviger til siden i din administrator.
2. Marker teksten med formateringsproblemerne.
3. Klik på knappen 🚫.
4. Klik på Gem.

Få mere at vide om editoren til formateret tekst.

Hvis dit butikslayout indeholder kode, der omdirigerer brugere til webadresser, der ikke er knyttet til din butik, skal du sørge for, at omdirigeringen er deaktiveret, når du besøger temaeditoren.

Denne type omdirigering kan f.eks. føjes til et butikslayout for at dirigere kunder til forskellige Shopify-butikker afhængigt af deres lokation. Denne type omdirigeringskode kan findes enten i dit tema eller i en app, du har installeret.

For at sikre, at din omdirigering ikke forstyrrer oplevelsen i editoren, skal du bruge en reference til variablen window.Shopify.designMode i JavaScript for at deaktivere omdirigeringen, når du besøger temaeditoren. Denne variabel er angivet til true, når butikslayoutet indlæses i editoren, og false, når det ikke gør.

Hvis du har sammenklappelige blokke eller andre temablokke, der viser det samme indhold på alle produktsider, skal du konfigurere dynamiske kilder med metafelter. Dette sker ofte, når shopejere føjer produktspecifikke oplysninger, såsom ingredienser eller plejeanvisninger, til ét produkt, men det vises på alle produkter.

Sammenklappelige blokke viser den samme tekst på alle produkter

Når du tilføjer indhold direkte til en blok, der kan skjules, i din temaeditor, vises dette indhold på alle produktsider. Hvis du vil vise produktspecifikt indhold, skal du bruge dynamiske kilder med metafelter:

1. Gå til Indstillinger > Metafelter > Produkter i din Shopify-administrator.
2. Klik på Tilføj definition.
3. Angiv et navn til dit metafelt, og klik derefter på Vælg indholdstype.
4. Vælg Tekst og Tekst med flere linjer.
5. Klik på Gem.
6. Gå til en produktside i din administrator, og scroll til sektionen med metafelter nederst på siden.
7. Føj dit produktspecifikke indhold til det metafelt, du oprettede.
8. Gå til produktskabelonen i din temaeditor, og find sektionen Sammenklappelig række.
9. I indstillingen Rækkeindhold skal du klikke på knappen .
10. Vælg dit metafelt blandt de tilgængelige valgmuligheder.
11. Gem dine ændringer.

Nu viser hvert produkt sit eget indhold, når metafeltet er udfyldt, og der vises intet indhold, hvis metafeltet er tomt for det pågældende produkt.

Få mere at vide om visning af metafelter i din webshop og brug af metafelter og metaobjekter med dynamiske kilder.

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

Advarselsmeddelelsen The theme you're looking for couldn't be found kan blive vist, hvis der er ødelagt HTML. Indlæsning af en side i temaeditoren kan mislykkes af flere årsager, f.eks.:

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

Du kan finde kodeændringerne i din temakode og rette koden. Hvis du kan identificere den påvirkede, eksisterende fil, kan du gendanne en tidligere, tilgængelig version i visningen Tidslinje i kodeeditoren.

Fremgangsmåde:

1. Klik på sektionsfilen .liquid, der er linket til i fejlmeddelelsen, eller gennemgå filerne for de seneste ændringer. Dette fører dig til siden Rediger HTML/CSS (Cascading Style Sheets), og filen åbnes i kodeeditoren.
2. Gennemse koden i filen, og prøv at finde ugyldig HTML eller Liquid. Kodeeditoren viser potentielle syntaksfejl med rødt. Almindelige problemer omfatter følgende:
   • Ekstra afsluttende HTML-tags, f.eks. et afsluttende </div> uden et åbnende <div>
   • Ekstra uafsluttede HTML-tags, f.eks. et åbnende <div> uden et afsluttende </div>
   • Forkert udformede HTML-tags, f.eks. <div class="my-class" uden et >
   • Forkert udformet Liquid-kode
   • Ødelagt HTML i en inkluderet fil med et kodestykke til temaet
3. Når du har fundet problemet, skal du rette koden i din temafil. Hvis du bruger visningen Tidslinje i kodeeditoren til at vælge en tidligere version og vælger Gendan indhold, erstattes hele filens indhold. Kopiér først det nuværende filindhold til et sikkert sted, hvis der er ændringer, du vil beholde.
4. Klik på Gem.
5. Klik på Rediger tema for at vende tilbage til temaeditoren, og bekræft, at fejlmeddelelsen er væk.
6. Gå til dit butikslayout for at bekræfte, at det vises som forventet.

Fejlen “Exceeded maximum number of unique handles”

Hvis du får vist en Liquid-fejlmeddelelse som f.eks. “Exceeded maximum number of unique handles for all_products” på din startside, betyder det normalt, at du har tilføjet for mange sektioner med udvalgte produkter til din startside (typisk mere end 20 sektioner i de fleste temaer).

Sådan løser du problemet:

1. Gå til Webshop > Temaer i din Shopify-administrator.
2. Find dit nuværende tema, og klik på Rediger tema.
3. Gå til din startside.
4. Fjern nogle sektioner med udvalgte produkter for at holde dig inden for temaets begrænsninger.
5. Overvej at bruge sektioner med udvalgte kollektioner i stedet, da de kan vise flere produkter mere effektivt og forbedre din butiks ydeevne.

Betalingsikoner er normalt inkluderet som standard i de fleste temaers sidefødder for at vise kunderne, hvilke betalingsmetoder du accepterer. Hvis der ikke vises betalingsikoner i dit temas sidefod, kan du tjekke følgende:

1. I din temaeditor skal du gå til sektionen Sidefod og bekræfte, at indstillingen Vis betalingsikoner er aktiveret.
2. I din Shopify-administrator skal du gå til Indstillinger > Betalinger og bekræfte, at der er mindst én aktiv betalingsmetode. Nogle betalingsmetoder kræver muligvis, at kontoopsætningen er fuldført, før deres ikoner vises.
3. Hvis du bruger en tredjepartsbetalingsgateway, vises betalingsikonerne muligvis ikke på grund af platformens begrænsninger.

Hvis du har bekræftet disse indstillinger, og betalingsikonerne stadig ikke vises, skal du muligvis få support til dit tema.