{"id":9478,"date":"2021-04-13T11:30:38","date_gmt":"2021-04-13T10:30:38","guid":{"rendered":"http:\/\/wpprovider.nl\/kennisbank\/?post_type=kb&#038;p=9478"},"modified":"2021-12-18T09:23:48","modified_gmt":"2021-12-18T08:23:48","slug":"shortcodes-inbegrepen-bij-woocommerce","status":"publish","type":"kb","link":"https:\/\/wpprovider.nl\/kennisbank\/wordpress\/shortcodes-inbegrepen-bij-woocommerce\/","title":{"rendered":"Shortcodes inbegrepen bij WooCommerce"},"content":{"rendered":"\n<p>WooCommerce komt met verschillende shortcodes die gebruikt kunnen worden om inhoud in te voegen in berichten en pagina&#8217;s.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hoe gebruik je shortcodes<\/h2>\n\n\n\n<p><strong>Waar te gebruiken<\/strong><br>Shortcodes kunnen worden gebruikt op pagina&#8217;s en berichten in WordPress. Als je de blok editor gebruikt, is er een shortcode blok dat je kunt gebruiken om de shortcode in te plakken.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/1-6-1024x594.png\" alt=\"\" class=\"wp-image-9479\" width=\"768\" height=\"446\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/1-6-1024x594.png 1024w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/1-6-300x174.png 300w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/1-6-768x445.png 768w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/1-6.png 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p>Als je de klassieke editor gebruikt, kun je de shortcode op de pagina of post plakken.<\/p>\n\n\n\n<p><strong>Args (of Argumenten)<\/strong><br>Verschillende van de shortcodes hieronder zullen &#8220;Args&#8221; vermelden. Dit zijn manieren om de shortcode specifieker te maken. Bijvoorbeeld, door id=&#8221;99&#8243; toe te voegen aan de [add_to_cart] shortcode, wordt er een add-to-cart knop aangemaakt voor het product met ID 99.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pagina shortcodes<\/h2>\n\n\n\n<p>WooCommerce kan niet goed functioneren zonder dat de eerste drie shortcodes ergens op jouw site staan.<\/p>\n\n\n<div class=\"mkb-shortcode-container\">        <div class=\"mkb-info\">\n            <div class=\"mkb-info__icon\">\n                <i class=\"fa fa-info-circle fa-lg\"><\/i>\n            <\/div>\n            <div class=\"mkb-info__content\">\n                Je kunt nu de nieuwe winkelwagen en kassa blokken testen die beschikbaar zijn in de WooCommerce Blocks plugin!            <\/div>\n        <\/div>\n        <\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>[woocommerce_cart]<\/strong> &#8211; toont de winkelwagen pagina<br><strong>[woocommerce_checkout]<\/strong> &#8211; toont de kassa pagina<br><strong>[woocommerce_my_account]<\/strong> &#8211; toont de gebruikersaccount pagina<br><strong>[woocommerce_order_tracking]<\/strong> &#8211; toont het order tracking formulier<\/p><\/blockquote>\n\n\n\n<p>In de meeste gevallen zullen deze shortcodes automatisch worden toegevoegd aan pagina&#8217;s via onze onboarding wizard en hoeven ze niet handmatig te worden gebruikt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Winkelwagen<\/h2>\n\n\n\n<p>Gebruikt op de winkelwagen pagina, de winkelwagen shortcode toont winkelwagen inhoud en interface voor coupon codes en andere winkelwagen stukjes en beetjes.<\/p>\n\n\n\n<p>Args: geen<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>&#91;woocommerce_cart]<\/strong> <\/code><\/pre>\n\n\n\n<p><strong>Kassa<\/strong><br>Gebruikt op de kassa pagina, de kassa shortcode toont het kassa proces.<\/p>\n\n\n\n<p>Args: geen<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>&#91;woocommerce_checkout]<\/strong><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Mijn rekening<\/h2>\n\n\n\n<p>Toont de &#8216;mijn account&#8217; sectie waar de klant vroegere bestellingen kan bekijken en zijn informatie kan bijwerken. Je kunt het aantal bestellingen opgeven dat moet worden getoond. Standaard is dit ingesteld op 15 (gebruik -1 om alle bestellingen te tonen).<\/p>\n\n\n\n<p><strong>Args:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>array(<br>huidige_gebruiker' =&gt; ''<br>)<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;woocommerce_my_account]<\/code><\/pre>\n\n\n<div class=\"mkb-shortcode-container\">        <div class=\"mkb-info\">\n            <div class=\"mkb-info__icon\">\n                <i class=\"fa fa-info-circle fa-lg\"><\/i>\n            <\/div>\n            <div class=\"mkb-info__content\">\n                Het argument van de huidige gebruiker wordt automatisch ingesteld met get_user_by( &#8216;id&#8217;, get_current_user_id() ).            <\/div>\n        <\/div>\n        <\/div>\n\n\n<p><strong>Volgformulier bestelling<\/strong><br>Laat een gebruiker de status van een order zien door zijn ordergegevens in te voeren.<\/p>\n\n\n\n<p>Args: geen<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;woocommerce_order_tracking]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Producten<\/h2>\n\n\n\n<p>De [producten] shortcode is een van onze meest robuuste shortcodes, die verschillende andere strings kan vervangen die gebruikt werden in eerdere versies van WooCommerce.<\/p>\n\n\n\n<p>Met de <strong>[producten]<\/strong> shortcode kun je producten weergeven per post ID, SKU, categorie\u00ebn, attributen, met ondersteuning voor paginering, willekeurige sortering, en product tags, ter vervanging van de noodzaak voor meerdere shortcodes zoals <strong>[featured_products]<\/strong>, <strong>[sale_products]<\/strong>, <strong>[best_selling_products]<\/strong>, <strong>[recent_products]<\/strong>, <strong>[product_attribute]<\/strong>, en <strong>[top_rated_products]<\/strong>, die nodig zijn in versies van WooCommerce onder 3.2. Bekijk de voorbeelden hieronder.<\/p>\n\n\n\n<p><strong>Beschikbare Product Attributen<\/strong><br>De volgende attributen zijn beschikbaar om te gebruiken in combinatie met de [producten] shortcode. Ze zijn opgesplitst in secties voor primaire functie voor het gemak van navigatie, met voorbeelden hieronder.<\/p>\n\n\n\n<p><strong>Productattributen weergeven<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>limiet &#8211; Het aantal weer te geven producten. Standaard ingesteld op en -1 (alles weergeven) bij het weergeven van producten, en -1 (alles weergeven) voor categorie\u00ebn.<\/li><li>kolommen &#8211; Het aantal weer te geven kolommen. Standaard ingesteld op 4.<\/li><li>pagineren &#8211; Hiermee schakel je pagineren in. Te gebruiken in combinatie met limit. Staat standaard op false, stel in op true om te pagineren.<\/li><li>orderby &#8211; Sorteert de weergegeven producten op de ingevoerde optie. Een of meer opties kunnen worden doorgegeven door beide sloten toe te voegen met een spatie ertussen. Beschikbare opties zijn:<ul><li>date &#8211; De datum waarop het product is gepubliceerd.<\/li><li>id &#8211; De post-ID van het product.<\/li><li>menu_order &#8211; De menu-volgorde, indien ingesteld (lagere nummers worden eerst weergegeven).<\/li><li>populariteit &#8211; Het aantal aankopen.<\/li><li>rand &#8211; Willekeurige volgorde van de producten bij het laden van de pagina (werkt misschien niet met sites die caching gebruiken, omdat het een specifieke volgorde zou kunnen opslaan).<\/li><li>waardering &#8211; De gemiddelde productwaardering.<\/li><li>titel &#8211; De producttitel. Dit is de standaardvolgorde.<\/li><\/ul><\/li><li>skus &#8211; Door komma&#8217;s gescheiden lijst van product SKU&#8217;s.<\/li><li>category &#8211; Door komma&#8217;s gescheiden lijst van categorie-slugs.<\/li><li>tag &#8211; Door komma&#8217;s gescheiden lijst van tag slugs.<\/li><li>order &#8211; Geeft aan of de productvolgorde oplopend (ASC) of aflopend (DESC) is, gebruikmakend van de methode die is ingesteld bij orderby. Standaard ingesteld op ASC.<\/li><li>class &#8211; Voegt een HTML-wrapper class toe zodat je de specifieke uitvoer kunt wijzigen met aangepaste CSS.<\/li><li>on_sale &#8211; Zoek producten op die in de uitverkoop zijn. Niet te gebruiken in combinatie met best_selling of top_rated.<\/li><li>best_selling &#8211; De best verkochte producten ophalen. Niet te gebruiken in combinatie met on_sale of top_rated.<\/li><li>top_rated &#8211; De best gewaardeerde producten ophalen. Niet te gebruiken in combinatie met on_sale of best_selling.<\/li><\/ul>\n\n\n\n<p><strong>Inhoud Product Attributen<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>attribuut &#8211; Vindt producten met de opgegeven attribuutnaam.<\/li><li>termen &#8211; Door komma&#8217;s gescheiden lijst van attribuuttermen die met het attribuut moeten worden gebruikt.<\/li><li>termen_operator &#8211; Operator om attribuuttermen te vergelijken. Beschikbare opties zijn:<ul><li>AND &#8211; Geeft producten weer van alle gekozen attributen.<\/li><li>IN &#8211; Geeft producten weer met het gekozen attribuut. Dit is de standaardwaarde voor termen_operator.<\/li><li>NOT IN &#8211; Geeft producten weer die niet in de gekozen attributen voorkomen.<\/li><\/ul><\/li><li>tag_operator &#8211; Operator om tags te vergelijken. Beschikbare opties zijn:<ul><li>AND &#8211; Zal producten weergeven van alle gekozen tags.<\/li><li>IN &#8211; Geeft producten weer met de gekozen tags. Dit is de standaard tag_operator waarde.<\/li><li>NOT IN &#8211; Geeft producten weer die niet in de gekozen tags zitten.<\/li><\/ul><\/li><li>visibility &#8211; Toont producten gebaseerd op de geselecteerde zichtbaarheid. Beschikbare opties zijn:<ul><li>visible &#8211; Producten zichtbaar op shop en zoekresultaten. Dit is de standaard zichtbaarheid optie.<\/li><li>catalogus &#8211; Producten alleen zichtbaar in de winkel, maar niet in de zoekresultaten.<\/li><li>zoeken &#8211; Producten alleen zichtbaar in de zoekresultaten, maar niet in de winkel.<\/li><li>verborgen &#8211; Producten die verborgen zijn van zowel de winkel als de zoekresultaten, alleen toegankelijk via een directe URL.<\/li><li>uitgelicht &#8211; Producten die gemarkeerd zijn als uitgelichte producten.<\/li><\/ul><\/li><li>categorie &#8211; Zoekt producten met de opgegeven categorie slug.<\/li><li>tag &#8211; Zoekt producten met de opgegeven tag slug.<\/li><li>cat_operator &#8211; Operator om categorietermen te vergelijken. Beschikbare opties zijn:<ul><li>AND &#8211; Geeft producten weer die in alle gekozen categorie\u00ebn thuishoren.<\/li><li>IN &#8211; Toont producten binnen de gekozen categorie. Dit is de standaard cat_operator waarde.<\/li><li>NOT IN &#8211; Geeft producten weer die niet tot de gekozen categorie behoren.<\/li><\/ul><\/li><li>ids &#8211; Geeft producten weer op basis van een door komma&#8217;s gescheiden lijst van post-ID&#8217;s.<\/li><li>skus &#8211; Geeft producten weer op basis van een door komma&#8217;s gescheiden lijst van SKU&#8217;s.<\/li><\/ul>\n\n\n\n<p>Als het product niet wordt getoond, controleer dan of het niet is ingesteld op &#8220;Verborgen&#8221; in de &#8220;Catalogus Zichtbaarheid&#8221;.<\/p>\n\n\n<div class=\"mkb-shortcode-container\">        <div class=\"mkb-tip\">\n            <div class=\"mkb-tip__icon\">\n                <i class=\"fa fa-lightbulb-o fa-lg\"><\/i>\n            <\/div>\n            <div class=\"mkb-tip__content\">\n                Om de Product ID te vinden, ga naar het Producten scherm, ga met de muis over het product en de ID verschijnt zoals hieronder getoond.            <\/div>\n        <\/div>\n        <\/div>\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/2-5-1024x342.png\" alt=\"\" class=\"wp-image-9482\" width=\"768\" height=\"257\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/2-5-1024x342.png 1024w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/2-5-300x100.png 300w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/2-5-768x256.png 768w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/2-5-1536x512.png 1536w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/2-5.png 2048w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p><strong>Speciale productattributen<\/strong><br>Deze attributen kunnen niet worden gebruikt in combinatie met de hierboven genoemde &#8220;Content Attributen&#8221;, omdat ze dan waarschijnlijk een conflict veroorzaken en niet worden weergegeven. Je dient slechts \u00e9\u00e9n van de volgende speciale attributen te gebruiken.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>best_selling &#8211; Geeft jouw best verkopende producten weer. Moet ingesteld zijn op waar.<\/li><li>on_sale &#8211; Geeft jouw producten in de uitverkoop weer. Moet worden ingesteld op waar.<\/li><\/ul>\n\n\n\n<p><strong>Voorbeelden van Product Scenario&#8217;s<\/strong><br>In de volgende scenario&#8217;s gebruiken we een voorbeeld van een kledingwinkel.<\/p>\n\n\n\n<p><strong>Scenario 1 &#8211; Willekeurige uitverkoop artikelen<\/strong><br>Ik wil vier willekeurige producten in de uitverkoop laten zien<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products limit=\"4\" columns=\"4\" orderby=\"popularity\" class=\"quick-sale\" on_sale=\"true\" ]<\/code><\/pre>\n\n\n\n<p>Deze shortcode vermeldt expliciet vier producten met vier kolommen (wat \u00e9\u00e9n rij zal zijn), die de meest populaire items in de uitverkoop tonen. Het voegt ook een CSS klasse quick-sale toe, die ik kan aanpassen in mijn thema.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/3-5.png\" alt=\"\" class=\"wp-image-9483\" width=\"768\" height=\"350\"\/><\/figure>\n\n\n\n<p><strong>Scenario 2 &#8211; Uitgelichte producten<\/strong><br>Ik wil mijn uitgelichte producten weergeven, twee per rij, met een maximum van vier items.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products limit=\"4\" columns=\"2\" visibility=\"featured\" ]<\/code><\/pre>\n\n\n\n<p>Deze shortcode zegt tot vier producten te laden in twee kolommen, en dat ze moeten worden uitgelicht. Hoewel niet expliciet vermeld, gebruikt het de standaards zoals sorteren op titel (A tot Z).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/4-5.png\" alt=\"\" class=\"wp-image-9484\" width=\"768\" height=\"900\"\/><\/figure>\n\n\n\n<p><strong>Scenario 3 &#8211; Best verkopende producten<\/strong><br>Ik wil mijn drie best verkopende producten in \u00e9\u00e9n rij weergeven.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products limit=\"3\" columns=\"3\" best_selling=\"true\" ]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/5-4.png\" alt=\"\" class=\"wp-image-9485\" width=\"768\" height=\"364\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/5-4.png 806w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/5-4-300x142.png 300w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/5-4-768x363.png 768w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<p><strong>Scenario 4 &#8211; Nieuwste producten<\/strong><br>Ik wil de nieuwste producten eerst weergeven &#8211; vier producten op \u00e9\u00e9n rij. Om dit te bereiken, gebruiken we de Post ID (die wordt gegenereerd wanneer de productpagina wordt gemaakt), samen met de order en orderby commando&#8217;s. Omdat je de Post ID niet kunt zien vanaf de frontend, zijn de ID#s over de afbeeldingen geplaatst.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products limit=\"4\" columns=\"4\" orderby=\"id\" order=\"DESC\" visibility=\"visible\"]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/6-3.png\" alt=\"\" class=\"wp-image-9486\" width=\"768\" height=\"327\"\/><\/figure>\n\n\n\n<p><strong>Scenario 5 &#8211; Specifieke categorie\u00ebn<\/strong><br>Ik wil alleen hoodies en shirts weergeven, maar geen accessoires. Ik gebruik twee rijen van vier.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products limit=\"8\" columns=\"4\" category=\"hoodies, tshirts\" cat_operator=\"AND\"]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/7-3.png\" alt=\"\" class=\"wp-image-9487\" width=\"768\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/7-3.png 811w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/7-3-300x271.png 300w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/7-3-768x694.png 768w\" sizes=\"(max-width: 811px) 100vw, 811px\" \/><\/figure>\n\n\n\n<p>Als alternatief wil ik alleen producten weergeven die niet in die categorie\u00ebn vallen. Alles wat ik moet veranderen is de <strong>cat_operator<\/strong> in <strong>NOT IN<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products limit=\"8\" columns=\"4\" category=\"hoodies, tshirts\" cat_operator=\"NOT IN\"]<\/code><\/pre>\n\n\n\n<p>Merk op dat, ook al is de limiet ingesteld op <strong>8<\/strong>, er slechts vier producten zijn die aan die criteria voldoen, dus worden er vier producten weergegeven.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/8-2.png\" alt=\"\" class=\"wp-image-9488\" width=\"768\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/8-2.png 798w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/8-2-300x135.png 300w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/8-2-768x346.png 768w\" sizes=\"(max-width: 798px) 100vw, 798px\" \/><\/figure>\n\n\n\n<p><strong>Scenario 6 &#8211; Attribuut Weergave<\/strong><br>Elk van de kledingstukken heeft een attribuut, hetzij &#8220;Lente\/Zomer&#8221; of &#8220;Herfst\/Winter&#8221; afhankelijk van het seizoen, met sommige accessoires die beide hebben omdat ze het hele jaar gedragen kunnen worden. In dit voorbeeld wil ik drie producten per rij, die alle &#8220;lente\/zomer&#8221;-artikelen weergeven. De attribuut slug is seizoen, en de attributen zijn warm en koud. Ik wil ook dat ze gesorteerd worden van de nieuwste naar de oudste producten.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products columns=\"3\" attribute=\"season\" terms=\"warm\" orderby=\"date\"]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/9-2.png\" alt=\"\" class=\"wp-image-9489\" width=\"768\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/9-2.png 815w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/9-2-276x300.png 276w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/9-2-768x835.png 768w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/figure>\n\n\n\n<p>Als alternatief, als ik uitsluitend producten voor koud weer wil weergeven, zou ik <strong>NOT IN<\/strong> als mijn terms_operator kunnen toevoegen:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products columns=\"3\" attribute=\"season\" terms=\"warm\" terms_operator=\"NOT IN\"]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/10-2.png\" alt=\"\" class=\"wp-image-9490\" width=\"768\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/10-2.png 804w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/10-2-275x300.png 275w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/10-2-768x839.png 768w\" sizes=\"(max-width: 804px) 100vw, 804px\" \/><\/figure>\n\n\n\n<p>Merk op dat door het gebruik van NIET IN, ik producten uitsluit die zowel in &#8220;Lente\/Zomer&#8221; als in &#8220;Herfst\/Winter&#8221; zijn. Als ik alle uitrusting voor koud weer wil tonen, inclusief deze gedeelde accessoires, zou ik de term veranderen van warm in koud.<\/p>\n\n\n\n<p><strong>Scenario 7 &#8211; Toon alleen producten met tag &#8220;hoodie&#8221;<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;products tag=\"hoodie\"]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/11-2-1024x534.png\" alt=\"\" class=\"wp-image-9491\" width=\"768\" height=\"401\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/11-2-1024x534.png 1024w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/11-2-300x157.png 300w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/11-2-768x401.png 768w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/11-2-1536x802.png 1536w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/11-2.png 1694w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Producten sorteren op aangepaste metavelden<\/h2>\n\n\n\n<p>Wanneer je de Producten shortcode gebruikt, kun je kiezen om producten te sorteren op de voorgedefinieerde waarden hierboven. Je kunt ook producten sorteren op aangepaste metavelden met behulp van onderstaande code (in dit voorbeeld sorteren we producten op prijs):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>add_filter( 'woocommerce_shortcode_products_query', 'woocommerce_shortcode_products_orderby' );\n\nfunction woocommerce_shortcode_products_orderby( $args ) {\n\n    $standard_array = array('menu_order','title','date','rand','id');\n\n    if( isset( $args&#91;'orderby'] ) &amp;&amp; !in_array( $args&#91;'orderby'], $standard_array ) ) {\n        $args&#91;'meta_key'] = $args&#91;'orderby'];\n        $args&#91;'orderby']  = 'meta_value_num'; \n    }\n\n    return $args;\n}<\/code><\/pre>\n\n\n\n<p>Je moet deze snippet in functions.php in jouw thema map plaatsen en dan aanpassen door de meta_key te bewerken.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Product Categorie<\/h2>\n\n\n\n<p>Deze twee shortcodes tonen uw productcategorie\u00ebn op elke pagina.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>product_categorie] &#8211; Toont de producten in een bepaalde productcategorie.<\/li><li>product_categories] &#8211; Toont al uw productcategorie\u00ebn.<\/li><\/ul>\n\n\n\n<p><strong>Beschikbare productcategorie attributen<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>ids &#8211; Specificeer specifieke categorie-id&#8217;s die moeten worden weergegeven. Te gebruiken in [product_categories]<\/li><li>category &#8211; Kan het categorie-id, de naam of de slug zijn. Te gebruiken in [product_categorie]<\/li><li>limiet &#8211; Het aantal weer te geven categorie\u00ebn<\/li><li>kolommen &#8211; Het aantal weer te geven kolommen. Standaard 4<\/li><li>hide_empty &#8211; De standaardwaarde is &#8220;1&#8221;, waardoor lege categorie\u00ebn worden verborgen. Zet op &#8220;0&#8221; om lege categorie\u00ebn te tonen<\/li><li>parent &#8211; Stel in op een specifieke categorie ID als je alle onderliggende categorie\u00ebn wilt tonen. Je kunt ook op &#8220;0&#8221; zetten (zoals in het voorbeeld hieronder) om alleen de categorie\u00ebn op het hoogste niveau te tonen.<\/li><li>orderby &#8211; De standaardinstelling is om te ordenen op &#8220;name&#8221;, maar je kunt ook &#8220;id&#8221;, &#8220;slug&#8221;, of &#8220;menu_order&#8221; kiezen. Als je wilt ordenen op de ids die je hebt opgegeven dan kun je orderby=&#8221;include&#8221; gebruiken<\/li><li>order &#8211; Geeft aan of de categorie volgorde oplopend (ASC) of aflopend (DESC) is, gebruikmakend van de methode ingesteld in orderby. Standaard op ASC.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Voorbeelden van productcategorie-scenario&#8217;s<\/strong><\/h2>\n\n\n\n<p><strong>Scenario 8 &#8211; Toon alleen de categorie\u00ebn op het hoogste niveau<\/strong><br>Stel je voor dat je alleen de categorie\u00ebn op het hoogste niveau op een pagina wilt tonen en de subcategorie\u00ebn wilt uitsluiten, dan is dat mogelijk met de volgende shortcode.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;product_categories number=\"0\" parent=\"0\"]<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/12-1-1024x620.png\" alt=\"\" class=\"wp-image-9492\" width=\"768\" height=\"465\" srcset=\"https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/12-1-1024x620.png 1024w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/12-1-300x182.png 300w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/12-1-768x465.png 768w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/12-1-1536x930.png 1536w, https:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/12-1.png 1714w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Product Pagina<\/h2>\n\n\n\n<p>Toon een volledige enkele productpagina op ID of SKU.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;product_page id=\"99\"]<\/code><\/pre>\n\n\n\n<p>[product_page sku=\u201dFOO\u201d]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verwante Producten<\/h2>\n\n\n\n<p>Lijst van gerelateerde producten.<\/p>\n\n\n\n<p>Args:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>array(\n     'limit' =&gt; '12',\n     'columns' =&gt; '4',\n     'orderby' =&gt; 'title'\n )<\/code><\/pre>\n\n\n\n<p>[related_products limit=\u201d12\u2033]<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Limit argument<\/h2>\n\n\n<div class=\"mkb-shortcode-container\">        <div class=\"mkb-info\">\n            <div class=\"mkb-info__icon\">\n                <i class=\"fa fa-info-circle fa-lg\"><\/i>\n            <\/div>\n            <div class=\"mkb-info__content\">\n                Het &#8216;limit&#8217; shortcode argument zal bepalen hoeveel producten er op een pagina getoond worden. Dit zal geen paginering toevoegen aan de shortcode.            <\/div>\n        <\/div>\n        <\/div>\n\n\n<h2 class=\"wp-block-heading\">Aan winkelwagen toevoegen<\/h2>\n\n\n\n<p>Toon de prijs en voeg toe aan winkelwagen knop van een enkel product per ID.<\/p>\n\n\n\n<p>Args:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>array(\n      'id' =&gt; '99',\n      'style' =&gt; 'border:4px solid #ccc; padding: 12px;',\n      'sku' =&gt; 'FOO'\n      'show_price' =&gt; 'TRUE'\n      'class' =&gt; 'CSS-CLASS'\n      'quantity' =&gt; '1';\n )<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;add_to_cart id=\"99\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Toevoegen aan winkelwagen URL<\/h2>\n\n\n\n<p>Toon de URL op de knop Toevoegen aan winkelwagentje van een enkel product per ID.<\/p>\n\n\n\n<p>Args:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>array(\n      'id' =&gt; '99',\n      'sku' =&gt; 'FOO'\n )<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;add_to_cart_url id=\"99\"]<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">WooCommerce meldingen weergeven op pagina&#8217;s die geen WooCommerce zijn<\/h2>\n\n\n\n<p><strong>[shop_messages]<\/strong> staat je toe om WooCommerce meldingen (zoals, &#8216;Het product is toegevoegd aan de winkelwagen&#8217;) te tonen op niet-WooCommerce pagina&#8217;s. Handig wanneer je andere shortcodes gebruikt, zoals <strong>[add_to_cart]<\/strong>, en je wilt dat de gebruikers feedback krijgen over hun acties.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Problemen met shortcodes oplossen<\/h2>\n\n\n\n<p>Als je jouw shortcodes correct hebt ingeplakt en de weergave ziet er niet correct uit, controleer dan of je de shortcode niet tussen <strong>-tags<\/strong> hebt ingeplakt. Dit is een veel voorkomend probleem. Om deze tags te verwijderen, bewerk de pagina, en klik op het tabblad Tekst:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/wpprovider.nl\/kennisbank\/wp-content\/uploads\/2021\/04\/13.png\" alt=\"\" class=\"wp-image-9493\" width=\"768\" height=\"126\"\/><\/figure>\n\n\n\n<p>Een ander veel voorkomend probleem is dat rechte aanhalingstekens (&#8220;) worden weergegeven als gekrulde aanhalingstekens (&#8220;). Om de shortcodes correct te laten werken, heb je rechte aanhalingstekens nodig.<\/p>\n\n\n\n<p><strong><strong>Heb je meer hulp nodig?<\/strong><br><\/strong>Heb je vragen omtrent dit artikel of over onze dienstverlening? Neem dan contact met ons op.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce komt met verschillende shortcodes die gebruikt kunnen worden om inhoud in te voegen in berichten en pagina&#8217;s. Hoe gebruik je shortcodes Waar te gebruikenShortcodes kunnen worden gebruikt op pagina&#8217;s en berichten in WordPress. Als je de blok editor gebruikt, is er een shortcode blok dat je kunt gebruiken om de shortcode in te plakken. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"kbtopic":[75],"kbtag":[],"class_list":["post-9478","kb","type-kb","status-publish","hentry","kbtopic-instellingen-opties"],"_links":{"self":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb\/9478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb"}],"about":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/types\/kb"}],"author":[{"embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/comments?post=9478"}],"version-history":[{"count":4,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb\/9478\/revisions"}],"predecessor-version":[{"id":9510,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kb\/9478\/revisions\/9510"}],"wp:attachment":[{"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/media?parent=9478"}],"wp:term":[{"taxonomy":"kbtopic","embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kbtopic?post=9478"},{"taxonomy":"kbtag","embeddable":true,"href":"https:\/\/wpprovider.nl\/kennisbank\/wp-json\/wp\/v2\/kbtag?post=9478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}