Trang chủ / WordPress / WooCommerce: Hiển thị mô tả ngắn sản phẩm tùy chỉnh khi trống
mo-ta-ngan-san-pham-tuy-chinh-trong-woocommerce

WooCommerce: Hiển thị mô tả ngắn sản phẩm tùy chỉnh khi trống

Mô tả ngắn về sản phẩm trong WooCommerce là phần nội dung thường xuất hiện ở phía bên phải của hình ảnh nổi bật, phía trên nút “Thêm vào giỏ hàng“.

Tuy nhiên, trong quá trình nhập liệu đôi khi bạn quên nhập, hoặc một số sản phẩm không có trường nội dung này (được để trống) và bạn muốn hiển thị mặc định một mô tả ngắn tùy chỉnh cho sản phẩm.

Hãy sử dụng đoạn mã sau đây, chèn vào file functions.php ở thư mục gốc của theme bạn đang sử dụng.

/**
 * @description     WooCommerce: Hiển thị mô tả ngắn sản phẩm tùy chỉnh khi trống
 * @author          Tinhoc.org
 * @link            https://tinhoc.org/?p=38
 */
 
add_action( 'woocommerce_single_product_summary', 'tinhoc_echo_short_desc_if_empty', 21 );
 
function tinhoc_echo_short_desc_if_empty() {
   global $post;
   if ( empty ( $post->post_excerpt  ) ) {
      $post_excerpt = '<p class="default-short-desc">';
      $post_excerpt .= 'Đây là mô tả ngắn cho sản phẩm sẽ được tự động hiển thị khi trường này trống!</b>';
      $post_excerpt .= '</p>';
      echo $post_excerpt;
   }
}

Bạn có thể sử dụng các thẻ HTML và shortcode (sử dụng hàm do_shortcode () của WordPress) trong giá trị của biến $post_excerpt ở trên để nâng cao mức độ tùy chỉnh.

Ngoài ra, có thể bạn sẽ cần định dạng CSS thêm cho class default-short-desc ở trên để việc hiển thị được như mong muốn.

Mong rằng hướng dẫn này sẽ giúp ích cho bạn trong quá trình sử dụng WordPress và WooCommerce. Nếu bạn gặp bất kỳ khó khăn gì trong quá trình triển khai đoạn mã này, hãy comment ở phía dưới để chúng tôi có thể hỗ trợ thêm cho bạn.

Leave a Comment

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 *

Scroll to Top