Bug with Pro and [products] shortcode

[thisisbbc]

Hello there,

This problem also concern the [product_category] shortcode (WooCommerce).

When using this shortcode on a page, usually the entry is wrapped in an <a> tag after the <li> tag like that (using TwentyNineteen):

<li class="post-123456 product type-product status-publish has-post-thumbnail product_cat-mycat product_tag-mytag entry first instock taxable shipping-taxable purchasable product-type-simple">
	<a href="https://www.....com/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">
		<img width="300" height="300" src="https://www.....com/image-300x300.jpg" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://www.....com/image-300x300.jpg 300w, https://www.....com/image-100x100.jpg 100w, https://www.....com/image-600x600.jpg 600w, https://www.....com/image-150x150.jpg 150w, https://www.....com/image-32x32.jpg 32w, https://www.....com/image.jpg 1000w" sizes="(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw / 12)), (min-width: 53rem) calc(6 * (100vw / 12)), 100vw">
		<h2 class="woocommerce-loop-product__title">Product name</h2>
		<span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>10.00</span></span>
	</a>
	<a href="/shop/?add-to-cart=123456" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="123456" data-product_sku="product-sku" aria-label="Add “Product name” to your cart" rel="nofollow">Add to cart</a>
</li>

However, when Pro is active, we have something like that:

<li class="post-123456 product type-product status-publish has-post-thumbnail product_cat-mycat product_tag-mytag first instock taxable shipping-taxable purchasable product-type-simple">
	<a href="https://www....com/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
	<div class="entry-product">
		<a href="https://www.....com/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
		<div class="entry-featured">
			<a href="https://www.....com/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
			<a href="https://www.....com/" style="outline: none;">
				<img width="300" height="300" src="https://www.....com/image.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="">
			</a>
		</div>
		<div class="entry-wrap">
			<header class="entry-header">
				<h3><a href="https://www.....com/">Product name</a></h3>
    			<span class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">$</span>10.00</span></span>
    			<a href="/shop/?add-to-cart=123456" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="123456" data-product_sku="..." aria-label="Product name” to your cart" rel="nofollow">Add to cart</a>
			</header>
		</div>
	</div>
</li>

As you can see we have woocommerce-LoopProduct-Link 3x times and they never wrap the entry, which looks like a bug to me.

Tested with Pro, no plugins (except WooCommerce) and all cache cleared.

Waiting for your feedback!

[thai]

Hi There,

I can confirm this issue on my local installation as well.

To fix this issue, please add the following code under functions.php file locates in your child theme:

function woocommerce_template_loop_product_link_open(){}

function woocommerce_template_loop_product_link_close(){}

function woocommerce_template_loop_category_link_open() {}

function woocommerce_template_loop_category_link_close() {}

I’ve also reported this issue to our developers, it should be fixed in upcoming updates.

Thank you.