Tekst onder in winkelmand knop WooCommerce

USP add to cart

Wil je een tekst toevoegen na de ‘in winkelmand’ knop in je webshop? Of bijvoorbeeld USP’s toevoegen onder de in winkelmand knop? Zoals in deze webshop gedaan is.

PHP code

Met deze code realiseer je dit.


add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart_button_func' );
function add_content_after_addtocart_button_func() {
// Echo content.
echo '<div class="second_content"><a href="#tab-title-vraag_tab" id="second_tab">Stel een vraag</a></div>';
echo '<script>
jQuery( document ).ready(function($) {
$("#second_tab" ).click(function() {
$( "#tab-title-vraag_tab a" ).click();
});
});
</script>';
}

CSS styling

De bovenstaande code voegt een tekst toe met daar omheen een css class second_content. Hier kun je vervolgens jouw styling verder op baseren met CSS.

Feedback

Heb je na het lezen van dit artikel nog vragen of zijn er onduidelijkheden? Werkt de code niet op jouw website? Laat het ons weten, dan kunnen wij je misschien verder helpen.

Feedback kennisbankartikel

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.

Mis geen WordPress tips meer.

Al 500+ webdesigners en marketeers ontvangen deze nieuwsbrief.

Naam
Dit veld is bedoeld voor validatiedoeleinden en moet niet worden gewijzigd.