Cách chuyển mô tả xuống dưới sản phẩm trong trang danh mục sản phẩm Flatsome WordPress

Bùi Anh Web·13/04/2025·0 comments

Trong quá trình thiết kế website bán hàng bằng WordPress sử dụng theme Flatsome, chắc hẳn bạn đã gặp tình huống phần mô tả danh mục sản phẩm (category description) mặc định hiển thị bên trên danh sách sản phẩm.

Tuy nhiên, trong nhiều trường hợp, bạn muốn phần mô tả này được hiển thị ở bên dưới sản phẩm để giúp bố cục trang web gọn gàng hơn và tối ưu trải nghiệm người dùng.

Bài viết này sẽ hướng dẫn chi tiết cách chuyển mô tả xuống dưới sản phẩm trong trang danh mục sản phẩm Flatsome đơn giản và hiệu quả nhất.

Vì sao nên chuyển mô tả xuống dưới sản phẩm?

Việc đưa phần mô tả danh mục xuống dưới sản phẩm mang lại rất nhiều lợi ích:

Ưu tiên hiển thị sản phẩm đầu tiên cho khách hàng.
Phần mô tả phía dưới phù hợp làm content SEO dài.
Tăng trải nghiệm người dùng, giúp khách dễ theo dõi sản phẩm hơn.
Làm giao diện website gọn gàng, đẹp mắt, dễ nhìn.

Hướng dẫn cách chuyển mô tả xuống dưới sản phẩm Flatsome

Bước 1: Thêm code vào file functions.php của theme con (Child Theme)

Bạn truy cập: Giao diện -> Theme File Editor -> Chọn file functions.php

Thêm đoạn code này vào :

remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_after_main_content', 'woocommerce_taxonomy_archive_description', 5 );

Lưu ý: Bạn nên sử dụng theme con (child theme) để tránh bị mất code khi update theme.

Bước 2: Thêm CSS chỉnh style cho phần mô tả (nếu muốn)

Bạn có thể thêm đoạn CSS sau vào: Giao diện -> Tùy biến -> CSS bổ sung

.term-description {
    margin-top: 40px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px;
}

Bước 3: Kiểm tra kết quả

Sau khi lưu lại và ra ngoài trang danh mục sản phẩm, bạn sẽ thấy:

Danh sách sản phẩm hiển thị trước.
Phần mô tả danh mục hiển thị ở bên dưới.

Giao diện website sẽ trở nên hợp lý và đẹp mắt hơn rất nhiều.

Kết luận

Trên đây là hướng dẫn chi tiết cách chuyển mô tả xuống dưới sản phẩm trong trang danh mục sản phẩm khi sử dụng theme Flatsome trên website WordPress.

Giải pháp này không chỉ giúp website của bạn trông chuyên nghiệp hơn mà còn hỗ trợ tốt cho SEO và trải nghiệm người dùng.

Dịch vụ hỗ trợ thiết kế website WordPress chuẩn UX/UI

Nếu bạn đang gặp khó khăn trong việc tùy chỉnh giao diện hoặc cần thiết kế website bán hàng chuyên nghiệp chuẩn SEO, tối ưu chuyển đổi — đừng ngần ngại liên hệ ngay với mình để được tư vấn và hỗ trợ tốt nhất.