WooCommerce：使用 WordPress 自定义字段为特定页面添加“添加到购物车”旁边的自定义按钮

Question

我正在寻找一种在“添加到购物车”按钮旁边添加自定义按钮的方法，但我可以通过这种方式将按钮 link url 输入到产品自定义元字段中。

我为某些 woocommerce 产品页面创建了一个新的 Wordpress 自定义字段我想在附近有一个自定义 url 按钮：

自定义字段名称：nothanks_link_redirect

更新：我找到了一个合适的解决方案：根据需要调整并将其放入子主题的 functions.php :

/** WooCommerce custom field - 'No Thanks' Button **/
function nothanks_redirect_button() {
   global $post;
   $product_id = $post->ID;

   $NoThanksLinkRedirectValue =  get_post_meta($product_id,'nothanks_link_redirect',true);
   if(!$NoThanksLinkRedirectValue) return;
   echo '<a class="nothanks-button" style="margin-left: 20px" href="'.$NoThanksLinkRedirectValue.'" target="_self">No Thanks</a>';
}
add_action('woocommerce_after_add_to_cart_button','nothanks_redirect_button');

Answer 1

/** WooCommerce custom field - 'No Thanks' Button **/
function nothanks_redirect_button() {
   global $post;
   $product_id = $post->ID;

   $NoThanksLinkRedirectValue =  get_post_meta($product_id,'nothanks_link_redirect',true);
   if(!$NoThanksLinkRedirectValue) return;
   echo '<a class="nothanks-button" style="margin-left: 20px" href="'.$NoThanksLinkRedirectValue.'" target="_self">No Thanks</a>';
}
add_action('woocommerce_after_add_to_cart_button','nothanks_redirect_button');

尽情享受

Answer 2

请尝试 functions.php 文件中的以下代码

function nothanks_link_redirect() {
 echo '<a class="button nothanks_link_redirect" style="padding-right: 0.75em;padding-left: 0.75em; margin-left: 8px; " href="https://yourlinkforthispage.com" target="_blank">no thanks</a>';
  }
add_action( 'woocommerce_after_shop_loop_item', 'nothanks_link_redirect', 20 );
add_action( 'woocommerce_after_add_to_cart_button', 'nothanks_link_redirect', 20 );

WooCommerce：使用 WordPress 自定义字段为特定页面添加“添加到购物车”旁边的自定义按钮

WooCommerce: Add for specific pages a custom button next to Add to Cart using WordPress Custom Fields

php

wordpress

custom-fields

woocommerce