在新选项卡中打开特定类别的产品

Question

我希望选择产品类别在新选项卡中打开单个产品。其他产品类别将在同一选项卡中正常打开。

这是我拥有的适用于全球所有产品的代码...

remove_action( 'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 );

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

这段代码运行良好，但我想让它成为特定于产品类别的代码，所以这就是我想出的......

remove_action ( 'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 );
add_action ( 'woocommerce_before_shop_loop_item', 'ami_function_open_new_tab', 10 );

function ami_function_open_new_tab() {

if ( has_term( 'stone', 'product_cat' ) ) {
    echo '<a target="_blank" href="' . get_the_permalink() . '" class="woocommerce-LoopProduct-link">';

 }else if( !has_term( 'stone', 'product_cat' ) ) {
    remove_action ( 'woocommerce_before_shop_loop_item', 'ami_function_open_new_tab', 10 );
    add_action ( 'woocommerce_before_shop_loop_item','woocommerce_template_loop_product_link_open', 10 );
 }
}

除 1 个问题外按预期工作

问题：不属于特定类别的产品页面上列出的第一个产品不会在新标签或现有标签中打开（根本不会打开）。第二，第三，等等都按预期打开。

我在这里错过了什么？

Answer 1

我怀疑您的 remove_action 无法采取行动，并且连续有 2 个链接。这就是为什么第一个给麻烦。其余的可以由现代浏览器呈现。 所以试试这个代码：

add_action('init',function(){ remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 ); } ,0);
function ami_function_open_new_tab() {
//....
}

或者，您可以使用简单的 jQuery 来完成

add_action('wp_footer',function(){
if ( has_term( 'stone', 'product_cat' ) ) {
echo '<script>

//for existing content
jQuery(".woocommerce-LoopProduct-link").attr("target","_blank");

//for content part which comes from AJAX
jQuery( document ).ajaxComplete(function() {
jQuery(".woocommerce-LoopProduct-link").attr("target","_blank");
});
</script>';
}
});