Make loop item title open in a new tab

https://github.com/woothemes/woocommerce/blob/master/includes/wc-template-functions.php#L546

Hook https://github.com/woothemes/woocommerce/blob/38df18884874a1093f829ce37e81f16f9f5c58d1/includes/wc-template-hooks.php#L94

I see, thanks.

I know that to edit template files you need to put them on

YourTheme/woocommerce/

How about for the files in the include folders?

Or if I want to change the HTML code on the function.php? How do I do that?

Unhook our function with https://codex.www.ads-software.com/Function_Reference/remove_action

Then create your own version of that function with a unique name and use add_action to add it back.

I tried this code. It does not seem to work…

function woocommerce_template_loop_product_link_open_new_tab() {
	echo '<a href="' . get_the_permalink() . '" target="_blank">';
}

//Remove old tile link
remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );

//Add new tile link
add_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open_new_tab', 10 );

Looks fine. Where did you put the code?

On the function.php of the child theme.

Checking further, I think it does work. Maybe just something with the theme (Avada) or other plugins that affects WooCommerce.

What happened is that the image that used to be not clickable, became clickable and opens in a new tab. I tried on a default WP theme and the image is clickable there. While the product title stills open on the same tab.

Avada may have its own version of the loop code which doesn’t use our hook.

It seems so.

Anyway you were able to point to me what I am looking for and I am grateful for that.

Thanks.