WooCommerce SKU verbergen

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.