有關的文章: 官網設計

【導航列】如何設定純文字導航列



由於新增導航列都會需要選擇一種類別進行設定,可能你會需要新增純文字導航列為母分類,然後再設定子分類。此文章將教你如何設定不可點擊的純文字的導航列。


Aroma 或其後發佈之佈景主題


此教學適用於 Aroma、Freshbit 、Mels 、Wood 、Essence 、Gizmos 、Kiddy 、Urbn 、Kate、 Pastries 等等新版主題


步驟一:編輯原始碼


  1. 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 header.liquid 文件 → 搜尋 href="{{ link.url }}" (大約 124 行 和 304 行)








  1. href="{{ link.url }}" 換成以下代碼


{% unless link.url contains "/#" %}href="{{ link.url }}" {% endunless %}




  1. 點擊儲存


步驟二:設定導航列


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




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


Candy 或之前發佈之佈景主題


此教學適用於 Candy 、Wave 、X-force 、Fall 、Maker 等等舊版佈景主題


步驟一:編輯原始碼


  1. 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 site-nav.liquid 文件 → 搜尋 href="{{ link.url }}" → 換成以下代碼


{% if link.url != "/#" %} href="{{ link.url }}" {% endif %}






  1. 點擊儲存




步驟二:設定導航列


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




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


更新時間: 29/01/2024

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!