Zo pas je de Add to Cart button aan in een Lees meer button in WooCommerce 2.1+

  • Berichtcategorie:Blog

Om de Add to Cart / toevoegen aan winkelmandje button op de product categorie / loop pagina aan te passen in een “Lees meer” link die doorstuurt naar de product beschrijving pagina, zonder het bestand add-to-cart.php in de directory woocommerce\templates\loop aan te passen, kan je de volgende code in functions.php plaatsen.

/** HIERMEE MAAK JE VAN DE ADD-TO-CART BUTTON EEN LINK NAAR DE DETAIL PAGINA VAN HET PRODUCT */
add_filter( 'woocommerce_loop_add_to_cart_link', 'woocommerce_loop_add_to_cart_link_custom' ); 
// 2.1 +   
function woocommerce_loop_add_to_cart_link_custom() { 	
global $product; 
echo sprintf( '<a href="%s" data-product_id="%s" data-product_sku="%s" class="button %s product_type_%s">%s</a>',\
esc_url( $product->get_permalink() ),
esc_attr( $product->id ),
esc_attr( $product->get_sku() ), 
$product->is_purchasable() && $product->is_in_stock() ? 'add_to_cart_button' : '', 
esc_attr( $product->product_type ), 	
esc_html( 'Product details of zet hier een andere tekst neer zoals lees meer' ) ); }