[即將推出] 進階目錄功能遷移教學

當 LE 店家 開啟 進階目錄功能 後，即使商店已經能夠正常顯示目錄畫面，仍請務必完成以下遷移步驟，能有效 提升效能，並為使用者帶來 更流暢的購物體驗。

修改檔案

請進入 theme.liquid

在原始程式碼中，您會看到以下結構：

{% if page.identifier != 'express_checkout' %}
  {% render_announcement %}
  {% if use_revamped_header or page.identifier == 'one_page_store' or page.identifier == 'one_page_store_order_confirm' %}
    {% render_header %}
  {% else %}
    {% include 'navigation_bar_desktop.liquid' %}
    {% include 'navigation_bar_mobile.liquid' %}
  {% endif %}
{% endif %}
...
{% include 'menu_panel.liquid' %}
...
{{ 'menu.js' | asset_source }}
...

操作步驟

請將以下兩行程式碼：

{% include 'menu_panel.liquid' %}
{{ 'menu.js' | asset_source }}

移動到 {% include 'navigation_bar_mobile.liquid' %} 的下方。

完成！

修改後正確範例

{% if page.identifier != 'express_checkout' %}
  {% render_announcement %}
  {% if use_revamped_header or page.identifier == 'one_page_store' or page.identifier == 'one_page_store_order_confirm' %}
    {% render_header %}
  {% else %}
    {% include 'navigation_bar_desktop.liquid' %}
    {% include 'navigation_bar_mobile.liquid' %}
    {% include 'menu_panel.liquid' %}
    {{ 'menu.js' | asset_source }}
  {% endif %}
{% endif %}

完成上述調整後，商店的 進階目錄功能 就能正確且高效地運作。