Sage主題使用文檔
依賴(lài)插件
Sage主題基于WooCommerce插件開(kāi)發(fā)，使用主題前需要先安裝啟用WooCommerce插件。
頁(yè)頭設(shè)置
LOGO設(shè)置：主題設(shè)置>常規(guī)設(shè)置>LOGO設(shè)置
右上角菜單：外觀>菜單；菜單位置選擇頁(yè)頭右邊菜單
搜索、文案：主題設(shè)置>常規(guī)設(shè)置>頁(yè)頭設(shè)置
商品分類(lèi)菜單：外觀>菜單；菜單位置選擇商品分類(lèi)
主菜單：外觀>菜單；菜單位置選擇導(dǎo)航菜單
高級(jí)菜單
Sage主題首次加入了我們開(kāi)發(fā)的高級(jí)菜單功能，類(lèi)似國(guó)外很多主題里面的Mega Menu功能，不過(guò)他們的操作、實(shí)現(xiàn)方式太過(guò)于復(fù)雜，為了使添加操作更簡(jiǎn)單便捷，我們對(duì)默認(rèn)菜單功能僅做了簡(jiǎn)單優(yōu)化即可實(shí)現(xiàn)此功能。
設(shè)置方式
在菜單的編輯頁(yè)面，點(diǎn)開(kāi)菜單選項(xiàng)，可以為菜單上傳添加圖片，如圖所示：
上圖中的下拉菜單風(fēng)格是重點(diǎn)，通過(guò)選擇下拉菜單的風(fēng)格即可實(shí)現(xiàn)不同的展示效果。要注意的是，下拉菜單風(fēng)格僅對(duì)一級(jí)菜單選項(xiàng)設(shè)置有效，設(shè)置后會(huì)影響到鼠標(biāo)移動(dòng)到當(dāng)前鏈接后下拉菜單的展示效果。
默認(rèn)風(fēng)格：默認(rèn)的下拉菜單樣式
高級(jí)菜單/圖文：可通過(guò)二級(jí)菜單分欄顯示，每個(gè)二級(jí)菜單會(huì)是一欄，每一欄會(huì)顯示當(dāng)前二級(jí)菜單下面的三級(jí)菜單，選擇圖文（圖左標(biāo)題右和圖上標(biāo)題下）的區(qū)別主要在于圖片顯示樣式上。如不想顯示二級(jí)菜單的標(biāo)題，可將二級(jí)菜單的標(biāo)題設(shè)置為0。具體效果可以參考演示站的商品分類(lèi)菜單。
首頁(yè)設(shè)置
首頁(yè)是采用我們的可視化編輯器工具自定義制作的，如果導(dǎo)入了演示數(shù)據(jù)的話可以直接進(jìn)入可視化編輯器里面編輯模塊，也可以自己添加模塊制作，具體方法可以參考：http://www.air-home.cn/docs/themer/visual-editor.html
用戶中心
商城涉及到注冊(cè)、登錄、帳號(hào)設(shè)置等頁(yè)面是基于主題用戶中心實(shí)現(xiàn)的，WooCommerce插件自帶的我的賬戶頁(yè)面需要替換成主題的帳號(hào)設(shè)置頁(yè)面，以保證前端用戶中心功能的統(tǒng)一性，避免重復(fù)（即WooCommerce插件里我的賬戶和主題用戶中心帳號(hào)設(shè)置選擇同一個(gè)頁(yè)面，頁(yè)面的短代碼需要改成主題用戶中心的短代碼），具體可以參考主題用戶中心文檔：http://www.air-home.cn/docs/themer/member.html。
產(chǎn)品添加
產(chǎn)品統(tǒng)一在后臺(tái)產(chǎn)品里面添加，如圖：
進(jìn)入產(chǎn)品新增頁(yè)面，標(biāo)題、內(nèi)容這些和普通文章添加差不多，主要是產(chǎn)品屬性、圖片等設(shè)置。如下圖，右邊產(chǎn)品圖片是用于產(chǎn)品列表封面圖/縮略圖顯示，產(chǎn)品相冊(cè)會(huì)在產(chǎn)品詳情頁(yè)左上方展示，產(chǎn)品簡(jiǎn)短描述會(huì)顯示在產(chǎn)品詳情頁(yè)標(biāo)題下方。
產(chǎn)品屬性、變量
產(chǎn)品屬性我們可以理解成產(chǎn)品的參數(shù)，可以在編輯器下方產(chǎn)品數(shù)據(jù)里面的屬性欄里面添加，添加后會(huì)在產(chǎn)品詳情頁(yè)其他信息欄里面顯示。
對(duì)于常用的屬性，例如品牌、顏色等，可以在產(chǎn)品>屬性里面添加好，然后添加產(chǎn)品屬性的時(shí)候可以直接選擇。
可變產(chǎn)品
可變產(chǎn)品可以將某些屬性設(shè)置為變量，例如衣服的尺寸、顏色，這樣在購(gòu)買(mǎi)商品的時(shí)候可以選擇，并且根據(jù)不同選項(xiàng)給出對(duì)應(yīng)的價(jià)格。
設(shè)置方法
先添加好屬性，勾選為用于變量，添加好屬性以后保存。
再進(jìn)入變量選項(xiàng)，添加邊欄，并設(shè)置每組變量的產(chǎn)品信息，比如價(jià)格、圖片。
產(chǎn)品多重篩選
Sage主題2.0版本開(kāi)始支持產(chǎn)品多重篩選功能。
添加邊欄位置
首先進(jìn)入主題設(shè)置>邊欄設(shè)置，添加一個(gè)邊欄，ID固定填寫(xiě)woo-filter，標(biāo)題可以設(shè)置為產(chǎn)品篩選，然后保存主題設(shè)置，如圖：
添加小工具
進(jìn)入外觀>小工具，可以看到剛剛添加的產(chǎn)品篩選邊欄位置，然后可以根據(jù)自己需要添加小工具到產(chǎn)品篩選里面，不過(guò)既然我們?cè)O(shè)置的是多重篩選，那么肯定是只添加和篩選相關(guān)的小工具，這里簡(jiǎn)單介紹下可以用的小工具：
- #按分類(lèi)篩選：主要用于顯示產(chǎn)品分類(lèi)；
- 按屬性篩選產(chǎn)品：屬性設(shè)置可以參考上面
產(chǎn)品屬性、變量部分，這里可以調(diào)用已設(shè)置好的屬性來(lái)篩選； - 按價(jià)格篩選產(chǎn)品：按照價(jià)格區(qū)間篩選；
- 按評(píng)分篩選產(chǎn)品：按照產(chǎn)品顧客評(píng)分來(lái)篩選；
- 啟用產(chǎn)品過(guò)濾器：顯示已經(jīng)選中的篩選條件；
通過(guò)組合這些可用的小工具，即可設(shè)置出一個(gè)自己的產(chǎn)品篩選工具，如圖：
