xStore.menus#

Toàn bộ menu điều hướng của cửa hàng, kèm các mục con — một lần gọi cho tất cả.

Phương thức#

Ví dụ đầy đủ#

<script>
  // MỘT lần gọi trả về mọi menu (header, footer, menu tuỳ chỉnh).
  // Đừng gọi lại cho từng menu — đây là dữ liệu tham chiếu có giới hạn.
  async function renderMenus() {
    const ds = await xStore.menus.list();
    const theo = Object.fromEntries(ds.items.map((m) => [m.handle, m]));

    const header = theo['main-menu'];
    document.getElementById('nav').innerHTML =
      (header?.items ?? []).map((mc) => `<a href="${mc.url ?? '#'}">${mc.title}</a>`).join('');
  }

  renderMenus();
</script>

Thư viện gọi tới /api/... trên chính tên miền cửa hàng, nên không cần khai báo địa chỉ máy chủ ở bất kỳ đâu.

Xem thêm Sự kiện để giao diện tự cập nhật sau mỗi thao tác.