线上购物 2. How to change Camera 滑块 dimensions

In this tutorial you will learn how to change 滑块 dimensions in 线上购物 2.x templates (with Camera 滑块).

1. Connect to your server using any FileManager.

2. Open the 应用程序/design/frontend/Templateog体育首页/主题XXX/web/js/主题.js file using any text 编辑器.

   $('.home_滑块').camera({
   高度: '47.8%',
   pagination: false,
   loader: 'none',
   time: 5000,
   transPeriod: 1000,
   fx: 'scrollHorz',
   navigationHover: false,
   playPause: false
   });

3. Locate the 首页 page 滑块 script and change the 高度 价值.

4. In order to determine the correct 高度 %, we can use the following formula: images 高度/images width*100%

   

5. Make changes and re-upload 主题.js file to the server.

   

6. Upload your new images to the 媒体\所见即所得 folder on the server.

7. Reload your site to see the changes.

8. Note that you may need to clean your 线上购物 缓存 to see the changes.

Thank you for taking the time to check this tutorial.

Do you want to see more templates? It’s time to look through our selection of top-quality 线上购物 Themes.

Feel free to check the detailed video tutorial below: