I denne vejledning kan du finde HTML-parametrene for at tilføje indkøbskurven til alle sider på dit websted. Parametrene er en del af en indlejret kode i din webshop og ser sådan ud:

cartType: 'overlay' cartColor: '#56AAD8' showMobileCart: true flatBackgroundColor: 'transparent' overlayBackgroundColor: '#F3F3F3' mobileBackgroundColor: '#FFFFFF' overlayPosition: 75

Hvis du vil vise indkøbskurven på din Hjemmesideprogram-side, kan du bruge kode komponenten til at indsætte den.

Placeringen af din kode komponent skal være Normal eller lige før den afsluttende </body> tag (fastgjort). Hvis du placerer kode komponenten i din skabelon, ville den blive synlig på alle dine sider som bruger denne skabelon.

---

Hvilke parametre kan jeg ændre?

Du kan ændre følgende parametre:

Vælg type af indkøbskurv

Indstil indkøbskurvens farve

Vis indkøbskurv på mobil

Baggrundsfarven på den flade indkøbskurv

Baggrundsfarve på den overlappende indkøbskurv

Baggrundsfarve på mobil indkøbskurven

Overlap position på side

Vi har angivet, hvad hvert parameter gør, og hvordan du kan justere det.

---

Vælg type af indkøbskurv

Du kan vælge imellem to typer af indkøbskurve, der kan vises på din side:

• overlap - fastholdes i den position på siden, du vælger. Den forbliver synlig, når du ruller op og ned på siden.
• flad - ikonet er placeret et bestemt sted på din side, hvor det vil forblive. Det er ikke synligt, hvis du ruller ned.

Vælg mellem 'overlap' eller 'flad'. Hvis du ikke vælger noget, vil det vende tilbage til standardindstillingen 'overlap'.

Eksempel:

cartType: 'overlay'

---

Indstil farve på indkøbskurv

Dette bestemmer farven på den indkøbskurv, der anvendes på alle typer vogne; flad, overlap og på mobil. Standardværdien er #56AAD8, men du kan erstatte den med enhver HTML farve kode du ville have.

Eksempel:

cartColor: '#56AAD8'

---

Vis indkøbskurv på mobil

Denne indstilling giver dig mulighed for at deaktivere indkøbskurven på mobile enheder. Sæt værdien til true, for at vise indkøbskurven på mobilen eller false for at skjule den.

Eksempel:

showMobileCart: true

---

Baggrundsfarven på den flade indkøbskurv

Denne indstilling ændrer baggrundsfarven på den flade indkøbskurv. Det ville sætte en lille firkant rundt om indkøbskurvens ikon. Standardindstillingen er gennemsigtig, men du kan erstatte den med enhver HTML farvekode som du ønsker.

Eksempel:

flatBackgroundColor: 'transparent'

---

Baggrundsfarven på den overlappende indkøbskurv

Denne indstilling ændrer baggrundsfarven på den overlappende indkøbskurv. Den lægger en lille firkant omkring indkøbskurvens ikon. Standardindstillingen er lysegrå (#F3F3F3),nbsp;men du kan erstatte den med enhver HTML farvekode som du ønsker.

Eksempel:

overlayBackgroundColor: '#F3F3F3'

---

Baggrundsfarven på mobil indkøbskurven

Denne indstilling ændrer baggrundsfarven på mobil indkøbskurven. Den sætter en lille firkant rundt om indkøbskurvens ikon. Standardindstillingen er hvid (FFFFFF), men du kan erstatte den med enhver HTML farvekode som du ønsker.

Eksempel:

mobileBackgroundColor: '#FFFFFF'

---

Overlap position på side

Denne indstilling angiver den vertikale placering af den overlappende indkøbskurv fra  toppen af siden, jo højere procentdelen er, desto lavere er kurven placeret på siden. Procentdelen beregnes ud fra skærmens højde. Vælg et tal mellem 1-100.

Eksempel:

overlayPosition: 75

---

Relaterede artikler:

CSS-parametre for Webshoppen

Kom i gang med din webshop