[風間]

一直都想給數字商城新增上 【立即購買】 按鈕，其實 WooCommerce 的 【加入購物車】 也就是立即購買按鈕，剛給客戶做站點開發，需要加上這個購買，於是就又找了下，就按我們想要純程式碼實現。

大致實現的效果如下：

後面也花了幾分鐘給我們商城實現了此功能：

[風間]

直接貼上程式碼，新增到你主題的 functions.php 檔案裡。

// 新增立即結賬按鈕

function add_content_after_addtocart() {
    // get the current post/product ID
    $current_product_id = get_the_ID();
    // get the product based on the ID
    $product = wc_get_product( $current_product_id );
    // get the "Checkout Page" URL
    $checkout_url = WC()->cart->get_checkout_url();
    // run only on simple products
    if( $product->is_type( 'simple' ) ){
        echo '<a href="'.$checkout_url.'?add-to-cart='.$current_product_id.'" class="single_add_to_cart_button button alt">Checkout</a>';
    }
}
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

新增上去之後發現樣式有些不好看，兩個按鈕都挨著的，不好看，新增段 css：

button.single_add_to_cart_button.button.alt {
    float: left;
    margin: 20px 20px 20px 0;
}

然後就 OK 了，按鈕就有了。

[詩語]

此回覆已被標記為私有，🔒 僅樓主及管理員可見。

[bigrich]

厲害，可是我加了程式碼之後，網站就錯誤了，能麻煩風間老大詳細的說下加在哪，怎麼加嗎？

 

[bigrich]

我是修改的薇曉朵中文子主題下的 functions.php 檔案

[風間]

上面的程式碼分兩段，PHP 程式碼是新增到 你主題的 functions.php 檔案裡，

CSS 程式碼是新增到前臺=自定義 CSS 或者，styl.css 檔案裡面。

[bigrich]

老大，操作姿勢不對？

[詩語]

程式碼我們商城用的也是這個，應該沒問題，仔細檢查下。

// 新增立即結賬按鈕
function add_content_after_addtocart() {
    // get the current post/product ID
    $current_product_id = get_the_ID();
    // get the product based on the ID
    $product = wc_get_product( $current_product_id );
    // get the "Checkout Page" URL
    $checkout_url = WC()->cart->get_checkout_url();
    // run only on simple products
    if( $product->is_type( 'simple' ) ){
        echo '<div class="cart-button"><a href="'.$checkout_url.'?add-to-cart='.$current_product_id.'" class="single_add_to_cart_button button alt"> 立即購買</a></div>';
    }
}
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

[bigrich]

我是完全複製過來的，現在不會出現亂碼，但完全沒有反應。：（

[bigrich]

已經除錯成功了，謝謝各位老大的耐心解答，不過我的按鈕位置引數和你們的略有一點點差異。

[作者]

帖子