Variabla produkter och attribut

Modul 3: Produkter · Lästid: 10 minuter

Lärandemål: Efter den här lektionen kan du skapa en variabel produkt med attribut och varianter, avgöra när varianter är bättre än separata produkter och förebygga problem när det finns många varianter.

Nyckelbegrepp: attribut, globalt attribut (Produkter > Egenskaper), lokalt attribut, termer, "Används för variationer" (Used for variations), variant, standardvärden (Default Form Values), generera variationer, massredigering, pris och lager per variant, antal kombinationer, max_input_vars

En produkt, flera val

Theehuis Example säljer lös sencha i påsar om 50, 100 och 250 gram. För kunden är det ett te där man väljer mängd. För butiken är det tre saker med eget pris, eget lager och kanske egen vikt. Det är precis vad en variabel produkt är till för: en produktsida, en beskrivning, en plats i sökresultaten, och bakom kulisserna en variant per val.

Alternativet, tre separata enkla produkter, har nackdelar: tre sidor med nästan samma text (duplicerat innehåll, lektion 7.1), tre gånger bilder att hantera och en kund som måste leta efter rätt påse. Ändå är en variabel produkt inte alltid bättre. En tumregel:

• Variabel när kunden ser det som samma produkt och bara väljer en egenskap: storlek, färg, vikt, malningsgrad.
• Separata produkter när de verkligen är olika eller söks på olika sätt: grönt och svart te, eller en tekanna av gjutjärn och en av glas. De förtjänar var sin sida med egen text.

Attribut: byggstenarna

En variant är en kombination av attribut. Ett attribut är en egenskap ("Vikt") med termer eller värden ("50 g", "100 g", "250 g"). WooCommerce har två sorter:

Globala attribut skapar du en gång under Produkter > Egenskaper (Products > Attributes). De gäller hela butiken: "Vikt" med samma termer för allt te. Fördelar: du skriver termerna en gång, stavningen är densamma överallt och kunder kan filtrera på attributet i butiken ("visa allt te i 250 g"). Varje globalt attribut är en taxonomi med egna arkivsidor om du aktiverar det.

Lokala attribut (custom product attributes) lägger du bara till på en produkt. Praktiskt för något som bara finns hos en produkt, till exempel gravyralternativen för en enda tekanna. Nackdel: inget filter, och med tio produkter med "Färg" har du tio egna listor med stavfel.

Välj därför ett globalt attribut för återkommande egenskaper (storlek, färg, vikt, material).

Ett attribut gör något för varianter först när du kryssar i Används för variationer (Used for variations) på produkten. Utan den bocken visas det bara som information på fliken "Ytterligare information" på produktsidan. Även det är användbart: "Ursprung: Japan" är ett attribut utan varianter.

Skapa och fyll i varianter

När attributen är klara går du till fliken Varianter. Där finns två knappar: Generera variationer (Generate variations), som skapar en variant av varje kombination, och Lägg till manuellt (Add manually), för en variant i taget.

Varje variant har egna fält: artikelnummer (SKU), pris, reapris, lager, vikt, mått, en bild och kryssrutorna aktiverad, nedladdningsbar och virtuell. En variant utan pris går inte att köpa och visas inte som val. Det är det vanligaste misstaget: generera variationer, glömma priset och en kund som får se att varianten inte är tillgänglig.

Med massredigeringen ovanför listan anger du pris, lager eller vikt för alla varianter på en gång, eller höjer priserna med ett belopp eller en procentsats. Sedan justerar du undantagen per variant.

Med standardvärden (Default Form Values) väljer du vilken variant som är förvald när sidan öppnas. Välj den variant som säljer mest, eller lämna fältet tomt så att kunden väljer medvetet. Är ingenting förvalt visar sidan ett prisintervall ("€ 6,50 (≈ 71,47 kr) till € 24,00 (≈ 264 kr)").

Antalet kombinationer: här går det fel

Varianter multipliceras. En tekanna i 4 färger, 3 storlekar och med eller utan gravyr ger 4 × 3 × 2 = 24 varianter. Lägg till ett fjärde attribut med 5 alternativ så är du uppe i 120. Det får följder:

• Förvaltning. Varje variant har eget pris, eget lager och eget artikelnummer. Att hålla 120 rader uppdaterade är mycket arbete och lätt att göra fel i.
• Produktsidan. Upp till ett visst antal varianter (standard 30) skickar WooCommerce med alla kombinationer i sidan, så att rullgardinslistorna direkt vet vilka kombinationer som finns. Vid fler varianter frågar sidan servern för varje val om kombinationen finns (via AJAX). Det fungerar, men kunden kan då först välja en kombination som inte finns och få ett meddelande först efteråt.
• Spara. När du sparar många varianter skickar webbläsaren väldigt många fält samtidigt till servern. PHP har en gräns för det, max_input_vars. Överskrids den tas de sista fälten bort utan varning: du sparar och en del av dina ändringar är borta. Därför visar administrationen 15 varianter per sida, men med väldigt många attribut och fält kan gränsen ändå nås. Ditt webbhotell kan höja max_input_vars; i de flesta kontrollpaneler kan du göra det själv under PHP-inställningarna (lektion 7.2).

Det här kan du göra:

• Skapa bara kombinationer som verkligen finns. Använd inte "Generera variationer" med fyra attribut, utan lägg manuellt till de kombinationer du säljer.
• Erbjud en egenskap som inte ändrar pris och lager som produktalternativ eller anteckning i stället för som variant (till exempel en gravyrtext via ett fält; det finns tillägg för det).
• Sälj produkter som verkligen är olika som separata produkter.

Fallgropar

• Byta namn på ett attribut i efterhand. Det går att byta namn på en term i ett globalt attribut, men befintliga varianter hänvisar till sluggen. Testa först i din testbutik.
• Blanda lager på produktnivå och på variantnivå. Välj per produkt: lager per variant (oftast) eller ett lager för hela produkten.
• Variantbilder. Utan egen bild visar varianten huvudbilden. För färger vill du ha en bild per färg.
• Varianter utan artikelnummer. Vid import och kopplingar till ett kassasystem eller en grossist behöver du ett artikelnummer (SKU) per variant (lektion 3.4).

I praktiken: så ser det ut i WooCommerce

1. Produkter > Egenskaper: skapa attributet "Vikt" med termerna 50 g, 100 g och 250 g.
2. Produkter > Lägg till ny: titeln "Sencha Uji", produktdata Variabel produkt.
3. Fliken Egenskaper: lägg till "Vikt", välj alla tre termerna, kryssa i Används för variationer och spara egenskaperna.
4. Fliken Varianter: Generera variationer (tre varianter), aktivera sedan lagerhantering med massredigeringen och ange per variant pris (€ 6,50 (≈ 71,47 kr), € 11,50 (≈ 126 kr), € 24,00 (≈ 264 kr)), vikt och ett artikelnummer som SEN-UJI-050.
5. Välj 100 g som standardvärde, spara och titta på produktsidan i ett privat fönster.

Olika teman visar valet som rullgardinslista, knappar eller färgrutor; principen är densamma.

Sammanfattning

• En variabel produkt är en produktsida med en variant per val, var och en med eget pris, eget lager och eget artikelnummer.
• Använd globala attribut för återkommande egenskaper; kryssa i "Används för variationer".
• En variant utan pris går inte att köpa.
• Antalet kombinationer växer snabbt: skapa bara verkliga kombinationer och tänk på max_input_vars när du sparar.
• Produkter som verkligen är olika säljer du som separata produkter.

Quiz

Uppgift

Uppgift A3.2: Din variabla produkt. Fyll i adressen till din butik, sluggen eller länken till en variabel produkt, antalet varianter som går att köpa i butiken och de attribut du använder för varianter (åtskilda med kommatecken, till exempel "Vikt, Malningsgrad"). Programmet hämtar produkten via det öppna Store API (/wp-json/wc/store/v1/products?slug=...), utan cookies och utan att lägga något i varukorgen. Grönt om produkten är av typen variabel, antalet varianter stämmer med det du fyllde i och varje attribut finns som attribut som används för varianter. Orange om antalet avviker (varianter utan pris eller som är inaktiverade räknar butiken inte med), om ett attribut finns men inte används för varianter, eller som information om du har fler än 30 varianter. Rött om produkten inte hittas, inte är variabel eller inte har något av dina attribut.

Fråga dig själv (kontrolleras inte): hur många kombinationer skulle "Generera variationer" skapa med alla dina attribut, och hur många av dem säljer du faktiskt?

Läs mer

• Variable product (woocommerce.com, engelska): https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, engelska): https://woocommerce.com/document/managing-products/
• Ändra PHP-version och PHP-inställningar (och vad du ska göra vid fel efter en uppgradering)

Stegen i kunskapsbanken gäller för WebOkés kontrollpaneler; hos andra leverantörer fungerar det på liknande sätt.