如何使用滚动产品组件?

浏览数量: 0     作者: 小七     发布时间: 2016-07-20      来源: 本站

滚动产品
 
【组件简介】 滚动产品组件实现若干个带图产品的滚动播放展示,可控制不同终端下可视滚动区域的产品个数、是否自动滚动、滚动箭头的效果等。
 
【应用场景】滚动产品组件一般添加在网站首页上,突出展示部分重点推广产品,添加的产品数量一般在十几个,产品图片和产品名称都带超链接,点击可以进入到具体的产品详情页进一步了解详细信息。

【使用方法】

1、如何添加滚动产品组件?

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

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

七达通科技建站05
2)     在白色框内输入账号和密码,点击登录。
七达通科技建站06
3)     找到要编辑的网站,点击“编辑网站“按钮,进入网站后台。
七达通科技建站07

第二步:把要操作的页面切换为当前页面。把鼠标放到“当前页面”四个字眼的右侧区域,弹出下拉菜单,在自定义页面或系统页面中找到相关页面,单击此页面名称(不要单击页面名称后面的按钮),即可切换为当前页面。
 
把某页面切换为当前页面

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

添加滚动产品组件


2、如何设置滚动产品组件?

 

情况1:接着上面的操作,在弹出的”设置滚动产品“窗口,可以设置滚动产品组件的内容和风格。
 
情况2:滚动产品组件已经添加好了,可以通过以下步骤进入此组件的设置项中:把鼠标放到询价按钮组件区域,左上角出现组件名称,把鼠标移到“滚动产品”四个字右侧的第一个按钮处即“设置”,单击它即可进入设置项中:
在弹出的设置滚动产品窗口,可以设置此组件的内容和风格。
设置滚动产品组件
内容:
组件标题:在此可以输入这个组件的标题;
选择列表的产品数据:在此可以选择展示在这个位置的产品,请注意:如果选择的产品数量过少,不满一行,是滚动不起来的哦;
“更多”链接:单击小链子形状的按钮,可以设置一个超链接,比如在这里只是展示了部分产品,想设置一个超链接可以链接到产品列表总页面,就可以做这个设置;

设置滚动产品--内容

高级:
图片间距:在这里可以设置图片与图片之间的间距;
响应式变化下不同设备的显示图片数:在这里可以自定义不同设备下一行展示的图片数量,也可以选择“自适应”;

设置滚动产品--高级           

风格:
展示样式:目前有单线滚动、循环滚动、无缝滚动三种展示样式,具体的区别,可以自己分别选择试一下很快就会明白了;
是否默认滚动:可以设置默认滚动或不滚动,没有修改之前,都是默认不滚动;
是否显示左右按钮:左右按钮可以设置显示或隐藏;
选择按钮样式:可以设置左右按钮的显示样式;
是否显示图片分页:若图片数量超过一行时,可以在这里设置是否显示图片分页;
选择分页样式:在这里可以选择分页的样式。

设置滚动产品--风格
所有的都设置好以后,需要单击“保存”做的修改才会生效哦。

          微信公众号

阿里巴巴国际站

网站建设

知识圈

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