En t-shirt finns i S, M, L och XL. Dessutom i vitt, svart och blått. Det ger 12 varianter. WooCommerce hanterar det med variabla produkter, men det finns nyanser som gör skillnad mellan en smidig och en frustrerande upplevelse.
Attribut
Skapa globala attribut under Produkter → Attribut. "Storlek" med värdena S, M, L, XL. "Färg" med vitt, svart, blått. Globala attribut kan återanvändas på alla produkter. Anpassade attribut (per produkt) fungerar för unika produkter men skapar mer arbete.
Varianter
Under "Varianter"-tabben på produkten: klicka "Generera varianter". WooCommerce skapar alla kombinationer automatiskt. Varje variant kan ha eget pris, lagerstatus, bild, vikt och mått. Ja, det är 12 varianter att fylla i. Men det ger rätt pris och lagerstatus per kombination.
Prestandatips
Produkter med fler än 50 varianter blir långsamma. WooCommerce laddar alla varianter som JSON på produktsidan. Överväg att dela upp i separata produkter om du har hundratals varianter, eller använd ett plugin som WooCommerce Product Table som laddar varianter on-demand.
Farbruttor istället för dropdown
Standardvisningen är en dropdown-meny. Variation Swatches-plugins (WooCommerce Variation Swatches, eller gratisalternativet från Starter Templates) visar färgrutor, storleksknappar och bilder istället. Det ser bättre ut och är lättare att använda.
Standardvariant
Sätt alltid en standardvariant. Om ingen variant är vald när sidan laddas kan kunden inte lägga i varukorgen utan att först göra ett val. Det kostar klick och konvertering.