【導航列】如何設定純文字導航列
由於新增導航列都會需要選擇一種類別進行設定,可能你會需要新增純文字導航列為母分類,然後再設定子分類。此文章將教你如何設定不可點擊的純文字的導航列。
此教學適用於 Aroma、Freshbit 、Mels 、Wood 、Essence 、Gizmos 、Kiddy 、Urbn 、Kate、 Pastries 等等新版主題
前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 header.liquid 文件 → 搜尋 href="{{ link.url }}" (大約 124 行 和 304 行)


把 href="{{ link.url }}" 換成以下代碼
{% unless link.url contains "/#" %}href="{{ link.url }}" {% endunless %}


點擊儲存
前往 EasyStore 後台 → 品牌官網 → 導航設定 → 新增導航列 → 選擇連結為種類 → 於連結欄位放入 # 即可

若你要設定幾個純文字的導航列,建議放入 #2 、#3 ..... 不要導航列全部都使用 #

此教學適用於 Candy 、Wave 、X-force 、Fall 、Maker 等等舊版佈景主題
前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 site-nav.liquid 文件 → 搜尋 href="{{ link.url }}" → 換成以下代碼
{% if link.url != "/#" %} href="{{ link.url }}" {% endif %}


點擊儲存
前往 EasyStore 後台 → 品牌官網 → 導航設定 → 新增導航列 → 選擇連結為種類 → 於連結欄位放入 # 即可

若你要設定幾個純文字的導航列,建議放入 #2 、#3 ..... 不要導航列全部都使用 #

Aroma 或其後發佈之佈景主題
此教學適用於 Aroma、Freshbit 、Mels 、Wood 、Essence 、Gizmos 、Kiddy 、Urbn 、Kate、 Pastries 等等新版主題
步驟一:編輯原始碼
前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 header.liquid 文件 → 搜尋 href="{{ link.url }}" (大約 124 行 和 304 行)


把 href="{{ link.url }}" 換成以下代碼
{% unless link.url contains "/#" %}href="{{ link.url }}" {% endunless %}


點擊儲存
步驟二:設定導航列
前往 EasyStore 後台 → 品牌官網 → 導航設定 → 新增導航列 → 選擇連結為種類 → 於連結欄位放入 # 即可

若你要設定幾個純文字的導航列,建議放入 #2 、#3 ..... 不要導航列全部都使用 #

Candy 或之前發佈之佈景主題
此教學適用於 Candy 、Wave 、X-force 、Fall 、Maker 等等舊版佈景主題
步驟一:編輯原始碼
前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 site-nav.liquid 文件 → 搜尋 href="{{ link.url }}" → 換成以下代碼
{% if link.url != "/#" %} href="{{ link.url }}" {% endif %}


點擊儲存
步驟二:設定導航列
前往 EasyStore 後台 → 品牌官網 → 導航設定 → 新增導航列 → 選擇連結為種類 → 於連結欄位放入 # 即可

若你要設定幾個純文字的導航列,建議放入 #2 、#3 ..... 不要導航列全部都使用 #

更新時間: 29/01/2024
感謝!