WooCommerce tarjoaa shortcodes, joiden avulla voit helposti lisätä useita elementtejä verkkokaupan sivuille.

Katsotaanpa, mitä ne ovat ja mitä niiden avulla voit näyttää sivustollasi. Näytetyt lyhytkoodit on lisättävä sivun tai artikkelin sisälle visuaalisen editorin avulla.

Kori

Myymälän ostoskori näytetään.

Kassa

Näyttöön tulee kassasivu, jossa on laskutus- ja toimitustietolomake, tilauksen yhteenveto sisältäen tuotekustannukset, hinnat ja toimituskulut, luettelo hyväksytyistä maksutavoista ja painike tilauksen loppuunsaattamiseksi.

Oma tili

Tämä on käyttäjän tilinhallintasivu, jossa näytetään tilaukset, ladataan tiedostoja ja laskuja, hallinnoidaan tili-, laskutus- ja toimitustietoja sekä kirjaudutaan ulos.

Tilauksen seuranta

Asiakkaat pääsevät tilauksen seurantalomakkeelle, johon he voivat syöttää tilaustietonsa ja tarkastella tilauksensa tilaa (esim. onko tilaus lähetetty vai vielä kesken).

Uudemmat tuotteet

Sivulla näytetään viimeisimmät kauppaan lisätyt tuotteet.

Lyhytkoodia voidaan muokata edelleen joidenkin attribuuttien avulla:

• per_page : ilmoitetaan sivulla näytettävien elementtien (tuotteiden) määrä;
• columns : ilmoitetaan sarakkeiden määrä;
• orderby : määrittää näytettävien tuotteiden lajitteluperusteet (käytettävät parametrit ovat saatavilla klikkaamalla tästä);
• järjestys : valitsee, näytetäänkö tuotteet nousevassa vai laskevassa järjestyksessä.

Esimerkiksi:

Tällöin sivulla näytetään 6 tuotetta, jotka on jaettu kolmeen sarakkeeseen (eli meillä on 3 tuotetta kahdella rivillä) ja lajiteltu otsikon mukaan nousevaan järjestykseen.

Korostetut tuotteet

Korostetut tuotteet näytetään.

Täällä voidaan käyttää myös liitännäisattribuutteja, joilla määritetään sivulla näytettävien tuotteiden määrä, sarakkeiden määrä ja lajittelutapa.

Esimerkiksi:

Tässä näytetään 3 tuotetta sivulla, jotka on jaettu kolmeen sarakkeeseen ja lajiteltu nousevaan järjestykseen otsikon mukaan.

Yksittäinen tuote

Yksittäinen tuote

Sivulla näytetään yksittäisen tuotteen esikatselukuvaus (niin kuin näkisimme sen tuotearkistossa). id:llä ilmoitetaan näytettävän tuotteen ID-numero. Voimme näyttää tuotteen tunnuksen tuoteluettelossa klikkaamalla tuotteen otsikkoa.

Vaihtoehtona tunnukselle voimme näyttää tuotekoodin (jonka myymälän ylläpitäjä on määrittänyt tuotetiedot-välilehdellä).

Esimerkkikoodi (”DD345”) korvataan luonnollisesti varsinaisella tuotekoodilla.

Lisää tuotteita

Tämän lyhytkoodin avulla voit näyttää sivulla luettelon useista tuotteista. Käytämme id:tä ilmaisemaan niiden tuotteiden ID:t, jotka haluamme näyttää, ja niiden väliin tulee pilkku.

Yllä nähtyjä attribuutteja voidaan käyttää sarakkeiden määrän määrittämiseen ja tuotteiden järjestämiseen.

Esimerkiksi:

Vaihtoehtoisesti ID:iden sijasta voimme lisätä tuotteet ilmoittamalla niiden koodit. Tässä tapauksessa on käytettävä skus-attribuuttia.

Tuotesivu

Tämä lyhytkoodi näyttää tuotesivun: kuvan, hinnan, lyhyen kuvauksen, täydellisen kuvauksen ja arvosteluvälilehdet sekä mahdolliset liittyvät tuotteet.

Tunnuksen voi myös korvata koodilla käyttämällä sku-attribuuttia.

Kategorian tuotteet

Tämän lyhytkoodin avulla sivulla voidaan näyttää tietyn kategorian tuotteet, jotka on ilmoitettu kategoria-attribuutilla. Syötetyn arvon on oltava sen luokan slug, jonka haluamme näyttää (esimerkissä se on ”dvd”).

Voit määritellä näytettävien tuotteiden määrän, sarakkeiden määrän ja lajittelun jo nähtyjen parametrien avulla.

Esimerkkejä:

Tuotekategoriat

Tämä lyhytkoodi näyttää luettelon tuotekategorioista sivulla.

Jos haluamme näyttää vain muutaman kategorian, voimme ilmoittaa niiden tunnukset. Saadaksemme selville luokan tunnuksen meidän on näytettävä luokan hallinnollinen permalinkki.

Jo mainittujen parametrien, per_page, columns, orderby, order, lisäksi on mahdollista käyttää kahta muuta tälle lyhytkoodille ominaista parametria:

• hide_empty: mahdollistaa kategorioiden piilottamisen, joissa ei ole tuotteita;
• parent: mahdollistaa vain vanhempien kategorioiden näyttämisen, mutta ei lapsikategorioiden tai alaluokkien näyttämisen (arvo, jota kannattaa käyttää, on 0).

Esim.

Tässä tapauksessa näytämme vain pääkategoriat eikä tuotteiden alakategorioita.

Myydyt tuotteet

Tämän lyhytkoodin avulla voit näyttää myymälän myydyimmät tuotteet.

Suosituimmat tuotteet

Tämä lyhytkoodi näyttää luettelon tuotteista, joita käyttäjät ovat äänestäneet.

Tuotteet, joilla on tiettyjä attribuutteja

Tämä lyhytkoodi näyttää tuotteet, joilla on lyhytkoodissa ilmoitettu arvo tietylle attribuutille. Attribuutilla ilmoitamme attribuutin, jonka perusteella suodatamme tuotteiden näyttöä, ja suodattimella ilmoitamme attribuutin arvon: Esimerkissä näytetään tuotteet, joiden attribuutin ”muisti” (esim. älypuhelimen muisti) arvo on ”48GB”.

Lisää ostoskoriin

Painike tietyn tuotteen ostamista (ostoskoriin lisäämistä) varten on lisätty, ja se ilmoitetaan ID:llä.

Vaihtoehtoisesti tuote voidaan ilmoittaa koodilla ID:n sijaan.

Painiketta ei käytetä tuotteen ilmoittamiseen.