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

Blog

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

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' ) ); }

  • juli 14, 2014
  • Geschreven door mark

Mark is Internet specialist en E-commerce ondernemer sinds 2001. Met een marketing achtergrond op verschillende posities binnen de telecom (e-business manager, product marketing & innovatie, marketing manager) is hij in 2013 het creatieve full service internetbureau Ingteractive.com gestart. Daarnaast is hij eigenaar en verantwoordelijk voor de exploitatie van diverse webwinkels (o.a. Sneeuwkettingen4u en Ondergoed4u), marketplaces en vergelijkingswebsites (o.a. Sneakers4u en Horloges4u).

Meer rendement uit uw website of webshop?