Oversigt

Upcarts besparelsesrække viser oplysninger om anvendte rabatter, koder og besparelser. Hvis du foretrækker et mere minimalistisk layout, kan du selektivt skjule elementer ved hjælp af brugerdefineret CSS. Du kan fjerne hele rækken eller kun specifikke dele som rabatbeløbet, kode-badges eller ordet “Discount”.

Her finder du den brugerdefinerede CSS-editor

Gå til Upcart > Cart Editor > Settings > Custom CSS
Indsæt kodestykkerne nedenfor i inputfeltet
Klik på Save
Genindlæs din webshop for at se ændringerne live

CSS-eksempler

Skjul hele besparelsesrækken i V1.0

.upcart-savings-row {  
  display: none;  
}

Skjul hele besparelsesrækken i V2.0

.upcart-public-cart-summary {  
  display: none;  
}

Fjerner alt rabatrelateret indhold fra cart draweren.

Skjul kun rabatbeløbet i V1.0

.upcart-savings-amount {       
  display: none;     
}

Skjul kun rabatbeløbet i V2.0

.upcart-public-cart-summary__total-discount {       
  display: none;     
}

Holder rabatetiketten eller koden synlig, men skjuler det sparede beløb.

Skjul rabatkode-badges i V1.0

.upcart-discount-code-badge {       
  display: none;     
}

Skjul rabatkode-badges i V2.0

.upcart-public-cart-summary__slide-codes {       
  display: none;     
}

Skjuler det visuelle badge, der viser den aktive rabatkode.

Skjul besparelsesetiketten i V1.0 V1-etiketten har ikke sin egen klasse, så afgræns reglen til besparelsesrækken:

.upcart-savings-row .styles_Footer__savingsCodes__ > span {       
  display: none;     
}

Målret ikke .UpcartDesignSettings__cartTextColor alene. Det er den globale utility-klasse for kurvens tekstfarve, som anvendes på headeren, meddelelser, belønningsbjælken, produkttitler, anbefalingstitlen og mere — skjuler du den, bliver det meste af kurven tom.

Selve etiketteksten er din Total discount savings text-oversættelse, som som standard er “Discounts” — du kan ændre ordlyden dér i stedet for at skjule den.

Skjul ordet “Discount” i V2.0

.upcart-public-cart-summary__discount-label {       
  display: none;     
}

Skjuler statisk tekst, der bruger ordet “Discount”. Du kan eventuelt justere denne selektor manuelt for mere præcis målretning.

Vigtig bemærkning

At skjule elementer, især rabatbeløbet, kan reducere synligheden af kampagner og besparelser. Overvej kundeoplevelsen, før du anvender disse ændringer.

Brug for hjælp?

Til avanceret styling eller layoutændringer anbefaler vi at samarbejde med en Shopify Expert. Upcarts supportteam hjælper ikke med implementering af brugerdefineret kode. Se Shopify Experts

Reference for kurvfunktioner

CSS-reference

Stylingopskrifter

Funktionalitetsopskrifter

Tilpassede skabeloner

Upcarts offentlige API

Skjul rabatrækken eller specifikke besparelseselementer

Oversigt

Her finder du den brugerdefinerede CSS-editor

CSS-eksempler

Skjul hele besparelsesrækken i V2.0

Skjul kun rabatbeløbet i V2.0

Skjul ordet “Discount” i V2.0

Vigtig bemærkning

Brug for hjælp?

​Oversigt

​Her finder du den brugerdefinerede CSS-editor

​CSS-eksempler

​Skjul hele besparelsesrækken i V2.0

​Skjul kun rabatbeløbet i V2.0

​Skjul ordet “Discount” i V2.0

​Vigtig bemærkning

​Brug for hjælp?

Oversigt

Her finder du den brugerdefinerede CSS-editor

CSS-eksempler

Skjul hele besparelsesrækken i V2.0

Skjul kun rabatbeløbet i V2.0

Skjul ordet “Discount” i V2.0

Vigtig bemærkning

Brug for hjælp?