Hướng dẫn rút gọn nội dung mô tả sản phẩm và chuyên mục Flatsome

Bài này sẽ giúp các bạn thu gọn nội dung chi tiết sản phẩm cho theme Flatsome. Nội dung quá dài, khách hàng muốn xem chi tiết sẽ click, giúp tối ưu, gọn gàng hơn. Xem kết quả bên dưới!

Chú ý: 

  1. Chỉ làm việc với Theme Flatsome / để custom cho theme khác thay class là được
  2. Với cách này bạn chỉ cần gán code vào functions.php của theme là được. Nhưng nếu bạn nào không thích gán vào functions.php thì có thể tách css và js ra để vào các file tương ứng cũng được nhé.

Cách thu gọn mô tả chi tiết sản phẩm trong flatsome

rút gọn nội dung mô tả sản phẩm và chuyên mục Flatsome

Bước 1: Chúng ta vào phần Giao diện –> Sửa giao diện –> Function.php (Để đảm bảo website không gặp vấn đề khi sửa thì bạn nên sử dụng child theme. Thường thì khi khởi tạo website bằng flatsome, trình khởi tạo đều có hỏi về việc tạo child theme, trong đó có sẵn 2 file là style.css và function.php).

Bước 2: Dán đoạn code này vào function.php của child theme:

Lưu ý: Trong code có đoạn var your_height = 300; đây là chiều dài đoạn văn được hiển thị ra. Bạn có thể giảm bớt hoặc tăng thêm theo ý muốn. Chỉ cần sửa số 300 thành một con số bất kỳ.

Thu gọn nội dung mô tả chi tiết danh mục sản phẩm

Cũng giống như phần thu gọn nội dung mô tả sản phẩm, phần danh mục sản phẩm (category) cũng có thể thêm mô tả chi tiết, và bạn cũng có thể thu gọn bằng đoạn code dưới đây:

Thu gọn nội dung mô tả chi tiết danh mục sản phẩm

Bước 1: Chúng ta cũng vào file function.php trong child theme như trên nhé.

Bước 2: Copy và dán đoạn code này vào:

Lưu ý: Trong code có đoạn var your_height = 300; đây là chiều dài đoạn văn được hiển thị ra. Bạn có thể giảm bớt hoặc tăng thêm theo ý muốn. Chỉ cần sửa số 300 thành một con số bất kỳ.

Trong quá trình thực hiện có vấn đề inbox mình hỗ trợ…. Chúc bạn thành công!

Xem thêm bài viết

TEMPLATES

PLUGIN

MỜI CAFE

ủng hộ tôi