- Web templates
- E-commerce Templates
- CMS & Blog Templates
- Facebook Templates
- Website Builders
OpenCart 1.5.x. How to manage product image zoom
January 30, 2015
OpenCart. How to manage product image zoom
Our Support team is ready to present a new tutorial that will show you how to manage zoom dimensions in OpenCart templates.
-
Connect to your server via FTP or hosting cpanel. Open catalog\view\theme\themeXXX\js\cloud-zoom.1.0.2.js file.
-
Locate the following part:
$.fn.CloudZoom.defaults = { zoomWidth: '270', zoomHeight: '424', position: 'right', tint: false, tintOpacity: 0.5, lensOpacity: 0.5, softFocus: false, smoothMove: 3, showTitle: false, titleOpacity: 0.5, adjustX: 4, adjustY: -4, };
-
Change the width and height values, save changes.
-
Check your site, zoom dimensions have changed.
Feel free to check the detailed video tutorial below: