Woocommerce

Question

我开始使用 wordpress 和 woocommerce 进行编程。搜索 Stack 后我需要帮助。

我需要我商店产品的图片和标题指向联属会员 link，而无需通过单个 post 页面。并且所有内容都在新选项卡中打开。

一直在关注这个话题：

我使用了 Sadoo 的 Edit #2 代码，它非常适合我。

remove_action('woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open');
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_link_open', 15);

add_action('woocommerce_before_shop_loop_item', 'woocommerce_add_aff_link_open', 10);
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_add_aff_link_close', 10);

function woocommerce_add_aff_link_open(){
  $product = wc_get_product(get_the_ID());
  if( $product->is_type( 'external' ) )
    echo '<a href="' . $product->get_product_url() . '" class="woocommerce-LoopProductImage-link">';
}

function woocommerce_add_aff_link_close(){
  $product = wc_get_product(get_the_ID());
  if( $product->is_type( 'external' ) )
    echo '</a>';
}

我只需要 link 喜欢图片的标题，所有内容都会在新标签页中打开。

谁能告诉我该如何继续？

谢谢

IMAGE

Answer 1

如果您想在商店页面的外部产品的新选项卡中打开附加到图片的link，然后像这样编辑您的代码

remove_action('woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open');
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_link_open', 15);
add_action('woocommerce_before_shop_loop_item', 'woocommerce_add_aff_link_open', 10);
add_action('woocommerce_before_shop_loop_item_title', 'woocommerce_add_aff_link_close', 10);

function woocommerce_add_aff_link_open(){
    $product = wc_get_product(get_the_ID());

    if( $product->is_type( 'external' ) ) {
        echo '<a target="_blank" href="' . $product->get_product_url() . '" class="">';
    }
}

function woocommerce_add_aff_link_close(){
    $product = wc_get_product(get_the_ID());

    if( $product->is_type( 'external' ) ) {
        echo '</a>';
    }
}

然后，如果您希望标题将在带有外部 link 的新选项卡中打开，而不是将这些覆盖的 woocommerce 功能也添加到您的 functions.php 主题文件中

function woocommerce_template_loop_product_link_open() {
    global $product;

    if( $product->is_type( 'external' ) ) {
        $link = apply_filters( 'woocommerce_loop_product_link', $product->get_product_url(), $product );
        echo '<a target="_blank" href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">';
    } else {
        $link = apply_filters( 'woocommerce_loop_product_link', get_the_permalink(), $product );
        echo '<a href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">';
    }
}

Answer 2

以下是一种更简洁的方法，可以说明如何将 target="_blank" 添加到存档页面上的链接以在新选项卡中打开它们：

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_ 部分替换为您自己的命名空间缩写。

Woocommerce - External/Affiliate 外部产品图片和标题 Link（新标签）

Woocommerce - External/Affiliate Product Image and title to External Link (New tab)

php

wordpress

affiliate

woothemes