• 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析
  • 常見問題
  • 基本設定
  • 金物流設定
    • 付款設定
    • 運送方式設定
  • 商品與版型
    • 商品管理
    • 商品頁版型設定
  • 訂單與出貨
    • 訂單管理
    • 出貨管理
  • 會員管理
  • 網站設計
    • 頁面架構與選單目錄
    • 元件使用與設計
    • 一頁式商店
  • 折扣與購物金
    • 折扣活動設定
    • 折扣排序
    • 優惠碼
    • 購物金
  • 購物流程
  • 數據廣告分析

設定選單目錄 (置頂選單、橫幅選單、側邊選單、置底選單)

建立完所需頁面及色彩計畫後,我們可以開始設立選單囉!

meepShop簡易規劃了版型的置頂選單、橫幅選單、側邊選單、置底選單,您可以開始為您的網站設定目錄,讓顧客可以輕鬆地瀏覽,找到需要的資訊。

置頂選單、橫幅選單、側邊選單、及置底選單(頁腳) 各選單呈現於頁面的位置如下,您可依您商店型態選擇您要的樣式

內容目錄 隱藏
1. 如何更改頁面選單的版型?
2. 置頂選單設定
3. 橫幅選單設定
4. 側邊選單設定
5. 置底選單設定
6. 新增選單列表

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 : 儲存

 

接著可以參考下一篇-選單目錄樣式設計,為您的頁面選單做進一步的設計囉!

 

 

Related Articles
  • 選單目錄樣式設計
  • 色彩計畫
  • 新增分頁
  • 架構規劃
還有其他問題嗎?
立即聯繫客服
manual
(02)2925-8922
service@meepshop.com
週一至週五 10:00-12:00 & 14:00-17:00
新北市永和區中山路一段 311 號 5 樓

Company

關於我們
徵才
服務條款
隱私條款
  • © 2013-2021 meepShop Limited.

 

載入迴響中...