Soms wil je op je WooCommerce-productpagina een klein tekstje aanpassen, zoals “Beschikbaar via nabestelling”. Dat klinkt simpel, maar WooCommerce genereert deze tekst automatisch — en vaak moet je in de PHP-bestanden duiken om dat te wijzigen. Gelukkig kan het ook met een slimme CSS-truc.
Met CSS kun je normaal gesproken alleen de opmaak van een website aanpassen. Denk aan kleuren, lettertypes of marges. Toch is het mogelijk om tekst te “vervangen” door de originele tekst onzichtbaar te maken en een nieuwe tekst er overheen te zetten. Dat is geen officiële manier om teksten te vertalen, maar het is snel, veilig en werkt in de meeste WordPress thema’s.
Woocommerce: De tekst Beschikbaar via nabestelling aanpassen met CSS
Hieronder zie je hoe dat eruitziet:
/* Verberg de originele tekst */
.stock.available-on-backorder {
color: transparent !important;
position: relative;
}
/* Voeg je eigen tekst toe */
.stock.available-on-backorder::after {
content: “Tijdelijk niet op voorraad, levertijd circa 2 weken”;
color: #cc0000;
position: absolute;
left: 0;
top: 0;
}
Plak deze code in Weergave → Customizer → Extra CSS of, als je met Elementor werkt, in het veld Aangepaste CSS op productniveau. Sla je wijzigingen op en ververs de productpagina — je ziet nu de nieuwe tekst in beeld.
Dit is een snelle oplossing, vooral handig als je een paar producten wilt aanpassen of als je geen vertaal- of child-theme wilt gebruiken.
Veelgestelde vragen ‘Beschikbaar via nabestelling’
Kan ik hiermee elke WooCommerce-tekst aanpassen?
Alleen teksten die op de pagina staan met een vaste CSS-class. Systematische teksten (zoals knoppen of foutmeldingen) kun je beter via een vertaalplugin wijzigen, bijvoorbeeld Loco Translate.
Is dit goed voor SEO?
De originele tekst blijft in de broncode staan, dus zoekmachines zien nog steeds “Beschikbaar via nabestelling”. Voor SEO maakt dit dus weinig verschil.
Wordt de tekst vertaald bij meertalige sites?
Nee, deze methode is puur visueel. Gebruik bij meertalige websites altijd een vertaalplugin.
Kan ik de kleur of stijl aanpassen?
Zeker. Pas de kleur, fontgrootte of zelfs lettertype aan in dezelfde CSS-regel.
Wil je dit soort kleine tweaks vaker leren toepassen? Dan is het handig om een eigen child-theme of CSS-snippetverzameling bij te houden. Zo blijft je webshop strak en consistent, zonder dat je telkens in de code hoeft te graven.
Ondersteuning nodig op het gebied van GEO, SEO, AI, WordPress of Shopify?
Hulp nodig met de SEO of GEO van jouw (WordPress) website? Of andere vragen over hoe je bijvoorbeeld Artificial Intelligence online kunt inschakelen? Geen probleem! Social Pepper kan je ondersteunen als het gaat om AI kennis, Elementor, Spectra, WordPress, Shopify of programmeerwerk. Ondersteuning nodig? Neem dan contact met ons op. Of bel 0031611210036!