在新选项卡中打开外部 WooCommerce 产品 - 添加属性 target="_blank"

Question

我已设法将属性 target="_blank" 添加到我的外部产品页面，但我似乎无法更改父（分组产品）页面上的链接。

我可以通过修改 external.php 并将标签添加到实际链接本身来做到这一点。

<p class="cart">
<?php sdnetwork(); sdcondition(); parent_permalink_button(); ?><a href="<?php echo esc_url( $product_url ); ?>" target="_blank" rel="nofollow" class="single_add_to_cart_button button alt"><img src="/wp-content/themes/wootique-child/images/icons/new_tab_icon.gif" alt="Opens in New Tab"> <?php echo esc_html( $button_text ); ?></a>
</p>

如何更改分组产品父页面上的链接添加此属性，我首先想到的是修改grouped.php但链接生成方式不同。

<?php woocommerce_template_loop_add_to_cart(); ?>

我怎样才能将我的标签添加到上面生成的链接中？我曾考虑过使用钩子，但我需要一些帮助。

编辑：

只是想知道我是否可以像这样使用 jQuery .....

jQuery(document).ready(function($) {
  $(".button.product_type_external").each(function() {
    $(this).find("a").attr("target", "_blank");
  });
});

问题是大多数链接在页面加载时都被隐藏了，我担心这可能会占用大量资源，还是会这样吗？对 jQuery 很陌生。

http://mobilereactor.co.uk/shop/mobile-phones/sony-xperia-z5-compact-coral-deals/

编辑由于 cal_b 解决了：

add_filter( 'woocommerce_loop_add_to_cart_link', 'add_target_blank', 10, 2 );

function add_target_blank( $link, $product ){
    global $post;
    $product = get_product( $post->ID );
        if( $product->is_type( 'external' ) ){
            // I simply added target="_blank" in the line below
            $link = sprintf( '<a rel="nofollow" href="%s" target="_blank" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s">%s</a>',
                    esc_url( $product->add_to_cart_url() ),
                    esc_attr( isset( $quantity ) ? $quantity : 1 ),
                    esc_attr( $product->id ),
                    esc_attr( $product->get_sku() ),
                    esc_attr( isset( $class ) ? $class : 'button' ),
                    esc_html( $product->add_to_cart_text() )
                );
            return $link;
        } else {
            // I simply remove target="_blank" in the line below
            $link = sprintf( '<a rel="nofollow" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s">%s</a>',
                    esc_url( $product->add_to_cart_url() ),
                    esc_attr( isset( $quantity ) ? $quantity : 1 ),
                    esc_attr( $product->id ),
                    esc_attr( $product->get_sku() ),
                    esc_attr( isset( $class ) ? $class : 'button' ),
                    esc_html( $product->add_to_cart_text() )
                );
            return $link;
        }
}

Answer 1

这是将target="_blank" 添加到 add_to_cart 链接以在新标签页中打开它们的更简洁的方法：

function ns_open_in_new_tab($args, $product) 
{
    if( $product->is_type('external') ) {
        // Inject target="_blank" into the attributes array
        $args['attributes']['target'] = '_blank';
    }    

    return $args;
}
add_filter( 'woocommerce_loop_add_to_cart_args', 'ns_open_in_new_tab', 10, 2 );

将ns_ 部分替换为您自己的命名空间缩写。

Answer 2

如果你跟踪代码，那个函数会做一些事情，然后加载模板loop/add-to-cart.php。

如果你打开loop/add-to-cart.php，你会发现代码应该是这样的：

echo apply_filters( 'woocommerce_loop_add_to_cart_link',
    sprintf( '<a rel="nofollow" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s">%s</a>',
        esc_url( $product->add_to_cart_url() ),
        esc_attr( isset( $quantity ) ? $quantity : 1 ),
        esc_attr( $product->id ),
        esc_attr( $product->get_sku() ),
        esc_attr( isset( $class ) ? $class : 'button' ),
        esc_html( $product->add_to_cart_text() )
    ),
$product );

要修改链接，请使用过滤器 (woocommerce_loop_add_to_cart_link)。

注意：切勿直接在插件文件夹中修改 WooCommerce 模板。使用他们出色的Template Structure 将模板复制到您的主题并在那里进行修改，否则您的更改将在您下次更新 WooCommerce 时丢失。

最后一点：跟踪代码很容易，并且在使用好的 IDE 时会很有趣。我是 PHPStorm 的忠实粉丝 (https://www.jetbrains.com/phpstorm/)。

编辑

只为外部产品添加它，然后你会采取不同的方法。

您将利用过滤器，正如您在 cmets 中提到的那样，在您的 functions.php 中编写一个函数，执行如下操作：

add_filter('woocommerce_loop_add_to_cart_link', 'my_external_product_links', 10, 2);

function my_external_product_links( $link, $product ) {
    // Set up the $target variable to contain the correct text depending on the product
    $target = ( 'external' == $product->product_type  ) ? 'target="_blank"' : '';
    // Use the code from the core function here, but with our modification to include target
    echo sprintf( '<a rel="nofollow" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s" %s>%s</a>',
            esc_url( $product->add_to_cart_url() ),
            esc_attr( isset( $quantity ) ? $quantity : 1 ),
            esc_attr( $product->id ),
            esc_attr( $product->get_sku() ),
            esc_attr( isset( $class ) ? $class : 'button' ),
            esc_html( $product->add_to_cart_text() ),
            $target
        );
}

在上面的代码中，密切关注sprintf语句中的新%s：

// Watch for this --->--->--->--->--->--->--->--->--->--->--->--->--->--->--->--->--->--->-->--->--->-vv
'<a rel="nofollow" href="%s" data-quantity="%s" data-product_id="%s" data-product_sku="%s" class="%s" %s>