Feilsøking for temaet i nettbutikken

Bilder kan vises annerledes enn du forventer, men det kan skyldes at selve bildet ikke er kompatibelt med det du bruker bildet til i temaet. Bekreft at bildedimensjonene er riktige i bildet du bruker. Se gjennom følgende liste over vanlige visningsproblemer som kan oppstå når du laster opp et inkompatibelt bilde:

• Hvis overskriften vises større og logobildet vises mindre enn du forventer, kan det skyldes tomrom i logobildefilen. Tomrom i logobildefilen kan føre til at logoen vises mindre og at overskriften vises større på grunn av tomrommet. Rediger bildefilen for å bekrefte at den er beskåret rundt logoen og at det ikke er noe tomrom.
• Hvis lysbildefremvisningsbildet blir beskåret, er dette med hensikt for å sikre at bildene vises likt på mobil og på stasjonære datamaskiner. Fordi innhold vises mye mindre på en mobilskjerm, kan mange detaljer gå tapt ved å krympe innholdet. I stedet beskjæres innholdet for å sikre at detaljene ikke går tapt. Et portrettbilde, som er høyere enn det er bredt, kan også ta opp betydelig plass på en stasjonær datamaskin. Dette er grunnen til at lysbildefremvisningsbilder har en maksimal høyde. Du kan legge til et fokuspunkt til lysbildefremvisningsbildene for å sikre at fokuspunktet alltid er midt i lysbildefremvisningsbildet.

  Alternativ for adaptiv høyde: Mange Shopify-temaer inkluderer en innstilling for adaptiv høyde for lysbildefremvisninger som justerer høyden på lysbildefremvisningen for å samsvare med det første lysbildet, noe som reduserer beskjæring på tvers av ulike skjermstørrelser. Denne funksjonen er tilgjengelig i alle temaer utviklet av Shopify som støttes for øyeblikket.

• Hvis et GIF-bilde ikke vises riktig, og det er lagt til i utstillingsvinduet med redigeringsprogrammet for rik tekst, for eksempel i produktbeskrivelsen eller i et blogginnlegg, kan det skyldes bildestørrelsen. Du kan korrigere dette ved å klikke på GIF-en i redigeringsprogrammet for rik tekst og deretter klikke på Rediger bilde. I rullegardinmenyen Bildestørrelse velger du Original. Deretter kan du endre størrelsen på GIF-en ved å klikke og dra i hjørnene på bildet innover for å gjøre det mindre, eller utover for å gjøre det større.
• Hvis bildene har en betydelig fargeendring i utstillingsvinduet i forhold til originalbildet, kan det hende at bildene dine ikke er i standardfargene rød, grønn, blå (sRGB). For å fikse denne fargeendringen lagrer du filen i et bilderedigeringsprogram som sRGB. Vanlige begreper for dette er «Nettoptimaliser», «Juster bilde for nett» eller «Lagre for nett». Finn ut mer om fargeprofiler.
• Hvis produktbildene på samlingssidene ikke er justert, må du kanskje justere sideforholdet i produktbildefilene slik at de har samme høyde/bredde-forhold, og deretter laste opp produktbildet på nytt. Du kan også bruke en bilderedigeringsapp fra Shopify App Store.

Gå gjennom punktene under for å finne ditt spesifikke problem og trinn for feilsøking:

• Produkter mangler: Hvis produktene dine mangler i utstillingsvinduet, må du kanskje se gjennom Status og Salgskanaler i Publisering-seksjonen for produktet i Shopify-administrator. Bekreft at produktstatusen er Aktiv og at produktet er tilgjengelig for Nettbutikk.
• Samlinger mangler: Hvis samlingene dine mangler i utstillingsvinduet, må du kanskje se gjennom Salgskanaler i Publisering-seksjonen for samlingen i Shopify-administrator. Bekreft at samlingen er tilgjengelig for Nettbutikk, og at samlingen er lagt til i menyene.
• Samlinger vises, men produkter mangler: Hvis samlingene vises, men produkter mangler, må du kanskje se gjennom eventuelle taggfiltre for samlingen i innstillingene for Menyer. Bekreft at det ikke er noen tagger i feltet Filtrer samling med tagger som kan føre til at produkter ikke vises.
• Feil valuta: Hvis valutaen ikke vises riktig for produkter eller i samlinger, kan det være lurt å se gjennom Valutavisning i Butikkstandarder-seksjonen i Innstillinger > Generelt for å bekrefte at det ikke er noen tilleggskode. Finn ut mer om å formatere hvordan valuta vises for kundene.
• Noen produkter vises annerledes: Hvis noen produkter eller samlinger vises annerledes enn de andre, kan du se gjennom Temamalen som er tilordnet produktene eller samlingene i Shopify-administrator.
• Kan ikke redigere produkt- eller samlingsmaler: Hvis standard produkt- eller samlingsmaler er nedtonet og ikke kan velges i temaredigeringsprogrammet, må du gjøre minst ett produkt eller én samling tilgjengelig for salgskanalen Nettbutikk. Du kan ikke redigere disse standardmalene uten å ha produkter eller samlinger tilgjengelig for å forhåndsvise endringene. Finn ut mer om hvordan du endrer tilgjengeligheten for en samling og angir produkttilgjengelighet i salgskanalene.

Hvis det oversatte innholdet ikke vises riktig eller mangler i utstillingsvinduet, kan det skyldes foreldede eller manglende oversettelser av innholdet. Innholdet kan også være i en bestemt mal for et marked. Hver gang 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: Innholdet har tilgjengelige oversettelser.
• Foreldet: Innholdet på standardspråket er oppdatert, men oversettelsene gjenspeiler ingen oppdateringer.
• Ikke oversatt: Det finnes ingen oversettelser for denne innholdstypen.

Når du ser gjennom det oversatte innholdet, kan du oppdatere alt uoversatt eller foreldet innhold, og det oversatte innholdet skal da vises riktig.

Finn ut mer om å oversette og lokalisere butikken.

Hvis utstillingsvinduet og temaredigeringsprogrammet ikke viser den samme informasjonen, kan du gå gjennom temamalen du redigerer. Du må kanskje gjøre endringer for å oppdatere temamalene slik at de viser riktig informasjon.

Lokale innstillinger lar deg opprette ulike utstillingsvinduer for ulike markeder og vise oversatt innhold. Du kan utilsiktet ha jobbet i et bestemt marked eller B2B da du gjorde oppdateringer. Finn innholdet med Marked-rullegardinmenyen i temaredigeringsprogrammet for å sikre at det er i de riktige markedene.

Finn ut mer om lokale innstillinger.

Alle temaer som er tilgjengelige i Shopify Theme Store er responsive temaer, som betyr at temaet tilpasser seg skjermstørrelsen. I temaredigeringsprogrammet kan du bytte visning for skjermstørrelse under redigering av temaet for å kontrollere at sidene og bildene dine vises riktig. Finn ut mer om visning av ulike skjermstørrelser i temaredigeringsprogrammet.

Mange av seksjonene og blokkene har mobilinnstillinger du kan tilpasse. Du kan for eksempel angi Antall kolonner på mobil i Relaterte produkter-seksjonen. Du kan gå gjennom seksjonsinnstillingene for mobil for hver mal for å feilsøke eventuelle visningsproblemer på mobilskjermer.

Enkelte temafunksjoner kan vises annerledes på mobil enn på stasjonære datamaskiner for å sikre at temaet er tilgjengelig på alle skjermstørrelser. På en stasjonær skjerm kan for eksempel lysbildefremvisningen ha et tekstoverlegg, der teksten vises oppå bildet, ofte med en viss fargeopasitet på bildet eller en tekstskygge. På mobilskjermer kan imidlertid teksten vises under lysbildefremvisningen. Dette er en tilgjengelighetsfunksjon som er slik med hensikt, slik at teksten er lesbar på alle skjermstørrelser. Hvis teksten hadde vært et overlegg, ville den blitt vist veldig liten på mobil, noe som gjør den vanskelig å lese.

Hvis seksjonen for utvalgt samling eller samlingssider viser inkonsistente størrelser eller ikke er justert når du ser utstillingsvinduet på mobil, kan det skyldes inkonsistente sideforhold. Bilderutenett, som produktbilder som vises i en samling eller utvalgt samling, er laget for å være responsive for skjermstørrelsen. Hvis du har inkonsistente sideforhold for bildene i bilderutenettet, kan de vises ulikt avhengig av skjermstørrelsen. Kvadratiske produktbilder som er 2048 x 2048 piksler fungerer vanligvis best i produktrutenett. Oppdater bildene dine til å ha et konsekvent sideforhold for optimering på tvers av alle skjermstørrelser. Finn ut mer om sideforhold for bilder.

Noen ganger er HTML-koden som er lagt til i redigeringsprogrammet for rik tekst i konflikt med temakoden. Hvis problemet finnes på én enkelt side, for eksempel en produktside, side eller et blogginnlegg, kan det skyldes ekstra HTML. Dette kan noen ganger legges til ved å kopiere og lime inn tekst fra et annet nettsted.

Se gjennom HTML-koden

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

Trinn:

1. Gå til siden i administratorpanelet.
2. Klikk på Vis HTML-knappen for å se gjennom HTML-koden.
3. Finn eventuell HTML-kode som kan forårsake visningsproblemer, og fjern den.
4. Klikk på Lagre.

Fjern formateringen

Du kan merke en del av teksten og fjerne HTML-formateringen.

Trinn:

1. Gå til siden i administratorpanelet.
2. Merk teksten med formateringsproblemer.
3. Klikk på 🚫-knappen.
4. Klikk på Lagre.

Finn ut mer om redigeringsprogrammet for rik tekst.

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

Denne typen omdirigering kan for eksempel legges til i et utstillingsvindu for å sende kunder til ulike Shopify-butikker avhengig av hvor de befinner seg. Denne typen omdirigeringskode kan finnes enten i temaet ditt eller i en app du har installert.

For å bekrefte at omdirigeringen ikke forstyrrer redigeringsopplevelsen, kan du bruke en referanse til variabelen window.Shopify.designMode i JavaScript for å deaktivere omdirigeringen når du besøker temaredigeringsprogrammet. Denne variabelen er satt til true når utstillingsvinduet lastes inn i redigeringsprogrammet, og false når det ikke gjør det.

Hvis du har sammenleggbare blokker eller andre temablokker som viser det samme innholdet på alle produktsider, må du konfigurere dynamiske kilder med metafelter. Dette skjer ofte når forhandlere legger til produktspesifikk informasjon, som ingredienser eller vedlikeholdsinstruksjoner, for ett produkt, men det vises på alle produkter.

Sammenleggbare blokker viser samme tekst på alle produkter

Når du legger til innhold direkte i en skjulbar blokk i temaredigeringsprogrammet, vises innholdet på alle produktsider. For å vise produktspesifikt innhold må du bruke dynamiske kilder med metafelt:

1. Gå til Innstillinger > Metafelt > Produkter i Shopify-administrator.
2. Klikk på Legg til definisjon.
3. Angi et navn for metafeltet, og klikk deretter på Velg innholdstype.
4. Velg Tekst og Flerlinjetekst.
5. Klikk på Lagre.
6. Gå til en produktside i administratorpanelet og rull til metefeltseksjonen nederst på siden.
7. Legg til det produktspesifikke innholdet i metafeltet du opprettet.
8. Gå til produktmalen i temaredigeringsprogrammet og finn seksjonen Sammenleggbar rad.
9. I Radinnhold-innstillingen klikker du på -knappen.
10. Velg metafeltet ditt fra de tilgjengelige alternativene.
11. Lagre endringene.

Nå vil hvert produkt vise sitt eget innhold når metafeltet er fylt ut, og det vises ikke noe innhold hvis metafeltet er tomt for det produktet.

Finn ut mer om visning av metafelter i nettbutikken og bruk av metafelter og metaobjekter med dynamiske kilder.

Hvis det er en syntaksfeil i temakoden, vises en advarsel med HTML-feil funnet eller Temafeil i temaredigeringsprogrammet. Feilmeldingen viser Liquid-filen som inneholder feilen.

En advarsel med Temaet du leter etter ble ikke funnet kan vises når det er ødelagt HTML. En side kan ikke lastes inn i temaredigeringsprogrammet av mange årsaker, som for eksempel følgende:

• problemer med nettverkstilkoblingen
• ugyldig Liquid-kode i temaet

Du kan finne kodeendringene i temakoden og rette opp koden. Hvis du kan identifisere den berørte eksisterende filen, kan du gjenopprette den til en tilgjengelig tidligere versjon i koderedigeringsprogrammets Tidslinje-visning.

Trinn:

1. Klikk på .liquid-seksjonsfilen som er koblet til i feilmeldingen, eller se gjennom filene for nylige endringer. Dette tar deg til siden Rediger HTML/Cascading Style Sheets (CSS), og filen åpnes i koderedigeringsprogrammet.
2. Bla gjennom koden i filen og prøv å finne ugyldig HTML eller Liquid. Koderedigeringsprogrammet viser potensielle syntaksfeil i rødt. Vanlige problemer er blant annet følgende:
   • Overflødige avsluttende HTML-tagger, for eksempel en avsluttende </div> uten en innledende <div>
   • Uavsluttede HTML-tagger, for eksempel en innledende <div> uten en avsluttende </div>
   • Ugyldig formaterte HTML-tagger, for eksempel <div class="my-class" uten >
   • Ugyldig formatert Liquid-kode
   • Ødelagt HTML i en inkludert temakodebit-fil
3. Når du har funnet problemet, retter du opp koden i temafilen. Hvis du bruker koderedigeringsprogrammets Tidslinje-visning til å velge en tidligere versjon og klikke på Gjenopprett innhold, erstattes hele filinnholdet. Kopier det gjeldende filinnholdet til et trygt sted først hvis du vil beholde eventuelle endringer.
4. Klikk på Lagre.
5. Klikk på Rediger tema for å gå tilbake til temaredigeringsprogrammet, og bekreft at feilmeldingen er borte.
6. Gå til nettbutikken for å bekrefte at den vises som forventet.

Feilmeldingen «Exceeded maximum number of unique handles»

Hvis du får opp Liquid-feilmeldingen «Exceeded maximum number of unique handles for all_products» på hjemmesiden, betyr det vanligvis at du har lagt til for mange seksjoner for utvalgte produkter (vanligvis mer enn 20 seksjoner i de fleste temaer).

Slik løser du dette:

1. I Shopify-administrator går du til Nettbutikk > Temaer.
2. Finn det gjeldende temaet og klikk på Rediger tema.
3. Gå til hjemmesiden.
4. Fjern noen av seksjonene for utvalgte produkter for å holde deg innenfor temaets grenser.
5. Vurder å bruke seksjoner for utvalgte samlinger i stedet, som kan vise flere produkter mer effektivt og forbedre butikkens ytelse.

Betalingsikoner er vanligvis inkludert som standard i bunntekstene til de fleste temaer for å vise kundene hvilke betalingsmåter du godtar. Hvis betalingsikonene ikke vises i temaets bunntekst, kan du sjekke følgende:

1. Gå til Bunntekst-seksjonen i temaredigeringsprogrammet, og bekreft at innstillingen Vis betalingsikoner er aktivert.
2. Gå til Innstillinger > Betalinger i Shopify-administrator, og bekreft at du har minst én aktiv betalingsmåte. For noen betalingsmåter må kontooppsettet fullføres før ikonene vises.
3. Hvis du bruker en tredjeparts betalingsgateway, kan det hende at betalingsikonene ikke vises på grunn av plattformbegrensninger.

Hvis du har kontrollert disse innstillingene og betalingsikonene fortsatt ikke vises, må du kanskje få støtte for temaet ditt.