WooCommerce: Thêm văn bản dưới mỗi sản phẩm ở trang cửa hàng

Một thông báo Giao hàng miễn phí trên mỗi sản phẩm WooCommerce trên trang cửa hàng. Điều này có thể tăng tỷ lệ nhấp và do đó tỷ lệ chuyển đổi bán hàng của bạn cuãng tăng theo. Dưới đây là một vài đoạn PHP và CSS để bạn có thể thực hiện chỉnh sửa hữu ích này.

WooCommerce: Thêm văn bản dưới mỗi sản phẩm ở trang cửa hàng

 

Đoạn code: hiển thị “miễn phí Giao hàng” trên mỗi sản phẩm ở trang cửa hàng

 



/**
 * @snippet       Display "Free Shipping" under each product @ WooCommerce Shop
 * @how-to        Get aithietke.com
 * @author        Mr.3T
 * @compatible    Woo 3.5.1
 */
 
add_action( 'woocommerce_after_shop_loop_item', 'ai_show_free_shipping_loop', 5 );
 
function ai_show_free_shipping_loop() {
   echo '

Free Shipping

';
}

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

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 *