Produktside: Pris
Pris
Pris-blokken viser den gjeldende prisen på produktet på produktsiden. Den håndterer ordinære priser, tilbudspriser, gruppepriser, overstrøket gammel pris, en rabattprosent-merkelapp og et valgfritt «du sparer»-banner.
Dette er en av blokkene med flest innstillinger. Den gode nyheten: du trenger bare å justere de få som faktisk påvirker det kunden ser.
Hva den viser
Produktprisen, med egen styling for ordinær pris og rabattert pris når et produkt er på tilbud. Hvis produktet har en tilbudspris, vises den opprinnelige prisen overstrøket ved siden av den nye. Valgfrie tillegg er en prosent-merkelapp og et banner som viser hvor mye kunden sparer.
Grunnleggende prisstyling
Innstilling | Hva den styrer |
|---|---|
Størrelse på gjeldende pris | Fontstørrelse på hovedprisen |
Størrelse på gammel pris | Fontstørrelse på den overstrøkne opprinnelige prisen |
Farge på ordinær pris | Fargen på ordinær pris |
Farge på rabattpris | Fargen når produktet er på tilbud |
Fontvekt på ordinær pris | Hvor fet en ikke-tilbudspris er |
Fontvekt på rabattpris | Hvor fet en tilbudspris er |
Tekst før ordinær pris | Valgfri prefiks (f.eks. «Fra») |
Tekst før gruppepris | Valgfri prefiks vist for innloggede klubbmedlemmer på gruppepriser |
Vis veiledende pris som standard | Om opprinnelig veiledende pris skal vises som standard |
Vis mva. | Vis pris med eller uten mva. |
Margin | Avstand rundt blokken |
Rabattprosent-merkelapp
En liten merkelapp som viser prosent avslag når et produkt er på tilbud.
Innstilling | Hva den styrer |
|---|---|
Vis rabattmerke | Slå prosentmerket av eller på |
Prefiks for rabattprosent | Valgfri tekst foran tallet (f.eks. «Spar», «-») |
Bakgrunn på rabattprosent | Fyll på merket |
Tekstfarge på rabattprosent | Tallet inni merket |
Fontstørrelse på rabattprosent | Størrelsen på tallet |
Fontvekt på rabattprosent | Hvor fet tallet er |
Kantlinjefarge på rabattmerke | Fargen på kantlinjen |
Kantlinjebredde på rabatt | Tykkelsen på kantlinjen |
Hjørneradius | Avrunder merkets hjørner |
Bruk global radius | Bruk temaets globale hjørneavrunding i stedet |
Sparebanner
Et større banner som fremhever sparesummen.
Innstilling | Hva den styrer |
|---|---|
Vis sparebanner | Slå banneret av eller på |
Fontstørrelse på sparing | Størrelsen på bannerteksten |
Fontvekt på sparing | Hvor fet teksten er |
Tekstfarge på sparing | Fargen på teksten |
Bakgrunn på sparing | Bannerets fyll |
Radius på sparing | Avrunder bannerets hjørner |
Justering av sparing | Justerer teksten til venstre, midtstilt eller høyre |
Vis rabattprosent
Vis rabattprosent — en egen bryter som styrer om prosenten i det hele tatt vises (uavhengig av stylingen over).
Tips
- De to mest virkningsfulle innstillingene er Vis rabattmerke og Vis sparebanner — det er disse som får et tilbud til å føles akutt. Slå på minst én av dem hvis butikken har rabatter.
- Bruk Tekst før ordinær pris («Fra») på produkter med varianter der den viste prisen ikke nødvendigvis er den eneste tilgjengelige.
- Ikke slå på både merket og banneret med skrikende farger. Velg én av dem som visuell hovedperson.