Question

在woocommerce中，当用户单击产品链接或产品图像时，我想在新选项卡中打开产品。可能吗？
我已经使用此代码段进行了测试，但是对我来说不起作用！

remove_action( 'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 );
// add a hook to my custom function
add_action ( 'woocommerce_before_shop_loop_item', 'ami_function_open_new_tab', 10 );
function ami_function_open_new_tab() {
echo '<a target="_blank" href="' . get_the_permalink() . '" class="woocommerce-LoopProduct-link">';
}

任何轨道被理解。

Answer 1

将此代码添加到您的主题或子主题的functions.php文件中：

add_filter( 'wc_product_table_open_products_in_new_tab', '__return_true' );

Answer 2

不工作的问题是主题。此代码段适用于2019年默认的Wordpress主题;

remove_action( 
'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 );
// add a hook to my custom function
add_action ( 'woocommerce_before_shop_loop_item', 'ami_function_open_new_tab', 10 );
function ami_function_open_new_tab() {
echo '<a target="_blank" href="' . get_the_permalink() . '" class="woocommerce- LoopProduct-link">';
}

Answer 3

您可以改用Javascript。简单有效如果您的班级名称是“产品” 使用以下代码：

document.querySelectorAll('.products a')
  .forEach(function(elem) {
    elem.setAttribute('target', '_blank');
  })

<div class="products"> 
  <p><a href="https://stackoverflow.com">Stackoverflow</a></p>
 <p> <a href="https://www.bing.com">Bing</a></p>
</div>

在新标签页中打开Woocommerce产品

3 个答案: