Hướng dẫn thêm các bài viết liên quan vào sản phẩm sử dụng tag

Đăng bởi Hồ Đức Trung

Hi cả nhà,

Bài viết này mình sẽ hướng dẫn các bạn trẻ thêm vào trang chi tiết sản phẩm những bài viết liên quan đến sản phẩm đó.

Như cách làm truyền thống trước đây, chúng ta hay thực hiện việc cắt chuỗi trong product description để lấy được link,images,tiêu đề,... của các bài viết để hiển thị trong sản phẩm. Nhưng với cách này chúng ta sẽ thực hiện công việc đơn giản hơn rất nhiều.

Đầu tiên là link đề mô ở đây: Đề Mô

Các bước thực hiện như sau:

Bước 1: Tạo 1 view search: search.view-blog.liquid.

Code tham khảo tại đây: search.view-blog.liquid

Bước 2: Gắn code js sau vào trang product (nên để dưới cùng):

Code xem tại đây: Script Lưu ý là class wrap_blog_left trong đoạn js trên chúng ta thay bằng class chứa các bài viết.

Bước 3: Ở bước này chúng ta cần để ý là: vì sản phẩm sẽ load các bài viết dựa vào tag của các bài viết đó nên bài viết nào chúng ta muốn hiển thị trong sản phẩm đó thì gán tag chính là handle của sản phẩm.

Ví dụ: 1 sản phẩm có handle là san-pham-mau, thì tag của bài viết liên quan mà chúng ta muốn bỏ vào là: san-pham-mau.

Bài viết đến đây là hết, chúc các bạn trẻ làm việc hiệu quả.

Thanks all. Bái bai

Haravan code

Bài viết mới

Hướng dẫn thêm các bài viết liên quan vào sản phẩm sử dụng tag