---
title: "Egendefinert banner / bånd"
url: "https://support.acendy.com/no/article/egendefinert-banner"
language: "no"
last_updated: "2026-01-27T07:19:22.002Z"
---

# Egendefinert banner / bånd

Designbyggeren støtter som standard egendefinerte produktbannere, hvor man kan fylle inn tekst, farge og ikon som da plasseres over produktbildet både på produktside og i produktboksen.

Produkttagger må legges til av Mystore - kontakt support ved behov.

Med denne utgaven av egendefinert banner/bånd kan man på hvert produkt legge til et bånd med valgfri tekst, farge og ikon. Båndet vil så vises på produktbokser **og** produktsiden. 

Etter aktivering har man tilgang til følgende tags på produktsiden i kontrollpanelet: 

-   **custom\_ribbon\_text:** Tekst som vises i båndet
-   **custom\_ribbon\_text\_color:** Farge på tekst og ikon i båndet
-   **custom\_ribbon\_color:** Bakgrunnsfarge på båndet
-   **custom\_ribbon\_icon:** Ikon inne i båndet

![](https://cdn-assets.productfruits.com/4e5875f3-d293-4bbd-9783-fba3edd2dacd)

### Farge

Legg til ønsket bakgrunnsfarge for båndet. Du kan bruke fargenavn, HEX og RGB. 

For eksempel: 

-   IndianRed
-   #CD5C5C
-   rgb(205, 92, 92)

> Valg av ikoner
> 
> Med design gjennom designbyggeren kan kun forhåndsdefinerte ikoner benyttes. Disse finner du under.

## Spesialtilpasning

Båndet har ingen andre designinnstillinger enn bakgrunnsfargen. Imidlertid har det mange spesifikke klasser som gjør det enkelt å tilpasse alt.

-   `__custom_ribbon_text_pp` - klasse spesifikk for produktsider
-   `__custom_ribbon_text_pb` - klasse spesifikk for produktbokser
-   `__custom_ribbon_text` - gjelder både for produktbokser og produktsider
-   `__custom_ribbon_icon` - ikoner er plassert i en <span> med denne klassen, noe som gjør det enkelt å målrette og tilpasse ikonet ved å bruke `__custom_ribbon_icon > svg`
-   `custom_ribbon_text` - gjelder både for produktbokser og produktsider
-   `star` (ikonnavn) - ikonnavnklasse: navnet på ikonet vil også legges til som en klasse. Dette gjør det mulig å tilpasse bånd basert på hvilket ikon de har.

Ved å bruke disse klassene kan du tilpasse bånd og gjøre hver endring svært spesifikk.  
Dette eksempelet viser hvordan **border-radius**, **background-color** og **color** endres for bånd på produktbokser **kun hvis de har 'star'-klassen**:

```
.__custom_ribbon_text_pb.star {
  border-radius: 4px;
  background: black;
  color: white;
}
```

## Tilgjengelige ikoner

Følgende ikoner er tilgjengelig for bruk. Bruk navnet som står under ikonet. 

| star<br>  <br>  <br>star | check<br>  <br>  <br>check |
| --- | --- |
| fire<br>  <br>  <br>fire | trophy<br>  <br>  <br>trophy |
| hashtag<br>  <br>  <br>hashtag | leaf<br>  <br>  <br>leaf |
| globe<br>  <br>  <br>globe | arrow-trend-up<br>  <br>  <br>arrow-trend-up |
| moon<br>  <br>  <br>moon | brain<br>  <br>  <br>brain |
| package-plus<br>  <br>  <br>package-plus | package<br>  <br>  <br>package |
|  |  |