有關的文章: 官網設計

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

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

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

這篇說明對您有幫助嗎?

分享您的反饋

取消

感謝!