建立完所需頁面及色彩計畫後,我們可以開始設立選單囉!
meepShop簡易規劃了版型的置頂選單、橫幅選單、側邊選單、置底選單,您可以開始為您的網站設定目錄,讓顧客可以輕鬆地瀏覽,找到需要的資訊。
置頂選單、橫幅選單、側邊選單、及置底選單(頁腳) 各選單呈現於頁面的位置如下,您可依您商店型態選擇您要的樣式
1. 如何更改頁面選單的版型?
若您目前的頁面想要更改選單版型,請參考以下設定方式調整成您想要的版型
Step1 : 點選商店設計-頁面設計
Step2 : 選擇需要更改版型的頁面,選取右下方編輯
Step3 : 選擇頁面左上方的設定 ,在頁面選單版型內可更改選單頁面版型
設定好頁面選單的版型,我們就可以來為各選單做設定囉!
2. 置頂選單設定
一般消費者已經習慣在網站右上方可找到登入Login、購物車等按鍵,meepShop在置頂選單已經先幫您建立好基本的選項,包含登入Login、購物車、首頁、關於我們、全部商品、一頁式等您可以在依照您商店的需求建立其他設定,讓我們來了解如何建立吧!
Step1 : 點選商店設計-選單目錄
Step2 : 選擇置頂選單
Step3 : 於空白的選單設計中輸入您想在頁面上呈現名稱
Step4 : 選擇此選單要設定的功能
商店分頁: 指您在頁面設計中有新增的分頁,可設定直接連結分頁。
自訂連結: 若您要連結到網址,如您的fb粉絲頁,則可直接選連結設定貼上您欲連結的網址。
Step5 : 若需要另開啟分頁可做勾選
3. 橫幅選單設定
橫幅選單您可自行設定,通常一般購物網站橫幅選單最常看到的就是首頁、最新消息、最新商品、關於我…等,讓我們來依照下面步驟來設定吧!
Step1 : 點選商店設計-選單目錄
Step2 : 選單目錄選擇『橫幅選單』
Step3 : 設定分頁名稱
Step4 : 選擇您此分頁要設定的功能,如此頁要顯示已上架的商品,則選擇「商品搜尋結果」
Step5 : 選擇Tags,Tags為您上架商品時所設定的商品標籤,如下圖所示,設定後前台將會顯示有設定到該Tags的商品
EX: 如您在Tags設定的標籤為 上衣,前台該頁面就會顯示您上架商品有設定上衣標籤的商品
Step6 : 設定該頁面顯示商品的金額範圍,若最大金額為10000,則前台頁面將顯示金額為10000以下的商品
4. 側邊選單設定
側邊選單一般網路商店會將販售之產品細項分類於此,讓我們來看看該怎麼設定吧!
Step1 : 點選商店設計-選單目錄
Step2 : 選單目錄選擇『側邊選單』
Step3 : 輸入您側邊選單的主/次分類名稱
Enter可新增分類項目
+ 可新增次分類項目
< > 調整分類順序
Step4 : 連結類型 – 因此頁面要設定產品,故請選擇『產品搜尋結果』
Step5 : 輸入此頁面的關鍵字搜尋則會帶入商品名稱有該關鍵字的商品,建議使用第6步驟搜尋商品
Step6 : 設定此頁面欲呈現的商品標籤
範例如下圖 設定熱賣商品為標籤,您上架商品有tag到熱賣商品的產品將會呈現於此頁面
5. 置底選單設定
置底選單就是在網頁最下方的欄位,一般大眾消費者認知網頁最下方選單不外乎就是隱私權保護政策、聯絡我們及一些可連置外部的連結按鈕,讓我們來依照下面步驟來設定吧!
Step1 : 點選商店設計-選單目錄
Step2 : 選擇置底選單
Step3 : 於右側選單設計表單內按下Enter新稱選單並輸入您欲顯示連結的名稱,如:聯絡我們、電話等
Step4 : 可選擇您要設定的功能
『自訂連結』: 連結到外部網址或電話;您可設定連結至您建立好的頁面或外部網址;
若想要讓顧客可直接撥打電話給您,請在超連結裡填上電話號碼,須符合國際撥號格式:+國碼-區碼-電話號碼。撥號連結裡的數字,國碼用加號,分隔標記用減號,不能有空白字元。
市話格式(以台北為例):+國碼(886)-區碼(2)-電話號碼(3278918)
手機格式:+國碼(886)-手機號碼(912345678)。
Step5 : 儲存即可
6. 新增選單列表
我們也可以自行新增選單列表,方便我們之後網頁製作更便利,讓我們來看看如何怎麼操作!
Step1 : 點選商店設計-選單目錄
Step2 : 點選選單目錄右方『+』
Step3 : 輸入選單名稱,範例:SNS
Step4 : 按Enter新增選單項目
Step5 : 設定功能,選擇『自訂連結』(您也可以依您需求使用其他設定)
Step6 : 輸入欲連結網址
Step7 : 儲存
接著可以參考下一篇-選單目錄樣式設計,為您的頁面選單做進一步的設計囉!