Hiển thị Shop Promise trên trang sản phẩm

1. Từ trang quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

2. Tìm chủ đề muốn chỉnh sửa, nhấp vào biểu tượng để mở menu thao tác, rồi nhấp vào Chỉnh sửa mã.

3. Mở tệp có liên quan.

4. Tìm dòng có chứa {%- if block.settings.show_dynamic_checkout -%} hoặc {{ form | payment_button }}.

5. Tạo dòng mới ngay bên dưới {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} và dán đoạn mã sau vào dòng đó:

<div class="delivery-promise__promise-container"></div>

6. Nhấp vào Lưu.

Kết quả sẽ tương tự như sau:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

1. Từ ứng dụng Shopify, chạm vào biểu tượng .

2. Trong mục Kênh bán hàng, chạm vào Cửa hàng trực tuyến > Quản lý tất cả chủ đề.

3. Tìm chủ đề muốn chỉnh sửa, chạm vào nút … để mở menu thao tác, rồi chạm vào Chỉnh sửa mã.

4. Mở tệp có liên quan.

5. Tìm dòng có chứa {%- if block.settings.show_dynamic_checkout -%} hoặc {{ form | payment_button }}.

6. Tạo dòng mới ngay bên dưới {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} và dán đoạn mã sau vào dòng đó:

<div class="delivery-promise__promise-container"></div>

7. Chạm vào Lưu hoặc ✓.

Kết quả sẽ tương tự như sau:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

1. Làm theo hướng dẫn để định vị thủ công mô-đun Shop Promise trên trang sản phẩm và vẫn mở trình biên tập chủ đề.
2. Thêm thuộc tính dữ liệu chủ đề vào phần tử neo mới tạo của bạn và thiết lập thành dark hoặc light.
3. Nhấp vào Lưu.

Kết quả sẽ tương tự như một trong các ví dụ sau:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Hoặc

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. Làm theo hướng dẫn để định vị thủ công mô-đun Shop Promise trên trang sản phẩm và vẫn mở trình biên tập chủ đề.
2. Thêm thuộc tính dữ liệu chủ đề vào phần tử neo mới tạo của bạn và thiết lập thành dark hoặc light.
3. Chạm vào Lưu.

Kết quả sẽ tương tự như một trong các ví dụ sau:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Hoặc

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. Từ trang quản trị Shopify, đi tới Cửa hàng trực tuyến > Chủ đề.

2. Tìm chủ đề muốn chỉnh sửa rồi nhấp vào Chỉnh sửa chủ đề.

3. Điều hướng đến trang sản phẩm bằng bộ chọn mẫu ở thanh menu trên cùng.

4. Trong menu thanh bên, tìm mục Thông tin sản phẩm.

5. Nhấp vào Thêm khối rồi chọn Liquid tùy chỉnh trong danh sách các khối hiện có.

6. Trong trường văn bản Liquid tùy chỉnh, hãy dán mã sau:

<div class="delivery-promise__promise-container"></div>

7. Định vị khối bằng cách kéo đến vị trí mong muốn, thường là bên dưới khối Nút mua.
8. Nhấp vào Lưu để áp dụng thay đổi.

Nếu muốn chỉ định tùy chọn chủ đề (tối hoặc sáng), hãy dùng một trong các mã sau để thay thế:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Hoặc

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. Từ ứng dụng Shopify, chạm vào biểu tượng .

2. Trong mục Kênh bán hàng, chạm vào Cửa hàng trực tuyến > Quản lý tất cả chủ đề.

3. Tìm chủ đề đang hoạt động rồi chạm vào Chỉnh sửa chủ đề.

4. Điều hướng đến trang sản phẩm bằng bộ chọn mẫu ở trên cùng.

5. Chạm vào mục Thông tin sản phẩm.

6. Chạm vào Thêm khối rồi chọn Liquid tùy chỉnh.

7. Trong trường văn bản Liquid tùy chỉnh, hãy dán mã sau:

<div class="delivery-promise__promise-container"></div>

8. Định vị khối bằng cách kéo đến vị trí mong muốn, thường là bên dưới khối Nút mua.
9. Chạm vào Lưu để áp dụng thay đổi.

Nếu muốn chỉ định tùy chọn chủ đề (tối hoặc sáng), hãy dùng một trong các mã sau để thay thế:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Hoặc

<div class="delivery-promise__promise-container" data-theme="light"></div>