如何使用相关产品(产品详情使用)组件?

浏览数量: 0     作者: 小七     发布时间: 2015-09-09      来源: 本站

【简介】 相关产品组件一般用于产品详情页面,动态读取与该产品同级的其他产品推荐给访客,以滚动产品的形式展示相关产品。
 
【应用场景】 相关产品组件一般放在产品详情页面的产品详情组件下方,系统会动态读取与该产品同级的其他产品展示出来,以滚动产品的形式展示相关产品。通常访客访问某一个产品详情页面时,看完这一条还想看这一类的其它产品做个对比,若要这一类的产品都显示在这一个产品详情页面,我们应该如何做到呢?需要一个一个的产品单独上传吗?不需要,我们直接在产品详情页面添加“相关产品”组件就可以实现。相关产品组件当前是自动取同分类下排除本身产品以外的其他产品,最多取前20个。

【使用方法】 

1、如何添加相关产品组件?

第一步:进入编辑网站后台。

1)     打开浏览器输入 www.7datong.com  到达七达通科技云营销平台首页,点击右上角登录按钮。

七达通科技建站05
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
3)     找到要编辑的网站,点击“编辑网站“按钮,进入网站后台。
七达通科技建站07
 第二步:  把要操作的页面切换为当前页面。 我们要在产品详情页面添加相关产品组件,因为访客通常看完一个产品详情会想要看其他产品。 把鼠标放到“当前页面”四个字眼的右侧区域,弹出下拉菜单, 选择“系统页面”分类下的“产品系统”下的“product detail”(产品详情),单击此页面名称 (不要单击页面名称后面的按钮)即可把此页面切换为当前页面。 

相关产品3

第三步: 把鼠标放到需要添加组件的位置,出现小水滴及一条蓝色的横线并且横线所在区域就是要添加区域,单击这个小水珠,弹出添加组件的页面,找到产品组件中的“相关产品”组件,单击相关产品组件,即可添加。

相关产品4

相关产品5


2、  如何设置相关产品组件?

点击添加相关产品组件后,鼠标放在组件任何地方就会在组件左上方出现如下图所示的按钮,点击第一个设置按钮,可以设置组件的内容和风格。
相关产品6



设置里的内容部分从上往下可以设置组件标题、是否显示左右按钮、能显示的图片数量、产品名称是否一行显示。

相关产品7



是否显示左右按钮:相关产品是否可以左右滚动更换产品图片
能显示的图片数量:在页面上显示的相关产品图片的个数
产品名称单行显示:产品图片下方的名称多于一行时,是一行显示还是两行显示
相关产品8                     相关产品9               相关产品10




设置里的风格部分可以选择相关产品组件展示的两种风格,分别为横向展示和纵向展示。如下图。最后单击保存即可。

相关产品11


以上都设置好以后,单击“保存”,相关产品(产品详情使用)组件就添加成功了,在系统页面的产品详情页面添加了此组件,这属于全局性的设置,所有的具体产品页面都会出现相关产品这一项了哦,不需要在每一条具体的产品页面再加了。

          微信公众号

阿里巴巴国际站

网站建设

知识圈

联系我们
  客服QQ:693557443
   服务顾问:18988788608  ( 微信 )
  邮箱:info@7datong.com
  地址 : 深圳市龙华区恒和国际大厦903室
Copyright © 深圳市七达通科技有限公司 All Rights Reserved 版权      互联网服务粤ICP备16005814号
   - 网站地图