2363 lượt xem

Thêm nút mua ngay vào trang sản phẩm woocommerce

Hướng dẫn thêm nút mua ngay vào trang sản phẩm woocommerce bên cạnh nút Thêm vào giỏ hàng mặc định. Nếu bạn không biết code và không cần sử dụng đến plugin thì mình sẽ hướng dẫn các bạn cách làm đơn giản nhất nhé.

thêm nút mua ngay vào trang sản phẩm woocommerce
thêm nút mua ngay

Các bạn chỉ cần sao chép đoạn code này và cho vào File function.php theo đường dẫn. Giao diện > Sửa giao diện > Function.php

/*
* Add quickbuy button go to cart after click
*/
add_action('woocommerce_after_add_to_cart_button','devvn_quickbuy_after_addtocart_button');
function devvn_quickbuy_after_addtocart_button(){
global $product;
?>
<button type="submit" name="add-to-cart" value="<?php echo esc_attr($product->get_id()); ?>" class="single_add_to_cart_button button alt" id="buy_now_button">
<?php _e('Mua ngay', 'devvn'); ?>
</button>
<input type="hidden" name="is_buy_now" id="is_buy_now" value="0" />
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3E%0A%20%20%20%20%20%20%20%20jQuery(document).ready(function()%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20jQuery('body').on('click'%2C%20'%23buy_now_button'%2C%20function()%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(jQuery(this).hasClass('disabled'))%20return%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20thisParent%20%3D%20jQuery(this).closest('form.cart')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20jQuery('%23is_buy_now'%2C%20thisParent).val('1')%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20thisParent.submit()%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" />
<?php
}
add_filter('woocommerce_add_to_cart_redirect', 'redirect_to_checkout');
function redirect_to_checkout($redirect_url) {
if (isset($_REQUEST['is_buy_now']) && $_REQUEST['is_buy_now']) {
$redirect_url = wc_get_checkout_url();
}
return $redirect_url;
}

Đoạn trên mục đích là button Mua ngay chuyển về trang thanh toán. Còn nếu bạn muốn chuyển về trang giỏ hàng thì sửa dòng thứ 27 Thành

$redirect_url = wc_get_cart_url();

Trên đây mình đã hướng dẫn cho các bạn cách thêm nút mua ngay cực kì

5/5 - (48 bình chọn)