WooCommerce SKU verbergen

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

Wil je direct een mail ontvangen wanneer nieuwe snippets zijn toegevoegd?

Vul dan onderstaand formulier in en je krijgt direct na het toevoegen van nieuwe snippets een email. Zo blijf je altijd bij!

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.

Codesnippet verbeteren

Het doel van deze code snippet is een probleem op te lossen in een specifieke situatie. Daarom zie je regelmatig voorbeelden waar je specifiek tekst moet aanpassen om te krijgen wat je wilt. 

Wil jij leren hoe je complete plugins zelf kunt programmeren inclusief ‘admin’ schermen voor het instellen en de output in de gewenste taal, dan is misschien de cursus ‘Introductiecursus Plugins Programmeren‘ iets voor jou. 

Wil je als ‘full stack’ WordPress programmeur aan de gang gaan, dan biedt WordXPression ook een compleet traject ‘WordPress Developer‘ aan. Dit is een traject wat deels online, deels klassikaal wordt gegeven.

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

Bestel en ontvang het morgen badge voor WooCommerce
Voer de 'koop druk' een beetje op, door aan te geven hoe snel iemand iets in huis kan krijgen
Op Woensdag alle pizza's voor 7 euro! (WooCommerce)
Een leuke uitdaging. Een klant wilde een aanpassing op WooCommerce om op specifieke weekdagen andere...
Een extra product veld toevoegen aan WooCommerce
Een aantal velden toevoegen aan een product is eigenlijk helemaal niet zo moeilijk. Ik laat je precies...
WooCommerce checkout velden verwijderen
Sommige velden in het bestelformulier van WooCommerce heb je absoluut niet nodig. En zo haal je ze w...
Het WordPress login logo aanpassen
Vervang het standaard WordPress logo door je eigen logo op het inlogscherm.
De presentatie van variabele producten hun prijs verbeteren
Een variabel product wordt in WooCommerce weergegeven als een prijs €100-€250 in plaats van 'vanaf €...

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 reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

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

Contact Informatie

WordXPression 

Aardoliestraat 14-I
7553GT Hengelo

085-8001964 (van 9:00 tot 17:00 van ma-vr)
Let op, gewijzigd telefoonnummer

KVK : 75580152 

Social media
Stuur een bericht

Introductiecursus Plugins Programmeren

wordpress coding Can use php code as background in html

Ontdek de wereld van WordPress Plugin ontwikkeling met WordXPression's introductiecursus