Woocommerce中的产品附加按钮

时间:2018-10-21 06:20:24

标签: php wordpress button woocommerce product

在Woocommerce中,如何在之后添加添加到产品页面的“继续”按钮?

在产品页面内如何在“添加到购物车”按钮的正下方添加一个结帐按钮?

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

以下代码将:

  • 在woocommerce存档页面中:添加一个链接到产品(用于简单产品)
  • 的附加按钮“继续”
  • 在单个产品页面中::添加一个附加到结帐页面的附加按钮。

代码:

// Archives pages: Additional button linked to the product
add_action( 'woocommerce_after_shop_loop_item', 'loop_continue_button', 15 );
function loop_continue_button(){
    global $product;

    if( $product->is_type('simple') ){
        $link = $product->get_permalink();
        $text = __("Continue", "woocommerce");

        echo '<a href="' . $link . '" class="button alt" style="margin-top:10px;">' . $text . '</a>';
    }
}

// Single product pages: Additional button linked to checkout
add_action( 'woocommerce_single_product_summary', 'product_additional_checkout_button', 1 );
function product_additional_checkout_button() {
    global $product;

    // For variable product types
    if( $product->is_type( 'variable' ) ) {
            add_action( 'woocommerce_single_product_summary', 'custom_checkout_button', 21 );
    }
    // For all other product types
    else {
        add_action( 'woocommerce_single_product_summary', 'custom_checkout_button', 31 );
    }
}

function custom_checkout_button() {
    $link = wc_get_checkout_url();
    $text = __("Proceed to checkout", "woocommerce");
    echo '<a href="' . $link . '" class="button alt" style="margin-bottom:14px;">' . $text . '</a>';
}

代码进入您的活动子主题(或活动主题)的function.php文件中。经过测试和工作。

enter image description here

enter image description here