主页 / 问题 / 1245397
Accepted
Oiki
Asked:2022-02-18 03:58:20 +0800 CST2022-02-18 03:58:20 +0800 CST

如何添加购买按钮？

  • 772

我有一个带有 WooCommerce 的 WordPress 网站。我想在产品卡片的页面底部粘贴一个购买按钮。我认为你可以用一个钩子来做到这一点，显示按钮的副本并使用 css 将 BUTTON 粘贴在底部。使用这个

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_add_to_cart', 20);

但没有出现重复，

这会在产品列表中显示一个按钮，但在产品卡中是必需的

add_action( 'after_setup_theme', 'lets_add_cart_button' );
function lets_add_cart_button() {
  add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20 );
}

有人能告诉我如何显示双倍的购买按钮吗？（连同价格可能）（仅在产品卡中）

wordpress

1 个回答

  1. Best Answer

    第一个选项，您可以使用操作来移动产品页面上的按钮。例如这里

    禁用按钮显示

    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

    在新位置显示按钮（在描述之后）

    add_action( 'woocommerce_after_single_product_summary', 'woocommerce_template_single_add_to_cart', 10 );

    您可以在链接 https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/上查看可以在产品页面上添加块的所有位置

    第二个选项您可以使用 woocommerce 短代码 [add_to_cart id="99"] 其中 id 是产品 ID。像这样的例子。

    add_action( 'woocommerce_after_single_product_summary', 'show_add_to_cart_button' );

function show_add_to_cart_button() {
    global $product;

    echo do_shortcode( '[add_to_cart id="' . $product->get_id() . '"]' );
}

    在此处阅读有关 woocommerce 短代码的更多信息https://docs.woocommerce.com/document/woocommerce-shortcodes/

    • 3

相关问题