Blokk: Lagerstatus
Med blokken for lagerstatus kan du tilpasse hvordan kunder ser lagerbeholdningen til et produkt. Du kan blant annet tilpasse visningen basert på størrelse, farge og plassering. I tillegg til standard statusmeldinger, kan du også vise egendefinerte beskjeder og ikoner.
Slik legger du til blokken:
- Åpne designbyggeren.
- Gå til malen for produktside.
- I seksjonen "Produktkjøp", klikk på plusstegnet (+).
- Legg til blokken "Lagerstatus".
Generelle blokkinnstillinger
Du kan justere skriftstørrelse, skriftvekt og farge under blokkens generelle innstillinger. Du kan også endre marginene for å tilpasse avstanden til andre blokker.
Lagerstatus-blokken vil vise info fra "Avansert lagerstyring" om butikken benytter det.
Visning av ikoner
Du har flere alternativer for å vise ikoner før lagertekst eller antall. Innstillingene for ikoner finner du under fanene "Vis ikoner på lager", "På lager-ikon" og "Ikke på lager-ikon".
Vis ikoner på lager
- Aktiver denne funksjonen for å vise ikoner foran lagerteksten. Du vil umiddelbart se hvordan det ser ut i forhåndsvisningen i designbyggeren.
- Bruk "Ikonstørrelse" for å justere størrelsen på lagerikonet.
På lager-ikon / Ikke på lager-ikon
- Her velger du hvilket ikon som skal vises foran lagerteksten, avhengig av om produktet er på lager eller ikke.
- Det er også mulig å overstyre teksten som vises for produkter som er på lager eller utsolgt.
Global lagermelding
Med global lagermelding kan du vise en melding/beskjed til sluttkunde om produkter er/ikke er på lager.
I innstillingene finner man følgende valg:
- Skriftstørrelse på meldingen
- På lager-melding: Tekst som vises om produktet er på lager
- På lager-ikon: Om man ønsker ikon foran meldingen kan det velges her.
- Ikke på lager-melding: Tekst som vises om produktet ikke er på lager
- Ikke på lager-ikon: Om man ønsker ikon foran meldingen kan det velges her.
Tilpasse utseende
Global lagermelding er designet for å støtte krav til tilgjengelighet, dvs. korrekte farger for kontrast. Meldingen har ingen justeringsmuligheter for farger o.l.
Om man ønsker å tilpasse utseendet kan dette gjøres ved å benytte tilpasset CSS.
Global lagermelding har følgende CSS klasser som kan brukes for tilpassing:
__global_stock_message
__global_in_stock_message
__global_not_in_stock_message
__global_msg_in_stock_icon
Eksempel på tilpasning
Om man f.eks vil endre "På lager"-meldingen fra grønn til blå kan det gjøres på følgende måte.
.__global_stock_message.__global_in_stock_message {
background: #c7ddf8;
color: #031c3a;
border-color: #031c3a;
}
.__global_stock_message.__global_in_stock_message svg {
fill: #031c3a;
}