WooCommerce SKU verbergen

WooCommerce SKU verbergen

Hoe verberg je de SKU in WooCommerce, wanneer je die niet gebruikt?

SKU staat voor Stock Keeping Unit. Het is een unieke code, verwijzend naar specifieke producten in je assortiment. In WooCommerce wordt deze code getoond bij de product detail pagina.

Maar wat nu, wanneer je geen SKU in je webshop gebruikt? Of wanneer je die wel gebruikt, maar niet voor al je producten? Wanneer je geen SKU hebt, dan komt er bij je product ‘SKU: Niet Beschikbaar’. Dat kan bij een klant die geen idee heeft wat een SKU is -en er zijn heel wat mensen die dat echt niet weten- tot de veronderstelling leiden dat jouw product niet beschikbaar is. Dat moeten we voorkomen, toch? En daarom heb ik voor jou drie manieren om je SKU veld te verbergen.

SKU verbergen via CSS

.sku_wrapper {
   display:none;
}

Zo simpel is het dus om de SKU te verbergen. Let wel op, je maakt het onzichtbaar, maar in de HTML code zelf is het nog steeds beschikbaar.

Weet je nog? CSS voeg je niet toe aan je snippet file, maar aan de style.css file van je child theme of via de ‘Custom CSS’ optie van de Customizer.

SKU verbergen via een PHP snippet.

<?php

add_filter( 'wc_product_sku_enabled', 'wxp_remove_product_page_sku' );

function wxp_remove_product_page_sku( $enabled ) {
    if ( ! is_admin() && is_product() ) {
        $enabled = false;
    }
    return $enabled;
}

Ook dit ziet er niet al te ingewikkeld uit, nietwaar?

Maar wat nu, wanneer je voor slechts een deel van je producten geen SKU hebt, en de SKU voor die producten die ze wel hebben, de SKU code wel wilt tonen?

Ook dat is makkelijk op te lossen :

<?php

add_filter( 'wc_product_sku_enabled', 'wxp_remove_product_page_sku' );

function wxp_remove_product_page_sku( $enabled ) {
    if ( ! is_admin() && is_product() ) {
        if (!$product->get_sku()) {
          $enabled = false;
        }
    }
    return $enabled;
}

Het enige wat we extra hoeven te doen, is te kijken, of het product ook een SKU heeft. Heeft het geen SKU, dan verbergen we het veld, is er wel een SKU, dan tonen we het.

WordPress Developer worden?

Wil je leren hoe je zelf plugins, thema's, shortcodes, widgets, Gutenberg blocks en meer kan maken?
Schrijf je dan in voor de cursus WordPress Developer.

Meer snippets

Maak WP Courseware lessen zichtbaar in Elementor
Standaard kan Elementor Pro jouw WP Courseware Units niet vinden. Zo los je dit op.
WooCommerce product titel inkorten
Past de titel in je WooCommerce product matrix niet? Zo pas je het aan.
De WordPress 'admin bar' ook daadwerkelijk alleen voor admins
Zelf vind ik de WordPress ‘admin bar’ heel handig om snel toegang te krijgen tot verschillende...
Stuur je bezoeker naar een 'dank je' pagina na commentaar
In enkele regels stuur je je bezoeker naar een 'bedankt pagina'.
WooCommerce Add to Cart button-tekst aanpassen
Hoe pas je de tekst van je 'add to cart' button makkelijk aan?
Een veld toevoegen in WooCommerce bestellingen
Hoe voeg je extra velden toe aan je WooCommerce checkout procedure?

Veiligheid voor alles!

Met betrekking tot de code die je hier aantreft een aantal waarschuwingen, voordat je deze code snippets toepast op je eigen website.

  1. Voer de code nooit direct uit op je eigen website, maar probeer deze eerst op een staging omgeving of een locale kopie van je website. 
  2. Voor je de geteste code installeert op je website, maak eerst een back up van je website.
  3. Zorg altijd voor alle zekerheid, dat je voor je een aanpassing live zet, je ook de FTP gegevens van je website bij de hand hebt.  
 
Voel je je onvoldoende vertrouwd met het toepassen van een dergelijke code snippet, bedenk dat je dit ook door een professional kan laten doen. De WordXPression support strippenkaart is een voordelige manier om dit soort aanpassingen te laten doen.
Heeft dit artikel je geholpen je probleem op te lossen?
Deel het met je vrienden via je favoriete social media.

Heb je vragen bij, of opmerkingen over deze code snippet, stel deze bij de commentaren hieronder.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.

Word je website de baas. Neem vandaag nog contact op!

Contact Information

WordXPression 
Imkersdreef 525
7328DG Apeldoorn
06-10449807 (van 9:00 tot 17:00 van ma-vr)

KVK : 75580152 

Social media
Stuur een bericht

Flinke kortingen op cursussen van WordXPression.