Sử dụng ứng dụng Product Reviews

Trang này được in vào Apr 19, 2024. Để lấy phiên bản hiện tại, vui lòng truy cập https://help.shopify.com/vi/manual/products/product-reviews/installation.

Bạn có thể thêm biểu mẫu đánh giá cho trang sản phẩm và huy hiệu điểm đánh giá cho trang sản phẩm và trang bộ sưu tập. Các bước hướng dẫn này sẽ khác nhau tùy thuộc vào phiên bản cấu trúc chủ đề. Làm theo hướng dẫn dựa trên phiên bản cấu trúc chủ đề để thêm phần tử đánh giá vào cửa hàng trực tuyến.

Trên trang này

Chủ đề Online Store 2.0

Bạn có thể thêm đánh giá, bao gồm biểu mẫu đánh giá, và hiển thị xếp hạng sao trong chủ đề Online Store 2.0.

Thêm đánh giá và biểu mẫu đánh giá trong chủ đề Online Store 2.0

Bạn có thể thêm khối ứng dụng đánh giá và biểu mẫu đánh giá dưới dạng mục trên mẫu sản phẩm hoặc dưới dạng khối trong mục sản phẩm chính của mẫu sản phẩm. Các tùy chọn này đều có trong tất cả chủ đề Online Store 2.0 trên Cửa hàng chủ đề Shopify. Bạn có thể thêm vào các mẫu hoặc mục khác, tùy thuộc vào chủ đề.

Thêm đánh giá và biểu mẫu đánh giá dưới dạng mục

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa và nhấp vào Customize (Tùy chỉnh).
  3. Chuyển đến mẫu sản phẩm mà bạn muốn thêm mục đánh giá và biểu mẫu đánh giá.
  4. Nhấp vào Add section (Thêm mục).
  5. Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
  6. Không bắt buộc: Chuyển mục ứng dụng đến vị trí bạn muốn hiển thị trên trang.
  7. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Chạm vào Quản lý tất cả chủ đề.
  4. Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
  5. Chạm vào Edit (Chỉnh sửa).
  6. Chuyển đến mẫu sản phẩm mà bạn muốn thêm mục đánh giá và biểu mẫu đánh giá.
  7. Nhấp vào Add section (Thêm mục).
  8. Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
  9. Không bắt buộc: Chuyển mục ứng dụng đến vị trí bạn muốn hiển thị trên trang.
  10. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Chạm vào Quản lý tất cả chủ đề.
  4. Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
  5. Chạm vào Edit (Chỉnh sửa).
  6. Chuyển đến mẫu sản phẩm mà bạn muốn thêm mục đánh giá và biểu mẫu đánh giá.
  7. Nhấp vào Add section (Thêm mục).
  8. Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
  9. Không bắt buộc: Chuyển mục ứng dụng đến vị trí bạn muốn hiển thị trên trang.
  10. Nhấp vào Save (Lưu).

Thêm đánh giá và biểu mẫu đánh giá dưới dạng khối

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa và nhấp vào Customize (Tùy chỉnh).
  3. Chuyển đến trang và mục bạn muốn thêm khối đánh giá và biểu mẫu đánh giá.
  4. Nhấp vào Thêm khối.
  5. Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
  6. Không bắt buộc: Chuyển khối Đánh giá đến vị trí bạn muốn hiển thị trong mục.
  7. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Chạm vào Quản lý tất cả chủ đề.
  4. Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
  5. Chạm vào Edit (Chỉnh sửa).
  6. Chuyển đến trang và mục bạn muốn thêm khối đánh giá và biểu mẫu đánh giá.
  7. Nhấp vào Thêm khối.
  8. Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
  9. Không bắt buộc: Chuyển khối Đánh giá đến vị trí bạn muốn hiển thị trong mục.
  10. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Chạm vào Quản lý tất cả chủ đề.
  4. Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
  5. Chạm vào Edit (Chỉnh sửa).
  6. Chuyển đến trang và mục bạn muốn thêm khối đánh giá và biểu mẫu đánh giá.
  7. Nhấp vào Thêm khối.
  8. Trong menu thả xuống, chọn khối ứng dụng Đánh giá trong mục Ứng dụng.
  9. Không bắt buộc: Chuyển khối Đánh giá đến vị trí bạn muốn hiển thị trong mục.
  10. Nhấp vào Save (Lưu).

Thêm xếp hạng sao trong chủ đề Online Store 2.0

Bạn có thể thêm xếp hạng sao dưới dạng khối trong mục sản phẩm chính của mẫu sản phẩm. Tùy chọn này có sẵn trong tất cả chủ đề Online Store 2.0 trên Cửa hàng chủ đề Shopify. Bạn có thể thêm vào các mục và mẫu khác, tùy thuộc vào chủ đề.

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

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa và nhấp vào Customize (Tùy chỉnh).
  3. Chuyển đến trang và mục bạn muốn thêm vào xếp hạng sao.
  4. Nhấp vào Thêm khối.
  5. Trong menu thả xuống, chọn khối ứng dụng Xếp hạng sao trong mục Ứng dụng.
  6. Không bắt buộc: Chuyển khối Xếp hạng sao đến vị trí bạn muốn hiển thị trong mục hoặc tùy chỉnh màu sao, cỡ sao, vị trí và ngữ cảnh.
  7. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Chạm vào Quản lý tất cả chủ đề.
  4. Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
  5. Chạm vào Edit (Chỉnh sửa).
  6. Chuyển đến trang và mục bạn muốn thêm vào xếp hạng sao.
  7. Nhấp vào Thêm khối.
  8. Trong menu thả xuống, chọn khối ứng dụng Xếp hạng sao trong mục Ứng dụng.
  9. Không bắt buộc: Chuyển khối Xếp hạng sao đến vị trí bạn muốn hiển thị trong mục hoặc tùy chỉnh màu sao, cỡ sao, vị trí và ngữ cảnh.
  10. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Chạm vào Quản lý tất cả chủ đề.
  4. Tìm chủ đề bạn muốn chỉnh sửa và chạm vào Customize (Tùy chỉnh).
  5. Chạm vào Edit (Chỉnh sửa).
  6. Chuyển đến trang và mục bạn muốn thêm vào xếp hạng sao.
  7. Nhấp vào Thêm khối.
  8. Trong menu thả xuống, chọn khối ứng dụng Xếp hạng sao trong mục Ứng dụng.
  9. Không bắt buộc: Chuyển khối Xếp hạng sao đến vị trí bạn muốn hiển thị trong mục hoặc tùy chỉnh màu sao, cỡ sao, vị trí và ngữ cảnh.
  10. Nhấp vào Save (Lưu).

Chủ đề có phân mục cũ

Bạn có thể thêm đánh giá, bao gồm biểu mẫu đánh giá, và hiển thị huy hiệu điểm đánh giá trên nhiều trang trong chủ đề có phân mục cũ.

Thêm đánh giá và biểu mẫu đánh giá vào trang sản phẩm trong chủ đề có phân mục

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  3. Trong thư mục Sections, mở product-template.liquid.
  4. Tìm vị trí trong mã mà bạn muốn hiển thị đánh giá. Vị trí này thường ở bên dưới mô tả sản phẩm. Để tìm mô tả sản phẩm trong tệp, tìm thẻ Liquid {{ product.description }}.
  5. Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Sections, mở product-template.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị đánh giá. Vị trí này thường ở bên dưới mô tả sản phẩm. Để tìm mô tả sản phẩm trong tệp, tìm thẻ Liquid {{ product.description }}.
  7. Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Sections, mở product-template.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị đánh giá. Vị trí này thường ở bên dưới mô tả sản phẩm. Để tìm mô tả sản phẩm trong tệp, tìm thẻ Liquid {{ product.description }}.
  7. Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Nhấp vào Save (Lưu).

Thêm huy hiệu điểm đánh giá vào trang bộ sưu tập trong các chủ đề có phân mục

  1. Trên Trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa rồi nhấp vào nút ... > Chỉnh sửa mã.

  3. Trong thư mục Đoạn mã, mở tệp product-grid-item.liquid. Tệp này có tên khác trong một số chủ đề. Nếu không thể tìm thấy product-grid-item.liquid, hãy tìm một trong những tệp sau:

    • product-card-grid.liquid
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
    • product-item.liquid

  4. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.

  5. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).

Thêm huy hiệu điểm đánh giá vào trang sản phẩm trong chủ đề có phân mục

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  3. Trong thư mục Sections, mở product-template.liquid.
  4. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.
  5. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Sections, mở product-template.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.
  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Sections, mở product-template.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.
  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).

Thêm huy hiệu điểm đánh giá cho sản phẩm nổi bật trong chủ đề có phân mục

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  3. Trong thư mục Sections, mở tệp featured-product.liquid.
  4. Tìm vị trí trong đoạn mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ title }}. Nếu bạn không tìm thấy thẻ {{ title }}, hãy tìm thẻ {{ product.title }}.
  5. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Sections, mở tệp featured-product.liquid.
  6. Tìm vị trí trong đoạn mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ title }}. Nếu bạn không tìm thấy thẻ {{ title }}, hãy tìm thẻ {{ product.title }}.
  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Sections, mở tệp featured-product.liquid.
  6. Tìm vị trí trong đoạn mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ title }}. Nếu bạn không tìm thấy thẻ {{ title }}, hãy tìm thẻ {{ product.title }}.
  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths">
    {% if section.settings.show_vendor %}
      <h2 class="product-single__vendor" itemprop="brand">{{ vendor }}</h2>
    {% endif %}

    <h1 class="product-single__title" itemprop="name">{{ title }}</h1>

    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
      {% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).

Chủ đề không phân mục cũ

Bạn có thể thêm đánh giá, bao gồm biểu mẫu đánh giá, và hiển thị huy hiệu điểm đánh giá trên nhiều trang trong chủ đề không phân mục cũ.

Thêm đánh giá và biểu mẫu đánh giá vào trang sản phẩm trong chủ đề không phân mục

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  3. Trong thư mục Templates, mở product.liquid.
  4. Tìm vị trí trong mã mà bạn muốn hiển thị đánh giá. Vị trí này thường ở bên dưới mô tả sản phẩm. Để tìm mô tả sản phẩm trong tệp, tìm thẻ Liquid {{ product.description }}.
  5. Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Templates, mở product.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị đánh giá. Vị trí này thường ở bên dưới mô tả sản phẩm. Để tìm mô tả sản phẩm trong tệp, tìm thẻ Liquid {{ product.description }}.
  7. Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Templates, mở product.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị đánh giá. Vị trí này thường ở bên dưới mô tả sản phẩm. Để tìm mô tả sản phẩm trong tệp, tìm thẻ Liquid {{ product.description }}.
  7. Dán đoạn mã sau bên dưới mã có chứa thẻ Liquid {{ product.description }}: 
<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class="product-single__description rte" itemprop="description">
  {{ product.description }}
</div>

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
  1. Nhấp vào Save (Lưu).

Thêm huy hiệu điểm đánh giá vào trang bộ sưu tập trong chủ đề không phân mục

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.

  3. Trong thư mục Đoạn mã, mở product-grid-item.liquid. Tệp này có tên khác trong một số chủ đề. Nếu không thể tìm thấy product-grid-item.liquid, hãy tìm một trong những tệp sau:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidNếu chủ đề của bạn không có bất kỳ tệp nào trong số trên, bạn có thể tìm thấy mã lưới sản phẩm trong tệp collection.liquid trong thư mục Templates.

  4. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.

  5. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.

  5. Trong thư mục Đoạn mã, mở product-grid-item.liquid. Tệp này có tên khác trong một số chủ đề. Nếu không thể tìm thấy product-grid-item.liquid, hãy tìm một trong những tệp sau:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidNếu chủ đề của bạn không có bất kỳ tệp nào trong số trên, bạn có thể tìm thấy mã lưới sản phẩm trong tệp collection.liquid trong thư mục Templates.

  6. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.

  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.

  5. Trong thư mục Đoạn mã, mở product-grid-item.liquid. Tệp này có tên khác trong một số chủ đề. Nếu không thể tìm thấy product-grid-item.liquid, hãy tìm một trong những tệp sau:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidNếu chủ đề của bạn không có bất kỳ tệp nào trong số trên, bạn có thể tìm thấy mã lưới sản phẩm trong tệp collection.liquid trong thư mục Templates.

  6. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường là ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.

  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<div class="grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}">
  <a class="grid-view-item__link" href="{{ product.url | within: collection }}">
    <img class="grid-view-item__image" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-item__title">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-item__vendor">{{ product.vendor }}</div>
      {% endif %}
    <div class="grid-view-item__meta">
      {% include 'product-price' %}
    </div>
    <span class="shopify-product-reviews-badge" data-id="{{ product.id }}">
    </span>
  </a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).

Thêm huy hiệu điểm đánh giá vào trang sản phẩm trong chủ đề không phân mục

  1. Trên trang quản trị Shopify, vào mục Cửa hàng trực tuyến > Chủ đề.
  2. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  3. Trong thư mục Templates, mở product.liquid.
  4. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.
  5. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Templates, mở product.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.
  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).
  1. Trong ứng dụng Shopify, chạm vào nút ….
  2. Trong phần Sales channels (Kênh bán hàng), nhấn vào Cửa hàng trực tuyến.
  3. Nhấn vào Manage themes (Quản lý chủ đề).
  4. Tìm chủ đề bạn muốn chỉnh sửa, nhấp vào nút ... để mở menu thao tác, sau đó nhấp vào Chỉnh sửa mã.
  5. Trong thư mục Templates, mở product.liquid.
  6. Tìm vị trí trong mã mà bạn muốn hiển thị huy hiệu điểm đánh giá. Vị trí này thường ở bên dưới tiêu đề sản phẩm. Để tìm tiêu đề sản phẩm trong tệp, tìm thẻ Liquid {{ product.title }}.
  7. Dán đoạn mã sau vào dòng mới bên dưới mã có chứa thẻ Liquid {{ product.title }}: 
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
Your code placement might look something like this:
<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>
You can experiment with putting the code in different places in the file to see where you like it best.
  1. Nhấp vào Save (Lưu).

Bạn đã sẵn sàng bán hàng với Shopify?

Dùng thử miễn phí