Feilsøke temaet i nettbutikken

Det er mange omstendigheter som kan gjøre at temaet ikke vises som forventet, som fører til at elementer forsvinner eller ikke fungerer som de skal, i tillegg til ulike visningsproblemer. Dette kan være på grunn av tredjeparts- eller appkode som kommer i konflikt med temaet, eller tilpassede kodeendringer. Det kan også være innstillinger i Shopify-administrator som må justeres. Det kan for eksempel hende du må gå gjennom oversatt innhold, produkter, samlinger, menyer eller markeder.

Hvis du fortsatt har problemer med temaet etter å ha gjennomgått trinnene i denne veiledningen, må du kontakte støtteteamet for temaet. Finn ut mer om brukerstøtte for temaer.

På denne siden

Finne kilden til problemet

Det første trinnet mot å løse et problem er å finne kilden. Prøv følgende trinn for å finne kilden til problemet:

Du kan besøke Shopifys statusside for å se eventuelle kjente problemer som kan påvirke butikkfronten. Hvis du ikke ser et lignende problem oppført, kan du undersøke problemet videre.
Problemet kan være lokalt for din enhet. Lokale problemer er vanligvis et resultat av enhets- eller nettleserinnstillinger, eller problemer med internett-tilkoblingen. Prøv følgende trinn for å sikre at problemet ikke er lokalt, og at det kan gjenskapes på andre enheter, nettlesere eller internett-tilkoblinger:
- Tøm hurtigbufferet og informasjonskapsler i nettleseren. Hvis du er logget på Shopifys hjelpesenter med Shopify-kontoen din, logges du av hvis du tømmer hurtigbufferet og informasjonskapsler i nettleseren. Hvis du bruker den virtuelle hjelpesenterassistenten, tilbakestilles chathistorikken og du logges av kontoen hvis du tømmer hurtigbufferet og informasjonskapsler i nettleseren, og du må starte en ny chat med den virtuelle hjelpesenterassistenten.
- Prøv å bruke inkognitomodus, en annen enhet eller Shopify-appen.
- Prøv å bruke mobildata eller en annen internett-tilkobling.
- Kontroller at nettleseren er oppdatert.
- Kontroller at nettleseren ikke er innstilt til å blokkere alle informasjonskapsler, fordi noen apper ikke fungerer som de skal uten informasjonskapsler.
- Kontroller at du ikke bruker et virtuelt privat nettverk (VPN) eller har aktivert en brannmur som blokkerer Shopify.
Hvis du fortsatt har problemer på andre enheter, nettlesere eller internett-tilkoblingen, er ikke problemet lokalt, og det kan gjenskapes. Neste trinn for å finne kilden til problemet er å gjenskape problemet med et annet tema. Besøk Theme Store og installer en ny versjon av temaet, og test om problemet fortsatt finnes på den nyeste versjonen av temaet. Det er også god praksis å installere et annet tema, som et gratis Shopify-tema, fordi du kan finne ut om problemet gjelder det spesifikke temaet, eller om alle temaer opplever samme problem. Når du har testet andre temaer, er følgende gode videre trinn, avhengig av problemets natur:
- Hvis problemet bare finnes i det gjeldende temaet og en oppdatert og ikke tilpasset versjon av temaet, bør du få støtte for temaet.
- Hvis problemet bare finnes i det gjeldende temaet, kan det være temakode som skaper problemer. Hvis du nylig har oppdatert temakoden, kan du rulle tilbake til en eldre versjon av temakoden. Hvis du ikke har endret koden i temaet, bør du gå gjennom temainnstillingene. Hvis knappen Legg i handlekurv for eksempel ikke vises, bør du gå gjennom farger for Knapper i temainnstillingene og sikre at det er valgt ulike farger med god kontrast mot hverandre.
- Hvis problemet finnes med alle temaer, kan det være på grunn av innstillinger i Shopify-administrator, apper eller andre problemer.
Problemet kan stamme fra en app. Hvis du nylig har installert eller oppdatert apper som påvirker butikkfronten, bør du prøve å avinstallere appen midlertidig. Hvis problemet forsvinner etter at du har avinstallert appen, kan du kontakte støtteteamet hos apputvikleren for å få hjelp til å løse problemet i butikkfronten. Finn ut mer om å få hjelp med apper. Hvis problemet fortsatt finnes etter at du har avinstallert appen, vet du at appen ikke er kilden til problemet.

Bilder vises ikke riktig

Bilder vises kanskje ulikt fra det du forventer, men det kan være fordi selve bildet ikke er kompatibelt med det du bruker bildet til i temaet. Kontroller at bildemålene for bildet du bruker stemmer. Gå gjennom følgende liste over vanlige visningsproblemer som kan oppstå ved opplasting av en inkompatibelt bilde:

Hvis overskriften er bredere på datamaskiner og logobildet er mindre på mobil enn det du forventer, kan det være på grunn av tom plass i logobildefilen. Rediger bildefilen for å sikre at den er beskjært rundt logoen, og at det ikke er tom plass i bildet.
Hvis et bilde i en lysbildefremvisning beskjæres, er dette med hensikt for å sikre at bilder vises likt på mobile enheter og datamaskiner. Fordi innholdet er mye mindre på en mobilskjerm, går mange detaljer tapt når innholdet krympes. I stedet blir innholdet beskjært for å sikre at detaljer ikke forsvinner. Et bilde i høydeformat, som er høyere enn det er bredt, kan også ta opp mye plass på en datamaskin. Derfor har bildene i en lysbildefremvisning en maksimumshøyde. Du kan legge til et fokuspunkt for bilder i lysbildefremvisninger for å sikre at fokuspunktet alltid er i midten av bildet. Hvis det ikke hjelper å legge til et fokuspunkt, bør du finne et bilde som passer alle skjermstørrelser. Finn ut mer om beste praksis for lysbildefremvisninger.
Hvis et GIF-bilde vises feil og er lagt til i butikkfronten gjennom redigeringsprogrammet for rik tekst, som for eksempel i produktbeskrivelsen eller i et blogginnlegg, kan det være på grunn av bildestørrelsen. Du kan løse dette ved å klikke på GIF-bildet i redigeringsprogrammet for rik tekst, og deretter klikke på Rediger bilde. Velg Original i rullegardinmenyen Bildestørrelse. Du kan deretter endre størrelsen på GIF-bildet ved å klikke og dra hjørnene innover for å gjøre bildet mindre, eller utover for å gjøre det større.
Hvis bildene dine har en betydelig fargeendring i butikkfronten i forhold til det originale bildet, kan det være fordi bildene ikke er i standard Red Green Blue-farger (sRBG). For å løse fargeendringen må du lagre bildet som sRBG i et bilderedigeringsprogram. Vanlige begreper for dette er «Optimaliser for web», «Juster bildet for web» eller «Lagre for web». Finn ut mer om fargeprofiler.
Hvis produktbildene på samlingssider ikke ligger på rekke, kan det hende du må justere størrelsesforholdet i produktbildefiler slik at de har samme forhold mellom høyde og bredde, og deretter laste opp produktbildet på nytt. Du kan også bruke en bilderedigeringsapp fra Shopify App Store.

Produkter eller samlinger vises ikke riktig

Hvis produktene dine mangler fra butikkfronten, kan det hende du må gå gjennom Status og Salgskanaler i seksjonen Publisering for produktet i Shopify-administrator. Kontroller at produktstatus er Aktiv, og at produktet er tilgjengelig for Nettbutikk.

Hvis det mangler samlinger fra butikkfronten, kan det hende du må gå gjennom Salgskanaler i seksjonen Publisering for samlingen i Shopify-administrator. Kontroller at samlingen er tilgjengelig for Nettbutikk. Du bør også sikre at samlingen er lagt til i menyer.

Hvis samlingene vises, men de mangler produkter, kan det hende du må gå gjennom taggfiltre for samlingen i innstillingene for menyer. Kontroller at det ikke er noen tagger i feltet Filtrer samlingen etter tagger som kan gjøre at produktene ikke vises.

Hvis valutaen vises feil for produkter eller i samlinger, kan det hende du må gå gjennom Valutavisning i seksjonen Butikkstandarder under Innstillinger > Generelt for å kontrollere at det ikke ligger overflødig kode der. Finn ut mer om formatering av valutavisning for kunder.

Hvis noen produkter eller samlinger vises annerledes enn andre, kan det hende du må gå gjennom temamalen som er tilordnet produktene eller samlingene i Shopify-administrator.

Oversatt innhold vises ikke riktig

Hvis oversatt innhold ikke vises riktig eller mangler i butikkfronten, kan det være på grunn av utdaterte oversettelser eller manglende oversettelser for innhold. Innholdet kan også være i en bestemt mal for et marked. Når du legger til nytt innhold på standardspråket, må du huske å kjøre automatisk oversettelse på nytt, eller legge til nye oversettelser manuelt.

Følgende statuser kan gjelde for oversatt innhold:

Oversatt: Det finnes oversettelser av innholdet.
Utdatert: Innholdet i standardspråket er oppdatert, men oversettelsene reflekterer ingen oppdateringer.
Uoversatt: Det finnes ingen oversettelser for denne innholdstypen.

Når du går gjennom det oversatte innholdet, må du oppdatere innhold som ikke er oversatt eller utdatert, så bør det oversatte innholdet vises riktig.

Finn ut mer om oversetting og lokal tilpasning av butikken.

Oppdateringer i temaredigeringsprogrammet vises ikke i butikkfronten

Hvis butikkfronten og temaredigeringsprogrammet ikke viser samme informasjon, må du gå gjennom temamalen du redigerer. Det kan hende du må gjøre redigeringer for å oppdatere temamalene og vise riktig informasjon. Ved hjelp av konteksttilpasning i butikken kan du opprette ulike butikkfronter for ulike markeder og vise oversatt innhold. Du har kanskje utilsiktet jobbet med et bestemt marked eller B2B når du har gjort oppdateringer. Finn innholdet i rullegardinmenyen Kontekst i temaredigeringsprogrammet for å kontrollere at det ligger i riktig marked.

Finn ut mer om konteksttilpasning av butikken.

Redigeringsprogram for rik tekst

Av og til kan HTML-kode i redigeringsprogrammet for rik tekst komme i konflikt med temakoden. Hvis problemet finnes på en enkeltside, som en produktside, side eller et blogginnlegg, kan det være på grunn av ekstra HTML-kode. Dette kan noen ganger følge med når man kopierer og limer inn tekst fra et annet nettsted.

Gjennomgå HTML-koden

Du kan gå gjennom HTML-koden i redigeringsprogrammet for rik tekst.

Trinn:

Gå til siden i administrator.
Klikk på knappen </> Vis HTML for å gå gjennom HTML-koden.
Finn eventuell HTML-kode som kan forårsake visningsproblemer, og fjern den.
Klikk på Lagre.

Fjern formateringen

Du kan fremheve deler av teksten og fjerne HTML-formatering.

Trinn:

Gå til siden i administrator.
Fremhev teksten med formateringsproblemene.
Klikk på knappen 🚫.
Klikk på Lagre.

Finn ut mer om redigeringsprogram for rik tekst.

Siden omdirigerer til en nettadresse som ikke er støttet

Hvis butikkfronten inneholder kode som omdirigerer brukere til URL-adresser som ikke er koblet til butikken din, må du bekrefte at omdirigeringen har blitt deaktivert når du besøker temaredigeringsprogrammet.

Denne typen omdirigering kan for eksempel legges til i en butikkfront for å henvise brukere til ulike Shopify-butikker avhengig av plasseringen deres. Denne typen omdirigeringskode kan ligge i enten temaet eller en app du har installert.

For å sikre at omdirigeringen ikke påvirker redigeringsopplevelsen må du bruke en referanse til window.Shopify.designMode-variabelen i JavaScript for å deaktivere omdirigeringen når du besøker temaredigeringsprogrammet. Denne variabelen er angitt til true når butikkfronten er lastet inn i redigeringsprogrammet, og false når den ikke er det.

Koderelaterte feilmeldinger

Hvis det er en syntaksfeil i temakoden, ser du advarselsmeldingene HTML error found eller Theme error i temaredigeringsprogrammet. Feilmeldingen oppgir også hvilken Liquid-fil som inneholder feilen.

Advarselsmeldingen The theme you're looking for couldn't be found kan vises når det er feilformatert HTML-kode. Det kan være mange grunner til at en side ikke kan lastes inn i temaredigeringsprogrammet, som for eksempel følgende:

problemer med nettverkstilkobling
ugyldig Liquid-kode i temaet ditt

Du kan finne kodeendringene i temakoden og rette koden, eller du kan tilbakestille filen til før kodeendringen.

Steg

Klikk på .liquid-seksjonsfilen som er koblet til fra feilmeldingen, eller gå gjennom filene for nylige endringer. Dette tar deg til siden Rediger HTML/CSS, og filen åpnes i koderedigeringsprogrammet.
Se gjennom koden i filen, og prøv å finne ugyldig HTML- eller Liquid-kode. Koderedigeringsprogrammet viser potensielle syntaksfeil i rødt. Vanlige problemer inkluderer følgende:
- Ekstra avsluttende HTML-tagger, for eksempel en avsluttende </div> uten en åpningstagg <div>
- Ekstra ikke-lukkede HTML-tagger, for eksempel en åpnende <div> uten en avsluttende tagg. </div>
- Feilformaterte HTML-tagger, for eksempel <div class="my-class" uten en >
- Feilformatert Liquid-kode
- Ødelagt HTML-kode i en inkludert temakodebitfil
Når du har funnet problemet, må du rette koden i temafilen, eller tilbakestille koden ved å velge en tidligere versjon under Nylige endringer.
Klikk på Lagre.
Klikk Tilpass for å gå tilbake til temaredigeringsprogrammet og bekrefte at feilmeldingen er borte.
Gå til butikkfronten og kontroller at den vises som forventet.