详细信息
当前位置: 首页> 详细信息
Design Lab | 【电商系统】如何在智能网站部署电商功能?
专栏:Design Lab
发布日期:2020-02-25
阅读量:13130
作者:今科科技

本文将介绍如何在智能网站开启产品展示、产品导航、产品列表、产品搜索等功能。
爱用建站智能网站默认部署电商系统,同时爱用建站提供多种电商产品应用功能助您快速上线业务。

Design Lab:PC端
1.PC端登录
,点击【智能网站】-【Design Lab】;

1554118132570014613.png


2.PC端可添加产品展示、产品详细、产品导航、商场分类、产品搜索、搜索内容等功能模块,下面以添加产品展示、产品导航、产品搜索功能为例进行介绍;

1554271565524024481.png

1.添加产品展示功能

(1)点击【模块】-【产品】,将【产品展示】模块拖曳到布局页面;

1547025569752048366.png

(2)右键单击【产品展示】模块,选择【编辑样式】;1537259544814013472.jpg


(3)在右边栏的【设置样式】中,选择【内容】,勾选【图片大小】中的【自定义】。通过调整图片宽度和高度来设置产品图片大小;

1537259648100078728.jpg



2.添加产品导航功能

(1)点击【模块-【产品】,将【产品导航】模块拖到布局页面中;

1537257018114022340.jpg

(2)右键点击【产品导航】模块,点击【编辑模块

1537257426865009790.jpg


(3)设置模块内容,设置完成后点击【确定】;

1537257481209008297.jpg

(4)现在鼠标划过一级产品分类,就可以显示二级产品分类了。

1537257141512091702.jpg


3.添加产品搜索功能
(1)点击【模块】-【产品】,将【产品搜索】模块拖到布局页面中;

1554342205355069246.png


(2)右键点击【产品搜索】模块,点击【编辑模块】;

1554342182000038844.png


(3)选择合适的搜索框风格;

1554342206045016837.png


(4)在【搜素设置】处可以设置搜索提示、热门搜索关键词等,最后确定保存即可。

1554342182507040468.png


(5)单击【Page:首页】,选择【产品搜索】。

1547015471863012166.png


(6)
击【模块】-【产品】,将【搜索内容】模块拖进布局网页。

1547015472577053889.png

(7)右键单击【搜索内容】,选择【编辑模块】。

1547015473482001626.png


(8)可设置模块样式、图片特效、展示参数等。

1547015458217043915.png

(9)设置完毕后,点击页面右上角【保存】。


Design Lab:移动端

1.点击切换为【移动端】,进入移动端设计后台;

1554194044760043226.png


2.移动端可添加产品列表、产品类别、产品搜索功能模块;

1554271588865084297.png


3.添加产品列表功能;
(1)选择【模块】-【产品】,将【产品列表】拉进移动端布局页面;

1547282494725011714.png

(2)右键单击选择【编辑模块】;

1547282516249066142.png


(3)在【常规】中可以选择产品列表及模板样式;

1547282500858005059.png


(4)参数设置,点击某参数在显示列的“X”,可变成“”,即显示;

1547282501454055656.png


(5)在【展示设置】处设置基本参数,最后确定即可;

1547282516890073846.png


4.添加产品类别;
(1)选择【模块】-【产品】,将【产品类别】拉进移动端布局页面;

1547282479314069831.png


(2)右键单击选择【编辑模块】;

1547282795038005512.png


(3)在【常规】中可设置栏目类别信息,最后确定即可;

1547282502049089072.png


5.添加产品搜索功能;

(1)选择【模块】,单击【产品】,将【产品搜索】拉进移动端布局页面;

1547282479975012808.png

(2)右键单击【产品搜索】模块,选择【编辑模块】;

1547282779654008586.png


(3)选择合适的搜索框风格;

1547282517485064762.png


(4)在【搜素设置】处可以设置搜索提示、热门搜索关键词等,最后确定保存即可。

1547282518056012598.png


6.设置完毕后,点击页面右上角【保存】。



上一页:Design Lab | 【电商系统】如何设计产品详情页面?
下一页:Design Lab | 【导航】如何添加导航功能?

本文由今科科技用户上传并发布,今科科技仅提供信息发布平台。文章代表作者个人观点,不代表今科科技立场。未经作者许可,不得转载,有涉嫌抄袭的内容,请通过 反馈中心 进行举报。


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



1998~2024,今科26年专注于企业信息化服务

立 即 注 册 / 咨 询
上 线 您 的 网 站