Thêm module sản phẩm liên quan

Module sản phẩm liên quan sẽ hiển thị các sản phẩm trong cùng danh mục đầu tiên có chứa sản phẩm đang hiển thị (sản phẩm liên quan) và hiển thị trong trang chi tiết sản phẩm.

Bạn có thể thực hiện theo các bước sau để thêm module này vào website của mình nhé:

• Bước 1: Vào quản trị website >> click Giao diện

- Trong màn hình giao diện, click vào biểu tượng , sau đó click vào Chỉnh sửa HTML/CSS

• Bước 2: Trong thư mục Templates menu của màn hình Chỉnh sửa HTML/CSS, click vào file product.bwt

- Sao chép và dán đoạn mã dưới đây vào cuối cùng file product.bwt

{% assign related_prod = product.collections.first.alias %}
{% if collections[related_prod].products.size > 2 %}
<section class="upsell-pro">
<div class="container">
<div class="slider-items-products">
<div class="new_title center">
<h2>Sản phẩm liên quan</h2>
</div>
<div id="upsell-products-slider" class="product-flexslider hidden-buttons">
<div class="slider-items slider-width-col4"> 
{% assign current_product = product %}
{% assign current_product_found = false %}
{% for product in collections[related_prod].products %}
{% if product.alias == current_product.alias %}
{% assign current_product_found = true %}
{% else %}
{% unless current_product_found == false and forloop.last %}

<div class="item">
{% include 'product-grid-item' %}
</div>
{% endunless %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</section>
{% endif %}

Lưu ý

Bạn cần kiểm tra trong thư mục Snippets xem file là product_item.bwt hay product_grid_item.bwt hoặc tên file tương tự. Sau đó chỉnh sửa đoạn bôi đậm trong đoạn code trên tương ứng với tên file..

• Bước 3: Chọn nút “Lưu” hoặc nhấn tổ hợp phím “CTRL + S”, sau đó truy cập vào website kiểm tra lại trong trang chi tiết sản phẩm của bạn.