产品 "read more" 按钮在 woocommerce 商店中不起作用

Question

我最近在我的 functions.php 子主题文件中添加了代码片段，其任务是在所有产品下方回显一个 "Read More" 按钮，将用户引导至点击产品页面。产品 ID link 无效。这是代码：

/*-ADD NEW BUTTON THAT LINKS TO PRODUCT PAGE FOR EACH PRODUCT */

add_action('woocommerce_after_shop_loop_item','replace_add_to_cart');

function replace_add_to_cart() {

global $product;

$link = $product->get_permalink();

echo do_shortcode('<br><button link="' . esc_attr($link) . '">Read more</button>');
}

现在，它只显示一个按钮文本（没有 class），它不会重定向到任何产品 link。我也想给它添加主按钮。

Answer 1

你的代码中有很多不同的错误，你的问题不是很清楚。所以你可以：

1) 添加附加按钮（在现有的“添加到购物车”按钮下方）：

add_action('woocommerce_after_shop_loop_item', 'replace_add_to_cart' );
function replace_add_to_cart() {
    global $product;
    echo '<br><a class="button" href="' . esc_attr( $product->get_permalink() ) . '">' . __( "Read more" ) . '</a>';
}

代码进入您的活动子主题（或主题）的 function.php 文件或任何插件文件。

已测试并有效。

2) 使用 woocommerce_loop_add_to_cart_link 过滤器挂钩替换添加到购物车按钮：

add_filter( 'woocommerce_loop_add_to_cart_link', 'replace_loop_add_to_cart_button', 10, 2 );
function replace_loop_add_to_cart_button( $button, $product  ) {
    return '<a class="button" href="' . $product->get_permalink() . '">' . __( "Read more" ) . '</a>';
}

代码进入您的活动子主题（或主题）的 function.php 文件或任何插件文件。

已测试并有效。

产品 "read more" 按钮在 woocommerce 商店中不起作用

products "read more" button is not working in woocommerce store

php

wordpress

product

button

woocommerce