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:
