时间戳

首页 > 解决方案 > Woocommerce 删除产品标题上的链接并将其替换为链接：外部产品/从属关系> 产品 URL

php - Woocommerce 删除产品标题上的链接并将其替换为链接：外部产品/从属关系> 产品 URL

问题描述

我创建了一个带有 woocommerce 和 Flatsome 主题的附属网站！

原则上，我希望当用户点击产品标题或缩略图中的图像时，他不会被重定向到详细的产品表，而是重定向到外部产品/附属关系>产品 URL 中的附属链接的 URL。

我在 stackoverflow.com 上找到了我想做的代码：

Woocommerce - 外部/附属产品图像和外部链接标题（新标签）

我将代码集成到我的函数文件中：

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



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

除了链接出现在代码中但不在正确的位置，不在标题和图像周围！

这是我网站的链接：

https://www.thefreakyshop.com/boutique/

与代码检查员一起观看第一个名为：All Star Canvas Hi Converse 的产品。我使用链接 google.fr 作为附属链接进行了测试，我们可以看到该链接：

<a target="_blank" href="https://www.google.com/" class=""> </a>

但不在正确的位置，缩略图和图像的 url 标题并没有消失！

你知道问题出在哪里吗？我不是编码器，谢谢你的帮助！！

标签： phpwordpresswoocommerceaffiliate

解决方案

推荐阅读