How to add an "Add to Cart" Button in Product List option & Thumbnail Zoom

Hey Beth,

Thank you for the inquiry.

You can use this filter in the functions.php file to insert an “Add to Cart” text next to the excerpt in the catalogue item.

add_filter("get_the_excerpt", function($excerpt, $post) {
	if(get_post_type($post->ID) == "product") $excerpt .= "<strong class='avia-catalogue-add-to-cart'>Add to Cart</strong>";
	return $excerpt;
}, 10, 2);

Best regards,
Ismael

Hi,

That should be possible but you have to disable the product list option that applies an add to cart link to the whole item. Then replace the snippet with this one to render an actual add to cart button with a link.

add_filter("get_the_excerpt", function($excerpt, $post) {
	if(get_post_type($post->ID) == "product") {
			ob_start();
			/**
			 * hooked by: add_action( '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_single_product_summary', '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_template_single_add_to_cart', 30 );
			*/
			do_action( '<a href='https://refer.wordpress.com/r/84/woocommerce/' target='_blank' rel="nofollow">woocommerce</a>_single_product_summary' );
			$cart = ob_get_clean();

			$excerpt .= $cart;
	}
	return $excerpt;
}, 10, 2);

Best regards,
Ismael

Hi,

That should be possible. Make sure to set the element’s Advanced > Link Behavior > Item Links to the first option, then replace the filter with the following.

add_filter("get_the_excerpt", function($excerpt, $post) {
	if(get_post_type($post->ID) == "product") {
		$product = wc_get_product($post->ID);
		$excerpt .= "<a class='avia-catalogue-add-to-cart' href='" . $product->add_to_cart_url() ."'>Add to Cart</a>";
	}

	return $excerpt;
}, 10, 2);

The rest of the product list should link to the actual product page aside from the add to cart button.

Best regards,
Ismael