阿里巴巴国际站

如何使用相关产品（产品详情使用）组件？

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

【简介】相关产品组件一般用于产品详情页面，动态读取与该产品同级的其他产品推荐给访客，以滚动产品的形式展示相关产品。

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

【使用方法】

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

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

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

七达通科技建站05

2) 在白色框内输入账号和密码，点击登录。
七达通科技建站06

3) 找到要编辑的网站，点击“编辑网站“按钮，进入网站后台。
七达通科技建站07

第二步：把要操作的页面切换为当前页面。我们要在产品详情页面添加相关产品组件，因为访客通常看完一个产品详情会想要看其他产品。把鼠标放到“当前页面”四个字眼的右侧区域，弹出下拉菜单，选择“系统页面”分类下的“产品系统”下的“product detail”（产品详情），单击此页面名称（不要单击页面名称后面的按钮）即可把此页面切换为当前页面。

相关产品3

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

相关产品4

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

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

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

相关产品7

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

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

相关产品11

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

阿里巴巴国际站

如何使用相关产品（产品详情使用）组件？

阿里巴巴国际站

网站建设

知识圈