詳細信息
當前位置: 首頁> 詳細信息
Design Lab | 【電(diàn)商系統】如(¥Ω☆rú)何在智能(néng)網站(zhàn)部署電π£(diàn)商功能(néng)?
專欄:Design Lab
發布日(rì)期:2020-02-25
閱讀(dú)量:14848
作(zuò)者:今科(kē)科(kē)技(jì)

本文(wén)将介紹如(rú)何在智能(néng)♣∞€網站(zhàn)開(kāi)啓産品展示、産品導航、産品列表、産品搜索等功能(néng)。
愛(ài)用(yòng)建站(zhàn)智"£ε±能(néng)網站(zhàn)默認部署電(diàn)商系統,同時(shí₹•≈)愛(ài)用(yòng)建站(zhàn)提供多(du≈↓ φō)種電(diàn)商産品應用(yòng)功能(néng)助您快(kuài)​'§δ速上(shàng)線業(yè)務。

Design Lab:PC端
1.PC端登錄
,點擊【智能(néng)網站(zhàn)】-【Design Lab】;

1554118132570014613.png


2.PC端可(kě)添加産品展示、産品詳細、産品導航、商場(chǎng)分(fφ"<ēn)類、産品搜索、搜索內(nèi)容等功能(néng)模塊§ γ♦,下(xià)面以添加産品展示、産品導航、÷&₩β産品搜索功能(néng)為(wèi)例進行(xíπσδαng)介紹;

1554271565524024481.png

1.添加産品展示功能(néng)

(1)點擊【模塊】-【産品】,将【産品展示】模塊拖曳到(dào)布局頁面;

1547025569752048366.png

(2)右鍵單擊【産品展示】模塊,選擇【編輯樣式​☆∑】;1537259544814013472.jpg


(3)在右邊欄的(de)【設置樣式】中,選擇【內(nèi)容】,勾選【圖片大(dà)小(xiǎo)】中的(de)【自(zì)定義】。通(tōng)過調整圖片寬度和(hé)高(gāo)度來Ω"λ'(lái)設置産品圖片大(dà)小(xiǎo);

1537259648100078728.jpg



2.添加産品導航功能(néng)

(1)點擊【模塊-【産品】,将【産品導航】模塊拖到(dào)布局頁面中;

1537257018114022340.jpg

(2)右鍵點擊【産品導航】模塊,點擊【編輯模塊

1537257426865009790.jpg


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

1537257481209008297.jpg

(4)現(xiàn)在鼠标劃過一(yī)級産品分(fēn)類,就✔∏(jiù)可(kě)以顯示二級産品分(fēn)類了(ε×le)。

1537257141512091702.jpg


3.添加産品搜索功能(néng)
(1)點擊【模塊】-【産品】,将【産品搜索】模塊拖到(dào)布局頁面中;

1554342205355069246.png


(2)右鍵點擊【産品搜索】模塊,點擊【編輯模塊】;

1554342182000038844.png


(3)選擇合适的(de)搜索框風(fēng)格;

1554342206045016837.png


(4)在【搜素設置】處可(kě)以設置搜索提示、熱(rè)門(mén)'®±搜索關鍵詞等,最後确定保存即可(kě)。

1554342182507040468.png


(5)單擊【Page:首頁】,選擇【産品搜索】。

1547015471863012166.png


(6)
擊【模塊】-【産品】,将【搜索內(nèi)容】模塊拖進布局網頁。

1547015472577053889.png

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

1547015473482001626.png


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

1547015458217043915.png

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


Design Lab:移動端

1.點擊切換為(wèi)【移動端】,進入移動端設計(jì)後台;

1554194044760043226.png


2.移動端可(kě)添加産品列表、産品類别、産品搜索功能(néng)模塊;

1554271588865084297.png


3.添加産品列表功能(néng);
(1)選擇【模塊】-【産品】,将【産品列表】拉進移動端布局頁面;

1547282494725011714.png

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

1547282516249066142.png


(3)在【常規】中可(kě)以選擇産品列表及模闆™∑↕樣式;

1547282500858005059.png


(4)參數(shù)設置,點擊某參數(shù)在顯示®γσ∞列的(de)“X”,可(kě)變成“”,即顯示;

1547282501454055656.png


(5)在【展示設置】處設置基本參數(shù),最後确定即可(kě) ±;

1547282516890073846.png


4.添加産品類别;
(1)選擇【模塊】-【産品】,将【産品類别】拉進移動‌$端布局頁面;

1547282479314069831.png


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

1547282795038005512.png


(3)在【常規】中可(kě)設置欄目類别≈≥¥信息,最後确定即可(kě);

1547282502049089072.png


5.添加産品搜索功能(néng);

(1)選擇【模塊】,單擊【産品】,将【産品搜索】拉進移動端布局頁面;¥☆‍

1547282479975012808.png

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

1547282779654008586.png


(3)選擇合适的(de)搜索框風(fēng)格;

1547282517485064762.png


(4)在【搜素設置】處可(kě)以設置搜索提示、熱(rè)門(✘☆♦mén)搜索關鍵詞等,最後确定保存即可(kě)。

1547282518056012598.png


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



上(shàng)一(yī)頁:Design Lab | 【電(diàn)商系統】如(rú)何設計(jì)産§✘₩σ品詳情頁面?
下(xià)一(yī)頁:Design Lab | 【導航】如(rú)何添加導航功能(né₩←ng)?

本文(wén)由今科(kē)科(kē)技(jì)用(yòn&​★g)戶上(shàng)傳并發布,今科(kē)科(kē♠ε)技(jì)僅提供信息發布平台。文(wén)章(zhāng)代表π≤♥±作(zuò)者個(gè)人(rén)觀點,不(bù)代表 ‍今科(kē)科(kē)技(jì)立場(chǎng)。未經作(zuò)者許可(₽♣kě),不(bù)得(de)轉載,有(y♥≥↔♥ǒu)涉嫌抄襲的(de)內(nèi)容,請≈☆£Ω(qǐng)通(tōng)過 反饋中心 進行(xíng)舉報(bào)。


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



1998~2025,今科(kē)27年(nián)專注¶‌ 于企業(yè)信息化(huà)服務

立 即 注 冊 / 咨 詢
上(shàng) 線 您 的(de) 網 站(zhàn)