Tekst onder in winkelmand knop WooCommerce
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.