Shopify. 如何管理滑块选项(速度，效果，自动播放)

请随时查看下面的详细视频教程:

本教程展示了如何管理 slider options in Shopify template.

1. Our Shopify templates 包括NivoSlider，这些选项在代码中设置. 您可以检查页面源以便定位 script that initializes slider. Right-click and select "View page code":

   

2. 搜索适当的代码 slider keyword. You should press CTRL+F 以打开搜索字段. 下面是代码的样子:

   

3. Now we should change slider 模板文件中的配置值. 打开admin部分并转到 themes section. Edit files:

   

4. 在本例中，代码定义在 snippet-js-footer.liquid file. 找到适当的代码部分. There you can change slider options:

   

5. There we can change 动画速度，暂停时间 and other options. 我们也可以改变动画效果. 下面是效果列表. 您可以选择其中一个:

   • sliceDown
   • sliceDownLeft
   • sliceUp
   • sliceUpLeft
   • sliceUpDown
   • sliceUpDownLeft
   • fold
   • fade
   • random
   • slideInRight
   • slideInLeft
   • boxRandom
   • boxRain
   • boxRainReverse
   • boxRainGrow
   • boxRainGrowReverse

6. We have changed effect, 动画速度和暂停时间:

   

7. By default, slider 自带自动播放功能. 您可以通过添加以下选项禁用此功能:

   manualAdvance: true,

   

8. 保存更改并检查您的站点.

网站速度优化服务

When it comes to website performance 你需要尽一切可能确保访问者能够尽快访问页面. Website 优化是非常重要的. 你不应该忽视它，尤其是如果你想让你的 website popular. The reason is that website performance 影响访问者的行为. 很简单，一个人用a website 如果他们能快速获取必要的信息. If your website 工作缓慢——人们会找到另一个 website with the same content. Performance 如果你有一个网上商店，这就变得更加重要了. 人们不想等待——他们想要快速访问必要的内容. 你需要保证它是 website designer.

Many website 优化方法是可用的. 然而，优化需要花费一些时间. 你应该检查所有的元素，看看有什么影响 performance the most. 此外，您还需要知道如何正确地优化内容. 您需要知道如何使图像快速加载以及如何使代码更快地工作. 优化可能需要很多时间——这取决于你的项目. 如果你不想处理优化，那么你可以得到我们的 website optimization service. 我们的团队与网上商店和 CMS 我们与WordPress, Joomla, Magento, WooCommerce, Prestashop, OpenCart合作.

整个优化过程非常简单:

• 你要求我们优化你的 website (准备好向我们提供必要的信息)
• We optimize your website
• 您将获得一份详细的报告，显示我们的优化如何影响您的 website performance

That’s it. 你也可以要求我们修改你的 website one more time. 对于那些不想在优化上浪费时间的人来说，这是一个很好的交易. 当然，优化是必不可少的，但你的 website 仍然需要有有用的内容. 因此，你可以想想如何提高你的 website when we optimize it.