WooCommerce blokken: dit moet je weten

WooCommerce blokken: dit moet je weten

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.

wocommerce blokkenProduct 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.

Wil jij meer leren over Wordpress?

In de kennisbank vertellen we je alles over de belangrijkste onderwerpen

  • Snel en gemakkelijk contact met een WordPress expert
  • Ontvang als eerste nieuwtjes & leuke acties
  • Overleg met andere WordPress fans

Je WordPress vraag of probleem razendsnel opgelost met de hulp van een echte WordPress developer!

Join de grootste WordPress community van Nederland & stel je vraag via ons WordPress ticketsysteem.

Medaille-buddy

Blijf op de hoogte van het laatste WordPress nieuws.

Schrijf je in voor onze wekelijkse nieuwsbrief.