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 con 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).

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *