Produktboksdesigner: Blokk — Attributtknapper
Blokk — Attributtknapper
Attributtknapper viser produktets valgbare varianter — som størrelse eller farge — som klikkbare knapper rett på kortet. Kunden kan velge variant og legge i kurven uten å åpne produktsiden.
Hva blokken gjør
Blokken lister produktets varianter som små knapper. En variant som er på lager blir en aktiv knapp som legger akkurat den varianten i handlekurven. En variant som er utsolgt vises overstreket og i en dempet stil, så kunden ser hva som finnes uten å kunne velge det.
Blokken har derfor egne farger for tilgjengelige og utsolgte varianter.
Innstillinger
Innstilling | Hva den gjør |
|---|---|
Bakgrunnsfarge | Knappefarge for varianter på lager. |
Tekstfarge | Tekstfarge for varianter på lager. |
Bakgrunnsfarge Ikke på lager | Knappefarge for utsolgte varianter. |
Tekstfarge Ikke på lager | Tekstfarge for utsolgte varianter. |
Justering | Venstre, midtstilt eller høyre. |
Avstand mellom knappene | Luft mellom variantknappene. |
Ramme / Hjørneradius | Omriss og avrunding. |
Kantfarge Ikke på lager | Egen kantfarge for utsolgte varianter. |
Indre luft | Avstand inne i blokken. |
Ytre luft | Avstand rundt blokken. |
Slik bruker du den
- Bruk den i kategorier der variantvalg er en naturlig del av kjøpet — klær, sko og lignende. Da slipper kunden et ekstra klikk.
- Gi utsolgte varianter en tydelig dempet stil, så det er lett å se hva som er igjen.
- Hold avstanden mellom knappene jevn, så en rad med størrelser ser ryddig ut.
Tips
- Blokken viser noe bare for produkter som faktisk har varianter. Produkter uten varianter får et tomt felt — vurder hvilke kategorier du legger den i.
- For produkter uten varianter er CTA-knappen ofte et bedre valg. De to utfyller hverandre: attributtknapper for variantprodukter, CTA-knapp for resten.