Bạn muốn thêm một thông báo nhỏ (chính sách hoàn trả trong 30 ngày) ngay phía trên nút mua hàng trên trang chi tiết sản phẩm của WooCommerce. Điều này sẽ cho phép bạn tăng tỷ lệ nhấp và tỷ lệ chuyển đổi bán hàng của mình.
Đoạn code PHP để hiển thị văn bản ở trên Thêm vào giỏ hàng:
/**
* @snippet Adds notice at single product page above add to cart
* @how-to aithietke.com
* @author Mr.3T
* @testedwith WooCommerce 3.4.5
*/
add_action( 'woocommerce_single_product_summary', 'bbloomer_show_return_policy', 20 );
function bbloomer_show_return_policy() {
echo '
30-day return policy offered. See Terms and Conditions for details.
';
}
Chỉnh sửa CSS
Như bạn có thể nhận thấy, thẻ đoạn HTML có mã ‘class’ để bạn có thể tạo kiểu thông qua CSS. Trong ví dụ của tôi, tôi đã viết điều này trong file custom.css:
.rtrn {
text-align: center;
font-style: italic;
}
Đây là kết của cuối cùng của đoạn code
WooCommerce: Hiển thị nội dung ở trên nút mua hàng trong trang sản phẩm
Nơi để đặt đoạn code này?
Bạn có thể để đoạn php tại cuối file function.php (trước “?>” Nếu có kí tự này). Bạn có thể tùy chỉnh CSS và class để cho đoạn code trông bắt mắt hơn.
Nếu đoạn mã này không còn hoạt động
Xin vui lòng cho tôi biết dưới bình luận nếu đoạn code trên không hoạt động. Tôi sẽ rất vui khi sửa lại đoạn trích nếu bạn báo cáo (vui lòng cung cấp ảnh chụp màn hình).