Muunnelmatuotteet ja ominaisuudet

Moduuli 3: Tuotteet · Lukuaika: 10 minuuttia

Oppimistavoite: Tämän oppitunnin jälkeen osaat luoda muunnelmatuotteen ominaisuuksineen ja muunnelmineen, päättää, milloin muunnelmat ovat erillisiä tuotteita parempi ratkaisu, ja välttää ongelmat, joita suuri muunnelmamäärä aiheuttaa.

Keskeiset käsitteet: ominaisuus, yleinen ominaisuus (Tuotteet > Ominaisuudet), tuotekohtainen ominaisuus, termit, "Used for variations" (käytetään muunnelmissa), muunnelma, oletusarvot (Default Form Values), muunnelmien luominen, joukkomuokkaus, muunnelmakohtainen hinta ja varasto, yhdistelmien määrä, max_input_vars

Yksi tuote, monta vaihtoehtoa

Theehuis Example myy irtosenchaa 50, 100 ja 250 gramman pusseissa. Asiakkaalle se on yksi tee, josta valitaan määrä. Kaupalle se on kolme asiaa, joilla kullakin on oma hinta, oma varasto ja ehkä oma paino. Juuri tähän muunnelmatuote on tarkoitettu: yksi tuotesivu, yksi kuvaus, yksi paikka hakutuloksissa, ja taustalla oma muunnelma jokaiselle vaihtoehdolle.

Vaihtoehdossa, kolmessa erillisessä yksittäisessä tuotteessa, on haittoja: kolme sivua lähes samalla tekstillä (päällekkäinen sisältö, oppitunti 7.1), kuvien hallinta kolmeen kertaan ja asiakas, joka joutuu etsimään haluamaansa pussia. Muunnelmatuote ei silti aina ole parempi. Nyrkkisääntö:

• Muunnelmatuote, kun asiakas näkee kyseessä olevan saman tuotteen ja valitsee vain ominaisuuden: koon, värin, painon tai jauhatusasteen.
• Erilliset tuotteet, kun ne ovat aidosti erilaisia tai niitä haetaan eri tavoin: vihreä ja musta tee tai valurautainen ja lasinen teekannu. Kumpikin ansaitsee oman sivun omalla tekstillä.

Ominaisuudet: rakennuspalikat

Muunnelma on ominaisuuksien yhdistelmä. Ominaisuus on piirre ("Paino"), jolla on termejä eli arvoja ("50 g", "100 g", "250 g"). WooCommercessa on kahdenlaisia ominaisuuksia:

Yleiset ominaisuudet luodaan kerran kohdassa Tuotteet > Ominaisuudet (Products > Attributes). Ne koskevat koko kauppaa: "Paino" samoilla termeillä kaikille teille. Edut: kirjoitat termit vain kerran, kirjoitusasu on kaikkialla sama ja asiakkaat voivat suodattaa kaupassa ominaisuuden mukaan ("näytä kaikki 250 g:n teet"). Jokainen yleinen ominaisuus on taksonomia, jolla voi olla omat arkistosivut, jos otat ne käyttöön.

Tuotekohtaiset ominaisuudet (custom product attributes) lisätään vain yhdelle tuotteelle. Ne sopivat asioihin, jotka koskevat vain yhtä tuotetta, kuten yhden teekannun kaiverrusvaihtoehtoja. Haitta: suodatinta ei ole, ja jos kymmenellä tuotteella on "Väri", sinulla on kymmenen omaa listaa kirjoitusvirheineen.

Valitse siksi toistuville piirteille (koko, väri, paino, materiaali) yleinen ominaisuus.

Ominaisuus vaikuttaa muunnelmiin vasta, kun tuotteessa on valittuna Used for variations (käytetään muunnelmissa). Ilman valintaa se näkyy vain tietona tuotesivun välilehdellä "Lisätiedot". Sekin on hyödyllistä: "Alkuperä: Japani" on ominaisuus ilman muunnelmia.

Muunnelmien luominen ja täyttäminen

Kun ominaisuudet ovat valmiina, siirry välilehdelle Muunnelmat. Siellä on kaksi painiketta: Luo muunnelmat (Generate variations), joka luo muunnelman jokaisesta yhdistelmästä, ja Lisää manuaalisesti (Add manually), jolla lisäät yhden muunnelman kerrallaan.

Jokaisella muunnelmalla on omat kentät: SKU, hinta, alennushinta, varasto, paino, mitat, kuva sekä valinnat käytössä, ladattava ja virtuaalinen. Hinnaton muunnelma ei ole myynnissä eikä näy vaihtoehtona. Se on yleisin virhe: muunnelmat luodaan, hinta unohtuu ja asiakas saa ilmoituksen, ettei muunnelma ole saatavilla.

Luettelon yläpuolella olevalla joukkomuokkauksella asetat kerralla hinnan, varaston tai painon kaikille muunnelmille tai korotat hintoja tietyllä summalla tai prosentilla. Sen jälkeen muokkaat poikkeukset muunnelma kerrallaan.

Oletusarvoilla (Default Form Values) valitset, mikä muunnelma on valmiiksi valittuna sivun avautuessa. Valitse myydyin muunnelma tai jätä kohta tyhjäksi, jotta asiakas valitsee tietoisesti. Jos mitään ei ole valittu valmiiksi, sivu näyttää hintahaarukan ("€ 6,50 ... € 24,00").

Yhdistelmien määrä: tässä menee vikaan

Muunnelmat moninkertaistuvat. Teekannu neljänä värinä, kolmena kokona ja kaiverruksella tai ilman tuottaa 4 × 3 × 2 = 24 muunnelmaa. Lisää neljäs ominaisuus viidellä vaihtoehdolla, niin muunnelmia on 120. Sillä on seurauksia:

• Hallinta. Jokaisella muunnelmalla on oma hinta, varasto ja SKU. 120 rivin ylläpito on työlästä ja altis virheille.
• Tuotesivu. Tiettyyn muunnelmamäärään asti (oletuksena 30) WooCommerce lähettää kaikki yhdistelmät sivun mukana, jolloin valintalistat tietävät heti, mitkä yhdistelmät ovat olemassa. Kun muunnelmia on enemmän, sivu kysyy jokaisen valinnan kohdalla palvelimelta, onko yhdistelmä olemassa (AJAXilla). Se toimii, mutta asiakas voi ensin valita yhdistelmän, jota ei ole, ja saada ilmoituksen vasta sen jälkeen.
• Tallentaminen. Kun tallennat paljon muunnelmia, selain lähettää palvelimelle hyvin monta kenttää kerralla. PHP:ssä tälle on raja, max_input_vars. Jos raja ylittyy, viimeiset kentät jätetään hiljaa pois: tallennat, ja osa muutoksistasi katoaa. Siksi hallinta näyttää 15 muunnelmaa sivua kohden, mutta hyvin monen ominaisuuden ja kentän kanssa raja voi silti tulla vastaan. Webhotellisi voi nostaa max_input_vars-arvoa; useimmissa hallintapaneeleissa voit tehdä sen itse PHP-asetuksista (oppitunti 7.2).

Mitä voit tehdä:

• Luo vain yhdistelmät, jotka ovat oikeasti olemassa. Älä käytä "Luo muunnelmat" neljän ominaisuuden kanssa, vaan lisää manuaalisesti ne yhdistelmät, joita myyt.
• Tarjoa piirre, joka ei muuta hintaa tai varastoa, tuotevalintana tai lisätietona eikä muunnelmana (esimerkiksi kaiverrusteksti kentän kautta; siihen on lisäosia).
• Myy aidosti erilaiset tuotteet erillisinä tuotteina.

Sudenkuopat

• Ominaisuuden nimeäminen myöhemmin uudelleen. Yleisen ominaisuuden termin voi nimetä uudelleen, mutta olemassa olevat muunnelmat viittaavat polkutunnukseen (slug). Kokeile ensin testikaupassasi.
• Tuote- ja muunnelmatason varasto sekaisin. Valitse tuotekohtaisesti: varasto muunnelmittain (yleensä) tai yksi varasto koko tuotteelle.
• Muunnelmien kuvat. Ilman omaa kuvaa muunnelma näyttää pääkuvan. Värien kohdalla haluat kuitenkin kuvan jokaisesta väristä.
• Muunnelmat ilman SKU:ta. Tuonnissa ja kassajärjestelmä- tai tukkuliikeintegraatioissa tarvitset jokaiselle muunnelmalle SKU:n (oppitunti 3.4).

Käytännössä: näin se näkyy WooCommercessa

1. Tuotteet > Ominaisuudet: luo ominaisuus "Paino" termeillä 50 g, 100 g ja 250 g.
2. Tuotteet > Lisää uusi: otsikko "Sencha Uji", tuotetiedot Muunnelmatuote.
3. Välilehti Ominaisuudet: lisää "Paino", valitse kaikki kolme termiä, valitse Used for variations ja tallenna ominaisuudet.
4. Välilehti Muunnelmat: Luo muunnelmat (kolme muunnelmaa), ota sitten joukkomuokkauksella varastonhallinta käyttöön ja aseta jokaiselle muunnelmalle hinta (€ 6,50, € 11,50, € 24,00), paino ja SKU, esimerkiksi SEN-UJI-050.
5. Valitse oletusarvoksi 100 g, tallenna ja katso tuotesivua yksityisessä ikkunassa.

Eri teemat näyttävät valinnan pudotusvalikkona, painikkeina tai värinäytteinä; periaate on sama.

Yhteenveto

• Muunnelmatuote on yksi tuotesivu, jolla on muunnelma jokaista vaihtoehtoa varten, kullakin oma hinta, varasto ja SKU.
• Käytä toistuville piirteille yleisiä ominaisuuksia ja valitse "Used for variations".
• Hinnaton muunnelma ei ole myynnissä.
• Yhdistelmien määrä kasvaa nopeasti: luo vain todelliset yhdistelmät ja huomioi max_input_vars tallentaessasi.
• Aidosti erilaiset tuotteet myydään erillisinä tuotteina.

Tietovisa (quiz)

Tehtävä

Tehtävä A3.2: Muunnelmallinen tuotteesi. Anna kauppasi osoite, muunnelmatuotteen polkutunnus (slug) tai linkki, kaupassa myytävien muunnelmien määrä sekä muunnelmissa käyttämäsi ominaisuudet pilkuilla erotettuina (esimerkiksi "Paino, Jauhatusaste"). Ohjelma hakee tuotteen julkisen Store API:n kautta (/wp-json/wc/store/v1/products?slug=...), ilman evästeitä ja lisäämättä mitään ostoskoriin. Vihreä, jos tuote on muunnelmatuote, muunnelmien määrä vastaa antamaasi lukua ja jokainen ominaisuus löytyy muunnelmissa käytettävänä ominaisuutena. Oranssi, jos määrä poikkeaa (kauppa ei laske mukaan hinnattomia tai käytöstä poistettuja muunnelmia), jos ominaisuus on olemassa mutta sitä ei käytetä muunnelmissa, tai tiedoksi, jos muunnelmia on yli 30. Punainen, jos tuotetta ei löydy, se ei ole muunnelmatuote tai siltä puuttuvat kaikki antamasi ominaisuudet.

Kysymys itsellesi (ei tarkisteta): kuinka monta yhdistelmää "Luo muunnelmat" loisi kaikilla ominaisuuksillasi, ja kuinka monta niistä oikeasti myyt?

Lue lisää

• Variable product (woocommerce.com, englanniksi): https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, englanniksi): https://woocommerce.com/document/managing-products/
• PHP-version ja PHP-asetusten muuttaminen (ja mitä tehdä, jos päivityksen jälkeen ilmenee virheitä)

Tietopankin ohjeet koskevat WebOkén hallintapaneeleja; muilla palveluntarjoajilla toiminta on samankaltaista.