Skip to main content
⚠️ Vigtig meddelelse Denne tilpasning virker kun med Version 1 af Upcarts kurvmoduler. Hvis du for nylig har opgraderet din kurv til Version 2, virker disse tilpasninger muligvis ikke. Du skal bruge de nye selektorer til Version 2, som findes i migrationsguiden. Hvis dine tilpasninger ikke virker som forventet, kan du også rulle din kurv tilbage til Version 1 i stedet for at bruge Version 2. Vi arbejder i øjeblikket på nye tilpasningsskabeloner til Version 2 af modulerne, og de vil snart være tilgængelige.

​
Oversigt

Hvis dine produktbilleder ser strakte, sammenpressede eller afskårne ud i Upcart, skyldes det normalt en stylingkonflikt med temaet. Nogle Shopify-temaer anvender global billedstyling, der påvirker, hvordan produktbilleder vises i Upcart. Du kan løse dette problem ved at tilføje en kort CSS-tilpasning direkte i Upcarts editorindstillinger.

​
Sådan løser du det

Følg disse trin for at anvende en CSS-tilpasning, der bevarer dine produktbilleders proportioner.

​
Adgang til indstillinger for brugerdefineret CSS

  1. Åbn Upcart-appen fra dit Shopify-dashboard.
  2. Naviger til Cart Editor.
  3. Åbn Settings, og vælg fanen Custom CSS. Settings er en række faner — hvis du ikke ser Custom CSS, findes den bag More settings.

​
Tilføjelse af CSS’en

  1. Kopiér og indsæt følgende CSS-kodestykke i feltet Custom CSS:
  1. Gem dine ændringer.
  2. Genindlæs din webshop, og åbn Upcart for at bekræfte, at billederne nu vises korrekt.

​
Hvorfor dette sker

Nogle Shopify-temaer anvender globale CSS-regler, der ændrer størrelse på eller beskærer billeder på måder, som påvirker, hvordan de vises i tredjepartsapps som Upcart. Disse regler kan tilsidesætte Upcarts standardstyling og forvrænge billedproportionerne. CSS-kodestykket ovenfor sikrer, at produktbilleder bevarer deres oprindelige billedformat og vises korrekt på både desktop- og mobilenheder.