Help me ! Chỉnh sửa giao diện Category

Chào các bác !

Em không rành về Code lắm nên phần lớn chỉ chỉnh sửa trên theme có sẵn mà nhiều khi còn vẫn lỗi.
Hiện em có đang quản trị website: kentavietnam.com về thiết bị công nghiệp.
Cái theme e dùng của bọn VM, trong Category có thể thêm Text Mô tả (Depcription) chuyên mục vào phía trước list sản phẩm để SEO danh mục.

Cụ thể. Hiện tại đang là như này :



GIỜ MUỐN ĐỔI PHẦN 2 LÊN TRÊN PHẦN 1 NHƯ HÌNH DƯỚI



Em muốn sửa vậy để Nếu SEO top rồi khách sẽ thấy sản phẩm luôn chứ ko phải kéo qua Text mới tới các sản phẩm.
Các bác biết cách hướng dẫn giúp em với ạ.
Cảm ơn các bác nhiều

 

mỗi một bộ theme nó khác nhau về cấu trúc một xíu nhưng chắc cũng ko khác gì nhiều mấy giống như mình danh mục nó nằm trong file archive.php, còn của bạn có thể trong file category chẳng hạn.
Bước đầu tiên: phải tìm cho ra được file cần sửa.
cách tìm: down bộ source về --> down notepad + --> tìm text trong file --> nếu quá nhiều file thì sửa từng file rồi ra web xem kết qua có phải file đó hay ko.
sau khi tìm được file cần sửa: ạn phải biết cần vị trí cần thay đổi bằng cách
-> lên web vào page danh mục --> chọn khoảng trống cần sửa -> click chuột trái -> chọn view code (thường là ctrl + shift + i). và bạn cần tìm thấy tên class bao trùm khúc cần sửa. VD: class="1" gì đó.
đã có class cần tìm vào file tìm ra được lúc nãy: tìm đến dòng có class 1 đó , cắt nguyên đoạn code đó paste xuống dưới code show danh mục(số 2) là xong .

 

Em đã tìm trong file archive.php nhưng vẫn chưa vooc ra được đoạn code của nó. Bác có mẫu code của nó hoặc bác vô web e xem giúp em đoạn code nào đc ko ạ

 

Sao không để vậy nhỉ. Mình thấy để vậy chỉnh sửa thông tin truyền tải khách hàng tốt hơn, Như những cam kết về sản phẩm, người ta vào link rồi thì yên tâm họ sẽ đọc sản phẩm, như vậy sẽ làm tăng thời gian họ ở trên site , tốt hơn cho seo.

 

Web của bạn dùng woocomerce, để chỉnh sửa thì bạn tìm hiểu cách ghi đè plugin woocomerce. Bạn copy thư mục templates của plugin woo, sau đó paste vào trong thư mục themes đang dùng. Đổi tên templates thành woocomerce, sau đó chỉnh sửa ở file archive-product.php. Trong đó sẽ có action là: do_action( 'woocommerce_archive_description' );. Bạn copy cái đó xuống phía dưới cùng, trước cái này do_action( 'woocommerce_after_main_content' ); là được.

 

Nếu ngại vọc code có thể thêm đoạn này vào css trang để nó ẩn mục đó đi , test thử đi nhé
.archive .entry-content .term-description
{
display: none;
}

 

<div class="term-description">Descrition</div>
Bạn chuyển đoạn code này cho xuống dưới <ul> Product</ul>
Mỗi theme có cấu trúc code khác nhau nên ko biết chính xác chỗ nào.
Bạn có thể mò trong các file liên quan đến danh mục rồi tìm những đoạn có có chứa Description với Product thay đổi vị trí, nhớ backup file trước khi mò

 

Mình cũng không rành WP, chỉ là mò dựa trên code web của mình thôi

VD: class cần sửa của bạn có tên là term-description thì vào file cần sửa tìm đến đoạn code có chứa class đó và cắt nó đi.
Vị trí cần paste: theo như web của bạn có class là : products columns-4 bạn vào file tìm xem có class đó ko, nếu tìm thấy thì chỉ cần paste class trên xuống dưới là dc. Nhưng theo mình thì thường nó ko tìm thấy vì là nó gọi ra để chạy . Bạn có thể tìm vòng lặp trong đó nếu có ghi chú thì tìm /* Start the Loop */ hoặc tương tự.
Theo theme của mình thì có sẽ lấy dữ liệu trong vòng lặp : while ( have_posts() ) : the_post();
nếu như giống bạn có thể paste dòng code trên sau endif; ?>.
Chúc bạn thành công

PS:BACKUP CODE TRƯỚC KHI LÀM GÌ

 

Thay vì vất vả như thế bạn có thể thêm đoạn CSS ẩn 1 phần của cái đoạn đó đi. Nghĩa là fix cứng cái khung nội dung ở trên 1 đoạn, nội dung sẽ được kéo xuống. Nói nôm na quá. Cụ thể

Mã:

<div style="height: 250px; width: 100%; overflow-y: scroll; text-align: justify;">
Nội dung text description
</div>

 

Thanks các bác. Để em mò từng cái 1 xem sao ạ . Làm cái backup trước đã nhỡ ngu code lại die

Cái này mình muốn đập vào khách hàng là sản phẩm hơn