WooCommerce Add to Cart button-tekst aanpassen

WooCommerce Add to Cart button-tekst aanpassen

Hoe pas je de tekst van je 'add to cart' button makkelijk aan?

Wil je een andere tekst op je add-to-cart button van WooCommerce? Wanneer je Elementor Pro gebruikt, dan kan je dit zomaar instellen, maar wanneer je dat niet doet, heb je twee mogelijkheden om de tekst te veranderen.

De ene mogelijkheid is de tekst in het vertaalbestand voor de betreffende taal aan te passen. Dat werkt op zich prima. De tweede mogelijkheid is gebruik te maken van onderstaande code snippet. Er is echter een belangrijk verschil tussen beide mogelijkheden.

// Change add to cart text on single product page
add_filter( 'woocommerce_product_single_add_to_cart_text', 'wxp_add_to_cart_button_text_single' ); 
function wxp_add_to_cart_button_text_single() {
    return __( 'Add to Cart Button Text', 'woocommerce' ); 
}

// Change add to cart text on product archives page
add_filter( 'wxp_product_add_to_cart_text', 'woocommerce_add_to_cart_button_text_archives' );  
function wxp_add_to_cart_button_text_archives() {
    return __( 'Add to Cart Button Text', 'woocommerce' );
}

Het verschil zit hem erin, wanneer je een meertalige website zou gebruiken.

De ‘truc’ om het vertaalbestand aan te passen, werkt alleen, wanneer je de oorspronkelijk Engelstalige plugin vertaalt naar een andere taal. Heb je jouw webshop in het Nederlands en Engels, dan zal in de Engelse versie nog steeds de oorspronkelijke tekst van WooCommerce getoond worden.

In het codevoorbeeld hierboven (waarbij je ‘Add to Cart Button Text’ natuurlijk aanpast aan de tekst die je echt wilt hebben), wordt de Engelse tekst die getoond wordt vervangen. Bovendien, wanneer je een regel toevoegt aan het vertaalbestand, kan je middels de vertaalbestanden diezelfde tekst naar alle overige talen die je op je site gebruikt vertalen.

Voor een webshop met één taal is de eerst genoemde optie dus prima geschikt, maar voor een webshop met meerdere talen, waarvan er één Engels is, is het beter gebruik te maken van de snippet. Je zal nog steeds de vertaalbestanden aan moeten passen.

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

In WooCommerce 'gratis verzending' als enige optie tonen.
Wanneer je in WooCommerce 'gratis verzending' als enige optie wilt tonen, moet je toch iets meer doen!
Shortcodes voor het tonen en verbergen van content
Hoe maak ik een shortcode waarmee ik content van mijn posts kan verbergen?
Het WordPress login logo aanpassen
Vervang het standaard WordPress logo door je eigen logo op het inlogscherm.
Password Change notificaties onderdrukken in WordPress
Voorkom dat je een email krijgt iedere keer wanneer iemand zijn wachtwoord aanpast.
Stuur je bezoeker naar een 'dank je' pagina na commentaar
In enkele regels stuur je je bezoeker naar een 'bedankt pagina'.
De 'search' functie in je site helemaal uitschakelen
In de meeste gevallen zal je willen dat mensen je website makkelijk kunnen doorzoeken. Maar wat nu als...

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.