Chào các bạn hôm nay, VueVietNam sẽ hướng dẫn đưa mô tả danh mục sản phẩm xuống cuối nội dung của website WordPress.
Mặc định thì các phần nội dung của mô tả này của chức năng bán hàng (plugin woocommerce) sẽ nằm trên đầu trang, nó khá là bất tiện vì khi các bạn viết mô tả dài cho danh mục thì nó sẽ đưa hết sản phẩm xuống dưới và dân đến khách hàng vào tìm sản phẩm sẽ gây ra khó khăn và không được đẹp mắt.
Nên hôm nay mình sẽ hướng dẫn các bạn làm thế nào để chuyển đoạn mô tả danh mục sản phẩm trong wordpress xuống cuối trang mà không cần dùng plugin nào nhé.
Như hình trên thì hiện tại các đoạn nội dung mô tả sản phẩm đang nằm trên đầu gây ra nhiều vấn đề khác nhau. Cái này gặp ở mọi website sử dụng wordpress đi kèm là chức năng bán hàng Woocommerce.
Để xử lý vấn đề này các bạn tham khảo các cách bên dưới nhé.
Hướng dẫn cách đưa mô tả danh mục sản phẩm xuống cuối nội dung
Cả 2 cách mà mình giới thiệu dưới đây đều là sẽ giúp bạn chuyển mô tả danh mục xuống cuối trang nhanh chóng mà không cần phải sử dụng bất kỳ plugin nào. Tránh gây tình trạng sử dụng nhiều plugin gây ra nặng nề cho web của bạn.
Cách 1: Viết đoạn mô tả danh mục sản phẩm vào trong Bottom Content( chỉ áp dụng cho theme Flatsome)
Bước 1: Đầu tiên các bạn thực hiện đăng nhập vào website với quyền quản trị là admin nhé.
Bước 2: Bên menu bên trái tìm Sản phẩm (Products) -> Danh mục (Product category)
Sau đó bạn nhấn vào văn bản để chuyển đổi qua chế độ code, tiếp theo copy đoạn code này.
Bước 3: Bạn đã copy code ở bước 2 xong thì kéo xuống một chút tìm dòng chữ Bottom content
Rồi nhấn lưu lại là xong rồi đấy. Nhưng với cách này nó sẽ có nhược điểm là mỗi lần bạn muốn chỉnh sửa thì nó là một đoạn code rồi nùi, bạn sẽ không hiểu được không dễ dàng chỉnh sửa. và cách này cũng chỉ dùng cho website wordpress sử dụng theme Flatsome nên mình cũng không khuyến khích các bạn làm cách này. Cùng chuyển qua cách 2 chuyên nghiệp hơn nhé.
Cách 2: Chèn code remove action vào functions.php của theme bạn đang sử dụng
Cách này nâng cao một xíu, bạn cần có chút hiểu biết về giao diện mà mình đang dùng, nhưng mà cũng khá đơn giản thôi đọc kỹ theo mình nói nhé không sẽ bị lỗi đấy.
Bước 1: Cũng đăng nhập vào quản trị của website hoặc là vào hosting cũng được nhé.
Bước 2: vào Giao diện -> Trình chỉnh sửa giao diện (có thể sẽ không thấy có nếu các bạn có chức năng bảo mật nếu vậy thì bạn phải vào quản trị hosting hoặc vào Plugins để tắt plugin bảo mật đi nhé).
Khi mở trình chỉnh sửa giao diện lên lúc này để ý phía dưới có file: funtions.php. Bạn bấm vào và dán đoạn code sau vào cuối dòng.
Bước 3: mở file functions.php và copy đoạn code bên dưới bỏ vào cuối dòng nhé
add_action( 'wp', 'vuevietnam_move_wc_archive_description' );
function vuevietnam_move_wc_archive_description() {
if ( is_archive() ) {
//đoạn này là xóa đoạn mô tả trên đầu
remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
remove_action( 'woocommerce_archive_description', 'woocommerce_product_archive_description', 10 );
//đoạn này là add đoạn mô tả này vào hook mới
add_action( 'woocommerce_after_main_content', 'woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_after_main_content', 'woocommerce_product_archive_description', 10 );
}
}Đoạn code này mình đã test và lần nào cũng thành công cho tất cả các giao diện không chỉ là Flatsome, nếu như có lỗi gì thì bạn báo mình ở comment nhé.
Nếu đoạn code trên bạn dùng không được thì thử với đoạn code 2 này nhé cũng sẽ có mục đích tương tự
remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 100 );Và sau khi mình làm xong thì đoạn mô tả danh mục sẽ được đưa xuống cuối trang như này
Ở 2 đoạn code trên thì bạn chỉ cần thực hiện một trong 2 thôi nhé, không được thêm vào cả 2 vì sẽ dư thừa.
Ưu điểm của cách chèn file vào functions.php là sẽ triệt để hơn cách 1, nhưng nhược điểm của nó là bạn cần có chút kiến thức về xử lý code, nếu bạn không rành cũng sẽ có chút khó khăn vì dễ gây ra lỗi của web.
Chú ý cẩn thận khi thực hiện, nó không gây ra lỗi hư luôn web hay là ko sửa được chỉ là nếu bạn thêm vào thừa hoặc thiếu một dấu chấm hay phẩy thì đều có thể gây ra lỗi không vào được web.
Nếu lỡ thêm code vào mà web bị hiển thị lỗi 500 hay là gì đó thì hãy cứ bình tĩnh vào lại quản trị hosting sau đó thì tìm đến thư mục chứa web, vào thư mục wp-content -> themes-> tên thư mục theme bạn đang dùng tiếp đến vô file funtions.php xóa đoạn code hoặc tìm lỗi nha.
Vậy là xong rồi, bên trên là 2 cách mà bạn có thể chuyển mô tả danh mục sản phẩm xuống dưới cùng của trang web wordpress. Chúc các bạn thành công, nếu có vấn đề gì thì hãy comment bên dưới cho mình nhé.
