Thêm cảnh báo về việc không ghi nhận thông tin cá nhân hóa trong giỏ hàng

Để tránh Order không xuất hiện trong app do không có customization, bạn có thể hiển thị một cảnh báo ngay trên trang Giỏ hàng của bạn khi sản phẩm được thêm vào cart mà App không ghi nhận được thông tin, giúp khách hàng có thể quay lại trang sản phẩm và thêm sản phẩm lại.

Làm theo các bước dưới đây để thêm cảnh báo.

Tin nhắn cảnh báo này chỉ hiện thị cho từng Line item thuộc sản phẩm của Teeinblue mà không có customization_id trong Cart.

Bạn đi đến Shopify Admin -> Themes -> Edit code (trên Theme đang sử dụng)



Mở tệp có chứa nội dung của Cart Page. Nó có thể là Sections or Snippets folder. Ví dụ: cart.liquid, cart-items.liquid, main-cart-items.liquid,...

Tìm một block code bắt đầu như này {% for item in cart.items %}



Trong phần block code, thêm các code bên dưới ở vị trí mà bạn muốn hiển thị cảnh báo:

{% assign product = item.product %}
{% assign teeProduct = false %}
{% assign hasCustomizationId = false %}
{% assign version = product.metafields.teeinblue.campaign_version %}
{% assign startDate = "2020-03-31 23:59:59" | date: "%s" %}
{% assign endDate = "2020-10-20 00:00:00" | date: "%s" %}
{% assign productCreatedDate = product.created_at | date: "%s" %}
{% assign productVendor = product.vendor | downcase %}

{% if version or productVendor == "teeinblue" and productCreatedDate > startDate and productCreatedDate < endDate %}
  {% assign teeProduct = true %}
{% endif %}

{% if teeProduct == true %}
  {% for property in item.properties %}
    {% if property.first == 'customization_id' %}
      {% assign hasCustomizationId = true %}
      {% break %}
    {% endif %}
  {% endfor %}

  {% if hasCustomizationId != true %}
    <div class="teeinblue-warning-no-customization" style="color: #bf5329;">Error! No customization created. Please add to cart again.</div>
  {% endif %}
{% endif %}

Ví dụ, dưới cart-item__details:



Thay đổi nội dung cảnh báo.
Nội dung cảnh báo mặc định là "Error! No customization created. Please add to cart again." Trên đoạn code, bạn có thể tìm dòng <div class="teeinblue-warning-no-customization">Error! No customization created. Please add to cart again.</div> để thay đổi nội dung như bạn muốn.

Lưu và Hoàn tất.
Sau khi bạn Lưu, khi có lỗi xảy ra một cảnh báo sẽ hiển thị tương tự ảnh dưới đây:



Liên hệ team support chúng tôi nếu bạn cần giúp đỡ với việc setup

Cập nhật vào: 19/08/2024