> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Produktbilleder i Upcart er strakte / sammenpressede

> Denne artikel forklarer, hvordan du retter produktbilleder i Upcart, der ser afskårne, strakte eller sammenpressede ud.

⚠️ **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.](/da/upcart/upcart_v20_migration_guide)

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.

<div id="overview">
  ## Oversigt
</div>

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.

***

<div id="how-to-fix-it">
  ## Sådan løser du det
</div>

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

<div id="accessing-custom-css-settings">
  ## Adgang til indstillinger for brugerdefineret CSS
</div>

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**.

***

<div id="adding-the-css">
  ## Tilføjelse af CSS'en
</div>

1. Kopiér og indsæt følgende CSS-kodestykke i feltet **Custom CSS**:

```
#CartPopup img {  
  object-fit: contain !important;  
}  
  
.upcart-upsell-item-image-wrapper a {  
  height: 100% !important;  
  display: flex !important;  
}  
  
.upcart-upsell-item-image-wrapper {  
  background-color: transparent !important;  
}  
  
@media (max-width: 600px) {  
  [class*="styles_ProductRow__imageWrapper__"] {  
    height: auto !important;  
  }  
}
```

1. Gem dine ændringer.
2. Genindlæs din webshop, og åbn Upcart for at bekræfte, at billederne nu vises korrekt.

***

<div id="why-this-happens">
  ## Hvorfor dette sker
</div>

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.