Thêm nút Mua Ngay vào trang chi tiết sản phẩm Woocommerce WordPress

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é:

Xem Link Code

.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; }

Bạn có thể quan tâm:

Sửa lỗi Gói lưu trữ không tương thích (Incompatible Archive)

Chào tất cả mọi người, ở phiên bản WordPress 6.4.3 nếu ae gặp lỗi khi upload theme hoặc plugin: Gói lưu trữ không tương thích (Incompatible Archive). Thì hãy giải nén ra rồi Zip lại file bên trong nhé là được nhé. Window thì zip bình thường bằng..

(Khoảng 9 tháng trước)0

Xóa đường dẫn /product và /product-category Woocommerce

Mặc định khi cài WordPress và Woocommerce ngôn ngữ tiếng anh sẽ hiện đường dẫn product hoặc product-category, nhưng đường dẫn quá dài và bạn muốn bỏ hết danh mục đó đi chỉ để lại đường dẫn sản phẩm hoặc đường dẫn danh mục cho gọn. Để&nbsp..

(Khoảng 11 tháng trước)0

Xóa bỏ đường dẫn /san-pham/ Trong Url Sản Phẩm Woocommerce

Đường dẫn hay còn gọi là Permalink trong WooCommerce sẽ mặc định thêm product-category (danh mục sản phẩm) và product (sản phẩm) – để phân biệt đường dẫn giữa danh mục sản phẩm và sản phẩm. Mặc định khi cài WooCommerce xong nếu là t..

(Khoảng 11 tháng trước)0

Sửa lỗi Wpml hoặc các plugin dịch không dịch ngôn ngữ mặc định

Sửa lỗi Wpml hoặc các plugin dịch không dịch ngôn ngữ mặc định, hướng dẫn Việt hóa plugin Woocommerce và giỏ hàng, khi mua key WPML xong các bạn không cài mà Woocommerce không dịch tiếng Việt vẫn hiện tiếng anh các xử lý rất đơn giản các bạn làm ..

(Khoảng 1 năm trước)0