线上购物. How to manage 革命 滑块

线上购物. How to manage 革命 滑块

Good news for all on-line store keepers! 这 tutorial will teach you how work with 革命滑块 在您的线上购物商店:

配置您的存储 幻灯片，请浏览 CMS -> Glace 革命滑块 在线上购物管理面板:

点击a 滑块 打开它:

Let us describe major options that 革命滑块 有和如何与他们合作.

下 革命滑块信息 on the left you will see various 选项卡s. We will describe key options of each 选项卡 一个接一个:

General选项卡

1. 标题 滑块 设置在 名字。 场.

2. 下 状态 你可以去哪个地方 启用 or 禁用 幻灯片 simply by picking corresponding option from the 下拉.

3. 在接下来的 你可以去哪个地方 change 延迟 for switching between the slides. 这 value is to be set in milliseconds.

4. 在接下来的 four 场s you may 启用 or 禁用 触摸 选项, 站 徘徊 选项, 洗牌模式 为你的 幻灯片. 以及启用或禁用 停止 滑块 option. Mark 单选按钮 with appropriate value to do it.

5. Select 循环结束后停止 选项，如果你想 滑块 stop changing after the cycle is finished.

6. 如果你想要 滑块 animation to stop on a certain slide, 类型 number of that slide in 停在滑梯处 场.

7. 选择的类型 滑块 在接下来的 滑块 类型 场. Mark 固定 如果你想要 滑块 在…上有一个固定的位置 网页, 响应 如果它必须是响应性的或者 全宽 if you want it to occupy the full 宽度.

8. 下面两个字段 滑块 宽度 和 滑块 高度 allow you to choose custom dimensions 为你的 滑块.

9. Next 场s allow to adjust certain 滑块 宽度 对某些 屏幕宽度. You may fill several 场s at the same time to make your 滑块 look different on various screen resolutions:

   

现在让我们展示如何管理 滑块 图像s 和 their caption under 图片 选项卡.

1. To change certain slide 图像,按 选择文件 按钮:

   

2. 选择 the 图像 that you want instead 的 old one 和 press 选择文件 按钮:

   

3. 拿起 过渡 effect 为你的 slide from the 下拉. There is a small grey square on the left that will help you to imagine how each 过渡 看起来像:

   

4. 在 文本/HTML section you may change your slides caption. 每个文本部分如下 txt-1, txt-2等. has its own css styles which define their appearance at the front end.

5. 集 time in milliseconds for each text part animation to appear 和 stop in 开始 和 停止 场s 和 its position from the 左 和 前 幻灯片的一部分.

6. 在接下来的 two 下拉s choose 动画 影响和 宽松 对于某一张幻灯片. 在那之后 速度 of that slide appearance in milliseconds:

   

7. In case you need to add or delete certain text block from a slide,按 添加文本 or 删除文本 按钮:

   

8. In case you need to add or delete certain 图像 from a slide,按 添加图片 or 删除图片 按钮:

   

位置选项卡

1. To set the desired position 你的 滑块 on the page, pick one of those options in the 页面位置 下拉. 你的 滑块 可以定位在 Center，在… 左 或者在 正确的 一边.

2. It is also possible to set custom values for 利润率 你的 滑块. In our case they are set to 0:

   

外观选项卡

1. From the first 下拉 choose 阴影类型 从可用选项中. 将此值设置为 没有影子 如果你不想要的话.

2. 如果需要，请选择 显示定时器线 你的 滑块 并选择 计时器位置. 两者都可以 前 or 底 在我们的例子中.

3. 集 Background color 的 滑块 并键入值 滑块 填充(边境) 万一你需要它.

4. 还有一个选项 add Background 图像 为你的 滑块. If you want to use this 选项, set it to 是的 和类型 Background 图像URL 在下一个领域:

   

导航选项卡

这 选项卡 反映了你的 滑块 导航 出现在前端.

1. From the first 下拉 you can choose 导航 类型: 子弹 or 拇指. 选择 没有一个 如果你不想要的话.

2. 导航 箭头 可以定位 子弹旁边 or 垂直居中. 选择 没有一个 把它们藏起来.

3. 捡起。 导航 styles to taste from the next 下拉.

4. With the help 的 next two lines you can adjust vertical 和 horizontal 导航 抵消. 以像素为单位输入值.

5. 选择 总是显示 导航 if you want it appeared at the front end all the time. 万一你不挑 No. 在接下来的 隐藏 导航 后 设置行时间 导航 showing duration in milliseconds:

   

有一个选项需要设置 缩略图 宽度, 缩略图 高度 以像素和 缩略图 量 为你的 滑块 in 缩略图 部分:

In 移动的可见性 你可以隐藏的部分 滑块 for devices with screen size smaller than certain 宽度. The value in pixels needs to be inserted in 隐藏 滑块 在宽度 场. 还有一个选项 隐藏 all layers under certain 宽度:

故障排除 选项卡 允许您启用 JQuery无冲突模式 to avoid conflicts with other JS libraries:

后 you have performed all changes,按 保存 幻灯片 button in the top right corner to preserve the changes. In case you need to delete current 幻灯片,按 删除 幻灯片 按钮:

Refresh the front end to see the changes.

就是这样! 现在你知道如何管理了 革命 滑块 在你的线上购物商店里. Please feel free to check the detailed video tutorial below:

线上购物. How to manage 革命 滑块