Variable produkter og egenskaper

Modul 3: Produkter · Lesetid: 10 minutter

Læringsmål: Etter denne leksjonen kan du sette opp et variabelt produkt med egenskaper og varianter, vurdere når varianter er bedre enn separate produkter, og unngå problemer når du har mange varianter.

Nøkkelbegreper: egenskap (attributt), global egenskap (Produkter > Egenskaper), lokal egenskap, termer, "Used for variations", variant, standardverdier (Default Form Values), generere varianter, massoppdatering, pris og lager per variant, antall kombinasjoner, max_input_vars

Ett produkt, flere valg

Theehuis Example selger løs sencha i poser på 50, 100 og 250 gram. For kunden er det én te der man velger mengde. For butikken er det tre ting med hver sin pris, hvert sitt lager og kanskje hver sin vekt. Det er nettopp dette et variabelt produkt er laget for: én produktside, én beskrivelse, én plass i søkeresultatene, og bak kulissene én variant per valg.

Alternativet, tre separate enkle produkter, har ulemper: tre sider med nesten samme tekst (duplisert innhold, leksjon 7.1), bildene må håndteres tre ganger, og kunden må lete etter riktig pose. Likevel er et variabelt produkt ikke alltid bedre. En tommelfingerregel:

• Variabelt når kunden ser det som samme produkt og bare velger en egenskap: størrelse, farge, vekt, malingsgrad.
• Separate produkter når de faktisk er forskjellige eller søkes etter på ulike måter: grønn og svart te, eller en tekanne i støpejern og en i glass. De fortjener hver sin side med egen tekst.

Egenskaper: byggesteinene

En variant er en kombinasjon av egenskaper. En egenskap er et kjennetegn ("Vekt") med termer eller verdier ("50 g", "100 g", "250 g"). WooCommerce har to typer:

Globale egenskaper oppretter du én gang under Produkter > Egenskaper (Products > Attributes). De gjelder for hele butikken: "Vekt" med de samme termene for all te. Fordeler: du skriver termene én gang, stavemåten er lik overalt, og kundene kan filtrere på egenskapen i butikken ("vis all te i 250 g"). Hver global egenskap er en taksonomi med egne arkivsider hvis du slår det på.

Lokale egenskaper (custom product attributes) legger du bare til på ett produkt. Det er praktisk for noe som bare finnes på ett produkt, som gravyrvalgene for én bestemt tekanne. Ulempe: ingen filtrering, og med ti produkter med "Farge" får du ti egne lister med skrivefeil.

Velg derfor en global egenskap for kjennetegn som går igjen (størrelse, farge, vekt, materiale).

En egenskap gjør først noe for varianter når du huker av for Used for variations på produktet. Uten den haken vises den bare som informasjon i fanen "Tilleggsinformasjon" på produktsiden. Det er også nyttig: "Opprinnelse: Japan" er en egenskap uten varianter.

Lage og fylle ut varianter

Når egenskapene er klare, går du til fanen Varianter. Der finner du to knapper: Generer varianter (Generate variations), som lager en variant av alle kombinasjoner, og Legg til manuelt (Add manually), for én variant om gangen.

Hver variant har egne felt: SKU, pris, tilbudspris, lager, vekt, mål, et bilde, og hakene aktivert, nedlastbar og virtuell. En variant uten pris kan ikke kjøpes og vises ikke som valg. Det er den vanligste feilen: varianter genereres, prisen glemmes, og kunden får se "Denne varianten er ikke tilgjengelig".

Med massoppdateringen over listen setter du pris, lager eller vekt for alle varianter på én gang, eller øker prisene med et beløp eller en prosent. Deretter justerer du unntakene per variant.

Med standardverdier (Default Form Values) velger du hvilken variant som er forhåndsvalgt når siden åpnes. Velg den varianten som selger mest, eller la feltet stå tomt slik at kunden velger selv. Er ingenting forhåndsvalgt, viser siden et prisintervall ("€ 6,50 (≈ 68,46 kr) tot € 24,00 (≈ 253 kr)").

Antall kombinasjoner: her går det galt

Varianter ganges med hverandre. En tekanne i 4 farger, 3 størrelser og med eller uten gravyr gir 4 × 3 × 2 = 24 varianter. Legg til en fjerde egenskap med 5 valg, og du er oppe i 120. Det får konsekvenser:

• Administrasjon. Hver variant har egen pris, eget lager og egen SKU. Å holde orden på 120 linjer er mye arbeid og lett å gjøre feil i.
• Produktsiden. Opp til et visst antall varianter (standard 30) sender WooCommerce alle kombinasjonene med i siden, slik at nedtrekkslistene med en gang vet hvilke kombinasjoner som finnes. Ved flere varianter spør siden serveren for hvert valg om kombinasjonen finnes (via AJAX). Det fungerer, men kunden kan da først velge en kombinasjon som ikke finnes, og får først etterpå en melding.
• Lagring. Når du lagrer mange varianter, sender nettleseren svært mange felt til serveren samtidig. PHP har en grense for dette, max_input_vars. Overskrides den, blir de siste feltene stille utelatt: du lagrer, og en del av endringene dine er borte. Administrasjonen viser derfor 15 varianter per side, men med svært mange egenskaper og felt kan grensen likevel nås. Webhotellet ditt kan øke max_input_vars; i de fleste kontrollpaneler kan du gjøre det selv under PHP-innstillingene (leksjon 7.2).

Dette kan du gjøre:

• Lag bare kombinasjoner som faktisk finnes. Ikke bruk "Generer varianter" med fire egenskaper, men legg manuelt inn de kombinasjonene du selger.
• En egenskap som ikke endrer pris og lager, tilbyr du ikke som variant, men som produktvalg eller merknad (for eksempel en gravyrtekst via et felt; det finnes utvidelser for dette).
• Selg produkter som faktisk er forskjellige, som separate produkter.

Fallgruver

• Gi egenskapen nytt navn senere. Du kan endre navnet på en term i en global egenskap, men eksisterende varianter viser til slugen. Test det først i testbutikken din.
• Lager på produktnivå og på variantnivå om hverandre. Velg per produkt: lager per variant (vanligvis) eller ett lager for hele produktet.
• Variantbilder. Uten eget bilde viser varianten hovedbildet. Ved farger vil du gjerne ha ett bilde per farge.
• Varianter uten SKU. Ved import og koblinger mot et kassasystem eller en grossist trenger du en SKU per variant (leksjon 3.4).

I praksis: slik ser det ut i WooCommerce

1. Produkter > Egenskaper: lag egenskapen "Vekt" med termene 50 g, 100 g og 250 g.
2. Produkter > Legg til: tittel "Sencha Uji", produktdata Variabelt produkt.
3. Fanen Egenskaper: legg til "Vekt", velg alle tre termene, huk av for Used for variations, og lagre egenskapene.
4. Fanen Varianter: Generer varianter (tre varianter), slå deretter på lagerstyring med massoppdateringen og legg inn pris per variant (€ 6,50 (≈ 68,46 kr), € 11,50 (≈ 121 kr), € 24,00 (≈ 253 kr)), vekt og en SKU som SEN-UJI-050.
5. Velg 100 g som standardverdi, lagre og se på produktsiden i et privat vindu.

Andre temaer viser valget som nedtrekksliste, knapper eller fargefelt; prinsippet er det samme.

Sammendrag

• Et variabelt produkt er én produktside med en variant per valg, hver med egen pris, eget lager og egen SKU.
• Bruk globale egenskaper for kjennetegn som går igjen; huk av for "Used for variations".
• En variant uten pris kan ikke kjøpes.
• Antall kombinasjoner vokser fort: lag bare reelle kombinasjoner og vær oppmerksom på max_input_vars ved lagring.
• Produkter som faktisk er forskjellige, selger du som separate produkter.

Quiz

Oppgave

Oppgave A3.2: Det variable produktet ditt. Fyll inn adressen til butikken din, slugen eller lenken til et variabelt produkt, antall varianter som kan kjøpes i butikken, og egenskapene du bruker til varianter (skilt med komma, for eksempel "Gewicht, Maalgraad"). Programmet slår opp produktet via det åpne Store API (/wp-json/wc/store/v1/products?slug=...), uten informasjonskapsler og uten å legge noe i handlekurven. Grønn hvis produktet er av typen variabelt, antall varianter er likt det du fylte inn, og hver egenskap finnes som en egenskap som brukes til varianter. Oransje hvis antallet avviker (varianter uten pris eller som er deaktivert, telles ikke av butikken), hvis en egenskap finnes, men ikke brukes til varianter, eller til informasjon hvis du har mer enn 30 varianter. Rød hvis produktet ikke blir funnet, ikke er variabelt eller ikke har noen av egenskapene dine.

Spørsmål til deg selv (sjekkes ikke): hvor mange kombinasjoner ville "Generer varianter" laget med alle egenskapene dine, og hvor mange av dem selger du faktisk?

Les mer

• Variable product (woocommerce.com, engelsk): https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, engelsk): https://woocommerce.com/document/managing-products/
• Endre PHP-versjon og PHP-innstillinger (og hva du gjør ved feil etter en oppgradering)

Stegene i kunnskapsbasen gjelder for kontrollpanelene til WebOké; hos andre leverandører fungerer det på lignende måte.