Voor het toevoegen van extra functionaliteiten ben je wellicht gewend om gebruik te maken van shortcodes in WordPress. Sinds de introductie van de blok editor komen er steeds meer blokken beschikbaar waarmee je deze shortcodes, als je dat wilt, kunt vervangen. Run je een WooCommerce shop, dan kun je gebruik maken van speciale blokken voor WooCommerce. In deze blogpost laten we zien wat er zoal mogelijk is met deze WooCommerce blokken.
Dit moet je weten over WooCommerce blokken
Als je aan de slag wilt met WooCommerce blokken, dan heb je minimaal WordPress 6.4+ en WooCommerce 8.3+ nodig. Het is echter raadzaam om zowel WordPress als WooCommerce naar de nieuwste versie te updaten.
Product blokken
De onderstaande product blokken maken het mogelijk om je producten weer te geven in grids, geselecteerd op basis van specifieke eigenschappen. Zodra je een WooCommerce blok hebt toegevoegd aan een pagina, bericht of template, kun je in de Blok sectie aan de rechterkant van het scherm de instellingen en opties van het betreffende blok configureren.
Enkel product | Single product
Producten per categorie | Products by category
Producten per tag | Products by tag
Producten per eigenschap | Products by attribute
Best verkochte producten | Best selling products
Nieuwste producten | Newest products
Best beoordeelde producten | Top rated products
Alle producten | All products
Filter blokken
In plaats van de hierboven genoemde product blokken kun je in WooCommerce ook gebruik maken van filter blokken. Deze werken in combinatie met het Alle producten blok en maken gebruik van PHP templates om te zorgen dat je bezoekers het productaanbod kunnen filteren op een of meerdere eigenschappen.
Filter op eigenschap | Filter by attribute
Filter op prijs | Filter by price
Filter op voorraad | Filter by stock status
Filter op beoordeling | Filter by rating
Actieve filters | Active product filters
Winkelwagen & checkout blokken
Kleine winkelwagen | Mini cart
Winkelwagen | Cart
Afrekenen | Checkout
Om de Winkelwagen en Afrekenen blokken toe te kunnen passen moet je minimaal WooCommerce 6.9 geïnstalleerd hebben én een ondersteunde payment gateway gebruiken. Het Kleine winkelwagen blok maakt het mogelijk voor shoppers om vanaf elke pagina in je WooCommerce shop de inhoud van hun winkelwagen te bekijken.
WooCommerce shortcodes vervangen door blokken
Bestaande shortcodes in WooCommerce door blokken vervangen is een kwestie van de shortcode verwijderen en vervolgens op dezelfde plek het blok toevoegen. Om een voorbeeld te geven: als je nu gebruik maakt van de [ woocommerce_cart ] shortcode, dan verwijder je die en voeg je in plaats daarvan het Winkelwagen blok toe. Vergeet niet om de wijzigingen op te slaan en te controleren of alles goed werkt.
Tot slot
Er worden regelmatig nieuwe blokken voor WooCommerce toegevoegd, welke natuurlijk eerst uitvoerig getest worden. Als je toegang wilt tot nieuwe blokken voordat ze in de WooCommerce core geïntegreerd worden, dan kun je de WooCommerce Blocks plugin installeren. Maak je nog gebruik van de klassieke editor? Dan kun je alle extra features gewoon toevoegen met behulp van WooCommerce shortcodes.