查看: 1806|回复: 0

页面设置的元素解释

[复制链接]

86

主题

86

帖子

298

积分

超级版主

Rank: 8Rank: 8

积分
298
发表于 2019-8-12 17:44:20 | 显示全部楼层 |阅读模式
本帖最后由 XHY 于 2020-2-21 10:19 编辑

商城店铺装修的每个新建页面都需要用到下方的元素,这里主要讲讲每个元素怎么区分一以及主要功能的设置
一、搜索框与固定搜索框搜索框



(1)搜索框:根据商城的色调,可设计搜索框的背景颜色、输入框颜色、文字颜色、图标颜色、添加提示文字、搜索框样式和文字对齐

(2)固定搜索框
与搜索框最大不同就是,固定在上方的位置,无论怎样滑动页面都固定不变,但是会有一点阻挡底层的元素,所以建议页面首个元素放置如幻灯片这样高度较高的元素,否则遮挡比例太多不好看;还可设置两边的两个按钮,可以添加链接


(3)固定搜索框的左侧可以选择不显示、图标或图案,其中图标可以在本系统内选择,颜色也可设置,还可以选择链接
图案需要自己上传图片
特殊的是,如在首页——LBS定位管理启用了LBS,那么左侧的图标与链接将不能起作用,手机前端将会是定位标志


(3-1)如果没有开启LBS,那这里会是设置的图标或图案,点击是链接里的内容
(3-2)右侧同样设置,不过不受LBS设置的影响,其他设置与搜索框相同
(3-3)下面是搜索框和固定搜索框的前端区别:
左边是搜索框右边是固定搜索框
明显搜索框不遮挡底层元素,固定搜索框遮挡很多


(3-4)滑动首页,搜索框看不到了,固定搜索框依然在


二、公告


(1)公告内容可选择读取商城公告,在后台系统的首页——公告管理,可以添加公告,编辑公告内容,这里的公告会在商城的公告条上显示
选择读取设置只读取多少条


前端


(2)手动填写:手动填写需要自己添加或选择相关的公告链接,选择完成后就会在商城首页显示相关内容


三、商品组


(3)商品组的显示类型,可选普通模式和单行滑动模式,普通模式比单行滑动模式多了列表显示
(3-1)单列显示:


(3-2)双列显示:

(3-3)三列显示:

(3-4)列表显示(可适用于商城的限购模式):

(3-5)其中,分佣佣金、商品名称、商品价格、商品原价、商品销量等可以设置显示与不显示,具体效果可以在设置的时候尝试
商品图标可选择不显示、系统图标、自定义(选择图片)
系统图标有多种,根据商品需求选择,可调节图标


(3-6)选择商品:可以手动选择,即一个一个地选择

(3-7)选择分类,即一类一类地选择,选择分组也同理
(3-8)选择商品类型:根据商品类型选择,可调整显示数量

四、商户组
(4)商户组即对应多商户,与商品的选择一样分为手动选择,选择分类、分组,还有推荐商户
这些属性都根据添加和设置多商户时有关


多商户—入驻中,有很多信息可做参考


五、选项卡
选项卡即当访问页面链接等于选项卡中链接时此选项卡会高亮,即比其他选项卡亮,选项卡多于三个自动滚动


背景颜色和文字颜色在点击(激活)前一般设置比较暗淡;激活背景颜色和激活文字颜色一般比较未激活的亮

六、列表导航(适用会员页面的布局)



七、富文本
可以添加表格视频图片文字链接等等等


八、标题栏
可以添加链接


九、辅助线&辅助空白(调整整个布局间距,看起来美观和舒适)
(9)辅助线:
可以选择线条样式、调节线条高度,一般用于分隔两种元素,看起来有层次分界

(9-1)辅助空白:与辅助线差不多作用


十、按钮组&按钮组2
(10-1)按钮组:一般可用于一些商品分类

按钮形状有正方形圆形圆角等选择;显示形式有单页形式(即按钮多到超过一行限定,会另起一行)、多页滑动显示(即按钮多到超过一行的限定时,向左滑动,只有一行),也可设置每行数量;选择图片、编辑按钮名称、选择连接

(10-2)按钮组2只能选择图标,不能选择图片


十一、单图组&图片轮播&图片橱窗
(11-1)单图组即图片链接,一般做比较吸引人的图片,比如一些购物活动的海报等,点进链接就是想要展示的内容


(11-2)图片轮播:与单图组不同,单图组是一个一个的图都显示在页面,图片轮播则是一个一个的图在一个位置轮播

(11-3)图片橱窗:与上面两种呈现形式又不一样,像橱窗一样都看得到,只不过占页面面积是固定的,不像单图组占篇幅大
有四种布局方式,根据你的审美选择,其中橱窗样式请参照首页魔方,单组最多显示四个,超出隐藏;其余三种则要保持图片大小一致



十二、图片展播

十三、图标组
与按钮组异曲同工


十四、音频播放组

十五、优惠券组







本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表