Chèn nội dung vào trước sau nút giỏ hàng trong WooCommerce

Quảng cáo
Ads_ngang
Website dinhthuanit.com có bài Chèn nội dung vào trước sau nút giỏ hàng trong WooCommerce

Ở bài trước, mình có hướng dẫn cách ẩn/xóa nút thêm giỏ hàng trong WooCommerce. Trong chỉ dẫn này, chúng ta sẽ tìm hiểu cách thêm nội dung vào sau hoặc trước nút “thêm vào giỏ hàng” trên trang sản phẩm. Để làm điều này, bạn chẳng cần giả mạo và chỉnh sửa trang mẫu mặc định. Chúng ta cũng có thể có thể thực hiện bằng phương pháp sử dụng một trong những hook WooCommerce.

Bây giờ chúng ta cần thêm nội dung dưới nút thêm vào giỏ hàng. Sử dụng đoạn mã code trong functions.php của theme.

 add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart_button_func' ); function add_content_after_addtocart_button_func() { // Echo content. echo ' 
Place your content here!
'; }

Đừng quên thay thế nội dung của bạn bằng nội dung bạn mong muốn đặt. Sau khi cập nhật tệp, hãy làm mới lại trang sản phẩm và bạn sẽ thấy nội dung của mình được thêm vào dưới nút thêm vô giỏ hàng.

Làm sao để thêm nội dung ở trước nút Add to cart?

Chúng ta sẽ sử dụng hook woocommerce_short_description để sửa lại nội dung mô tả của mặt hàng bằng cách chèn thêm một nội dung mới. Bởi vì mô tả ngắn mặt hàng có địa thế hiển thị ở trước nút Add to cart.

 function my_content( $content ) { $content .= ' 
Custom content!
'; return $content; } add_filter('woocommerce_short_description', 'my_content', 10, 2);

Thay thế “Custom content” bằng nội dung mong muốn của bạn. Lưu lại file, và truy cập lại trang mặt hàng và bạn sẽ thấy nội dung được thêm sau miêu tả ngắn và trước nút “thêm vào giỏ hàng” trên trang sản phẩm chi tiết.

Chúc bạn thành công!

Hãy cho mình biết suy nghĩ của bạn trong phần bình luận bên dưới bài viết này. Hãy theo dõi kênh chia sẻ kiến thức WordPress của TopVn trên Twitter và Facebook

Bài viết Chèn nội dung vào trước sau nút giỏ hàng trong WooCommerce được tổng hợp và biên tập bởi: dinhthuanit.com. Mọi ý kiến đóng góp và phản hồi vui lòng gửi Liên Hệ cho dinhthuanit.com để điều chỉnh. dinhthuanit.com xin cảm ơn.

Bài Viết Liên Quan


Bài Viết Khác


Quảng cáo
Ads_ngang