添加到购物车后添加一个按钮并将其重定向到 WooCommerce 中的某个自定义链接

Question

我在使用这个钩子添加到购物车按钮后添加一个按钮：

add_action( 'woocommerce_after_add_to_cart_button', array($this, 'add_button'));

但是当我点击那个按钮时，它正在执行添加到购物车按钮的功能。

如何自定义该按钮链接（到其他页面）？

提前致谢。

Answer 1

您需要以woocommerce_after_add_to_cart_button这种方式使用钩子来获得您所期望的：

add_action( 'woocommerce_after_add_to_cart_button', 'add_custom_button', 10, 0 );
function add_custom_button() { 
    $my_custom_link = home_url('/my_page_slug/');
    echo '<a class="btn-atc" href="' . esc_url( $my_custom_link ) .'">' . __( "My text button", "my_theme_slug" )  . '</a>';
}; 

将此代码片段粘贴到活动子主题或主题的 function.php 文件中。

然后，您必须替换（在代码中）正确的链接路径、按钮名称和主题段：

• '/my_page_slug/'
• "My text button"
• "my_theme_slug"

这应该有效。

本节不涉及您的问题，它是关于按钮样式的：

您可能需要向位于活动子主题或主题中的 style.css 文件添加一些自定义 CSS 规则，以设置自定义按钮的外观样式（使用“btn-atc”类而不是“btn”）：

add_action( 'woocommerce_after_add_to_cart_button', 'add_custom_button', 10, 0 );
function add_custom_button() { 
    $my_custom_link = home_url('/my_page_slug/');
    echo '<a class="btn-atc" href="' . esc_url( $my_custom_link ) .'">' . __( "My text button", "my_theme_slug" )  . '</a>';
};