詳細信息
當前位置: 首頁> 詳細信息
Design Lab | 【電商系統(tǒng)】如何在智能網(wǎng)站部署電商功能?
專欄:Design Lab
發(fā)布日期:2020-02-25
閱讀量:12384
作者:今科科技

本文將介紹如何在智能網(wǎng)站開啟產(chǎn)品展示、產(chǎn)品導航、產(chǎn)品列表、產(chǎn)品搜索等功能。
愛用建站智能網(wǎng)站默認部署電商系統(tǒng),同時愛用建站提供多種電商產(chǎn)品應(yīng)用功能助您快速上線業(yè)務(wù)。

Design Lab:PC端
1.PC端登錄
,點擊【智能網(wǎng)站】-【Design Lab】;

1554118132570014613.png


2.PC端可添加產(chǎn)品展示、產(chǎn)品詳細、產(chǎn)品導航、商場分類、產(chǎn)品搜索、搜索內(nèi)容等功能模塊,下面以添加產(chǎn)品展示、產(chǎn)品導航、產(chǎn)品搜索功能為例進行介紹;

1554271565524024481.png

1.添加產(chǎn)品展示功能

(1)點擊【模塊】-【產(chǎn)品】,將【產(chǎn)品展示】模塊拖曳到布局頁面;

1547025569752048366.png

(2)右鍵單擊【產(chǎn)品展示】模塊,選擇【編輯樣式】;1537259544814013472.jpg


(3)在右邊欄的【設(shè)置樣式】中,選擇【內(nèi)容】,勾選【圖片大小】中的【自定義】。通過調(diào)整圖片寬度和高度來設(shè)置產(chǎn)品圖片大小;

1537259648100078728.jpg



2.添加產(chǎn)品導航功能

(1)點擊【模塊-【產(chǎn)品】,將【產(chǎn)品導航】模塊拖到布局頁面中;

1537257018114022340.jpg

(2)右鍵點擊【產(chǎn)品導航】模塊,點擊【編輯模塊;

1537257426865009790.jpg


(3)設(shè)置模塊內(nèi)容,設(shè)置完成后點擊【確定】;

1537257481209008297.jpg

(4)現(xiàn)在鼠標劃過一級產(chǎn)品分類,就可以顯示二級產(chǎn)品分類了。

1537257141512091702.jpg


3.添加產(chǎn)品搜索功能
(1)點擊【模塊】-【產(chǎn)品】,將【產(chǎn)品搜索】模塊拖到布局頁面中;

1554342205355069246.png


(2)右鍵點擊【產(chǎn)品搜索】模塊,點擊【編輯模塊】;

1554342182000038844.png


(3)選擇合適的搜索框風格;

1554342206045016837.png


(4)在【搜素設(shè)置】處可以設(shè)置搜索提示、熱門搜索關(guān)鍵詞等,最后確定保存即可。

1554342182507040468.png


(5)單擊【Page:首頁】,選擇【產(chǎn)品搜索】。

1547015471863012166.png


(6)
擊【模塊】-【產(chǎn)品】,將【搜索內(nèi)容】模塊拖進布局網(wǎng)頁。

1547015472577053889.png

(7)右鍵單擊【搜索內(nèi)容】,選擇【編輯模塊】。

1547015473482001626.png


(8)可設(shè)置模塊樣式、圖片特效、展示參數(shù)等。

1547015458217043915.png

(9)設(shè)置完畢后,點擊頁面右上角【保存】。


Design Lab:移動端

1.點擊切換為【移動端】,進入移動端設(shè)計后臺;

1554194044760043226.png


2.移動端可添加產(chǎn)品列表、產(chǎn)品類別、產(chǎn)品搜索功能模塊;

1554271588865084297.png


3.添加產(chǎn)品列表功能;
(1)選擇【模塊】-【產(chǎn)品】,將【產(chǎn)品列表】拉進移動端布局頁面;

1547282494725011714.png

(2)右鍵單擊選擇【編輯模塊】;

1547282516249066142.png


(3)在【常規(guī)】中可以選擇產(chǎn)品列表及模板樣式;

1547282500858005059.png


(4)參數(shù)設(shè)置,點擊某參數(shù)在顯示列的“X”,可變成“”,即顯示;

1547282501454055656.png


(5)在【展示設(shè)置】處設(shè)置基本參數(shù),最后確定即可;

1547282516890073846.png


4.添加產(chǎn)品類別;
(1)選擇【模塊】-【產(chǎn)品】,將【產(chǎn)品類別】拉進移動端布局頁面;

1547282479314069831.png


(2)右鍵單擊選擇【編輯模塊】;

1547282795038005512.png


(3)在【常規(guī)】中可設(shè)置欄目類別信息,最后確定即可;

1547282502049089072.png


5.添加產(chǎn)品搜索功能;

(1)選擇【模塊】,單擊【產(chǎn)品】,將【產(chǎn)品搜索】拉進移動端布局頁面;

1547282479975012808.png

(2)右鍵單擊【產(chǎn)品搜索】模塊,選擇【編輯模塊】;

1547282779654008586.png


(3)選擇合適的搜索框風格;

1547282517485064762.png


(4)在【搜素設(shè)置】處可以設(shè)置搜索提示、熱門搜索關(guān)鍵詞等,最后確定保存即可。

1547282518056012598.png


6.設(shè)置完畢后,點擊頁面右上角【保存】。



上一頁:Design Lab | 【電商系統(tǒng)】如何設(shè)計產(chǎn)品詳情頁面?
下一頁:Design Lab | 【導航】如何添加導航功能?

本文由今科科技用戶上傳并發(fā)布,今科科技僅提供信息發(fā)布平臺。文章代表作者個人觀點,不代表今科科技立場。未經(jīng)作者許可,不得轉(zhuǎn)載,有涉嫌抄襲的內(nèi)容,請通過 反饋中心 進行舉報。


售前咨詢:0760-2332 0168  
售后客服:400  830  7686



1998~2024,今科26年專注于企業(yè)信息化服務(wù)

立 即 注 冊 / 咨 詢
上 線 您 的 網(wǎng) 站