wordpress - 如何在 Woocommerce 中的购物车按钮附近添加“显示详细信息”按钮

Question

我想在 woocommerce 单品中添加额外的按钮。我需要在哪个文件中进行更改？

屏幕示例： 在此处输入图像描述

Answer 1

试试这个代码，

function wc_shop_demo_button() {
    echo '<a class="button demo_button" style="padding-right: 0.75em;padding-left: 0.75em;margin-left: 8px; background-color: #0ebc30;" href="'.get_field( "url_demo" ).'" target="_blank">Show Details</a>';
}
add_action( 'woocommerce_after_shop_loop_item', 'wc_shop_demo_button', 20 );
add_action( 'woocommerce_after_add_to_cart_button', 'wc_shop_demo_button', 20 );

希望这会帮助你。欲了解更多详情，请访问，

如何在woocommerce商店循环项目后添加按钮

Answer 2

首先，使用 Woocommerce 产品页面的高级自定义字段插件创建一个自定义字段。

要使用 ACF 插件创建自定义字段，请参阅以下文章。

https://wpmayor.com/woocommerce-custom-fields-how-to-create-and-display-them/

要在网站前端显示自定义按钮，请在 functions.php 文件中添加以下代码。

function rf_custom_product_button() {
    echo '<a class="button custom_button" href="'.get_field( "custom_button" ).'" target="_blank">Click Here</a>';
}
add_action( 'woocommerce_after_add_to_cart_button', 'rf_custom_product_button', 20 );
add_action( 'woocommerce_after_shop_loop_item', 'rf_custom_product_button', 20 );

在上面的代码中，将“custom_button”更改为您使用 ACF 创建的字段的名称。