Tài liệu xStore

Hướng dẫn phát triển giao diện storefront

CategoryNode

Một nút trong cây danh mục của mega menu (biến toàn cục category_tree).

Trường

Trường Kiểu Mô tả Từ phiên bản
id string Mã danh mục. 1.2
title string Tên danh mục. 1.2
slug string Định danh dạng chữ. 1.2
url string | null Đường dẫn riêng của danh mục. LUÔN kiểm tra null trước khi tạo liên kết. 1.2
image_url string | null Ảnh biểu tượng của danh mục gốc; danh mục con không có trường này. 1.2
children CategoryNode[] Danh mục con cấp hai; rỗng nếu không có. CHỈ nút cấp 1 của category_tree mới có trường này — nút cấp hai và các danh mục lấy từ nơi khác (ví dụ home_boxes[].category) KHÔNG có, hãy dùng home_boxes[].children. 1.2

Mã đầy đủ

In ra mọi trường của CategoryNode. Đổi category_node thành tên biến thật của trang bạn đang viết — xem mục Xuất hiện ở bên dưới.

{% comment %} Đối tượng CategoryNode {% endcomment %}
{{ category_node.id }}
{{ category_node.title }}
{{ category_node.slug }}
{{ category_node.url }}
{{ category_node.image_url }}
{% for category_node in category_node.children %}
  {{ category_node.id }}
  {{ category_node.title }}
  {{ category_node.slug }}
  {{ category_node.url }}
  {{ category_node.image_url }}
  {% comment %} category_node.children: CategoryNode[] — xem trang CategoryNode {% endcomment %}
{% endfor %}

Xuất hiện ở

Không có slot nào truyền thẳng kiểu này; nó chỉ nằm bên trong một đối tượng khác.