Thêm nút Mua Ngay vào trang chi tiết sản phẩm Woocommerce WordPress không cần dùng plugin, chỉ cần thêm code vào function của theme, nút mua ngay buy now khi đặt sẽ tự động chuyển đến trang thanh toán checkout hoặc giỏ hàng tùy ý.
Như vậy web của bạn sẽ có 2 tùy chọn đó là thêm giỏ hàng và mua ngay rất thuận tiện cho khách đặt hàng.
Hướng dẫn thêm nút Mua Ngay vào woocommerce.
Bạn chỉ cần thêm đoạn code này vào file functions.php trong theme của bạn đang sử dụng. ví dụ như mình đang thêm vào Flatsome-child.
Nếu muốn chuyển hướng đến giỏ hàng thì thay cái wc_get_checkout_url bằng cái wc_get_cart_url đoạn ở gần dưới cùng á. Còn hầu như chuyển đến Checkout chứ ít ai lại chuyển đến Cart vì có nút thêm vào giỏ 1 bên nữa rùi.
Code ở link này nhé:
.chowordpress-quickbuy button.single_add_to_cart_button.loading:after { display: none; } .chowordpress-quickbuy button.single_add_to_cart_button.button.alt.loading { color: #fff; pointer-events: none !important; } .chowordpress-quickbuy button.buy_now_button { position: relative; color: rgba(255,255,255,0.05); } .chowordpress-quickbuy button.buy_now_button:after { animation: spin 500ms infinite linear; border: 2px solid #fff; border-radius: 32px; border-right-color: transparent !important; border-top-color: transparent !important; content: ""; display: block; height: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; position: absolute; width: 16px; }