WooCommerce biedt shortcodes om eenvoudig een reeks elementen op e-commerce pagina’s in te voegen.

Laten we eens kijken wat ze zijn en wat ze je toestaan om op je site weer te geven. De getoonde shortcodes moeten worden ingevoegd binnen een pagina of een artikel, met behulp van de visuele editor.

Cart

De winkelwagen van de winkel wordt weergegeven.

Checkout

De checkout pagina wordt getoond, met het formulier voor factuur- en verzendgegevens, het besteloverzicht inclusief productkosten, tarieven en verzendkosten, de lijst van geaccepteerde betaalmethoden en de knop om de bestelling af te ronden.

Mijn Account

Dit is de account management pagina van de gebruiker, waar orders worden getoond, bestanden en facturen worden gedownload, account, facturering en verzendgegevens worden beheerd, en de gebruiker uitlogt.

Order tracking

Klanten krijgen toegang tot een order tracking-formulier, waar ze hun ordergegevens kunnen invoeren en de status van hun bestelling kunnen bekijken (bijv. of deze is verzonden of nog in behandeling is).

De nieuwste producten

De nieuwste producten die aan de winkel zijn toegevoegd, worden op de pagina weergegeven.

We kunnen de shortcode verder aanpassen met behulp van enkele attributen:

• per_pagina : we geven het aantal elementen (producten) aan dat per pagina moet worden weergegeven;
• kolommen : we geven het aantal kolommen aan;
• orderby : bepaalt de criteria voor het sorteren van de weergegeven producten (de te gebruiken parameters zijn beschikbaar door hier te klikken);
• volgorde : kiest of de producten in oplopende of aflopende volgorde moeten worden weergegeven.

Voorbeeld:

Dit zal 6 producten per pagina tonen, verdeeld in drie kolommen (zodat we 3 producten op twee rijen hebben) en gesorteerd op titel in oplopende volgorde.

Gelichte produkten

De uitgelichte produkten worden getoond.

Er kunnen hier ook attributen gebruikt worden om het aantal produkten te bepalen dat per pagina getoond moet worden, het aantal kolommen en het soort sortering.

Bijv.:

Dit toont 3 producten per pagina, verdeeld over drie kolommen, en oplopend gesorteerd op titel.

Een enkel product

Een enkele product preview wordt getoond op de pagina (zoals we het zouden zien in de product archieven). Met id geven we het ID-nummer van het weer te geven product aan. We kunnen de ID van een product in de productlijst weergeven door op de producttitel te klikken.

Als alternatief voor de ID, kunnen we de productcode weergeven (toegewezen door de winkelbeheerder in het tabblad productgegevens).

De voorbeeldcode (“DD345”) wordt uiteraard vervangen door de werkelijke productcode.

Meer producten

Met deze shortcode kunt u een lijst van meerdere producten op de pagina weergeven. We gebruiken ids om de ID’s aan te geven van de producten die we willen weergeven, gescheiden door komma’s.

De attributen die we hierboven hebben gezien, kunnen worden gebruikt om het aantal kolommen te bepalen en om de producten te rangschikken.

Bijvoorbeeld:

Als alternatief voor ID’s, kunnen we de producten invoegen door hun codes aan te geven. In dit geval moet het skus attribuut gebruikt worden.

Productpagina

Deze shortcode toont de productpagina: de afbeelding, de prijs, de korte beschrijving, de volledige beschrijving en review tabs, en eventuele gerelateerde producten.

Het is ook mogelijk om de code te vervangen door de ID, met behulp van het sku attribuut.

Producten in een categorie

Met deze shortcode kunnen de producten in een specifieke categorie, aangegeven door het categorie attribuut, op de pagina worden getoond. De ingevoerde waarde moet de slug zijn van de categorie die we willen tonen (in het voorbeeld is dat “dvd”).

U kunt het aantal weer te geven produkten, het aantal kolommen en de sortering bepalen, met behulp van de reeds geziene parameters.

Voorbeelden:

Productcategorieën

Deze shortcode toont de lijst van productcategorieën op de pagina.

Als we maar een paar categorieën willen tonen, kunnen we hun ID’s aangeven. Om het id van een categorie te achterhalen moeten we de administratieve permalink van de categorie weergeven.

Naast de reeds genoemde parameters, per_pagina, kolommen, orderby, order, is het mogelijk twee andere parameters te gebruiken die specifiek zijn voor deze shortcode:

• hide_empty: hiermee kunt u de categorieën zonder producten verbergen;
• parent: hiermee kunt u alleen de bovenliggende categorieën tonen en niet de onderliggende categorieën of subcategorieën (de te gebruiken waarde is 0).

Exs.

In dit geval tonen we alleen de hoofdcategorieën en niet de subcategorieën van producten.

Verkochte producten

Met deze shortcode kunt u de best verkochte producten op de winkel laten zien.

Populairste producten

Deze shortcode toont de lijst met producten waarop door de gebruikers is gestemd.

Producten met bepaalde attributen

Deze shortcode toont de producten die de waarde hebben die in de shortcode voor een bepaald attribuut is aangegeven. Met attribuut geven we het attribuut aan waarop we de weergave van producten filteren en met filter geven we de waarde van het attribuut aan: In het voorbeeld worden producten weergegeven die het attribuut “geheugen” hebben (bv. het geheugen van een smartphone) met een waarde van “48GB”.

Toevoegen aan winkelwagen

De knop voor de aankoop (toevoeging aan winkelwagen) van een bepaald produkt is ingevoegd, aangegeven met de ID.

Aternatief is het mogelijk om het produkt aan te geven met de code in plaats van de ID.