If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

OpenCart 1.5.x. How to manage product image zoom

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.

opencart_how_to_manage_zoom_1

  1. Connect to your server via FTP or hosting cpanel. Open catalog\view\theme\themeXXX\js\cloud-zoom.1.0.2.js file.

  2. 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,
            }; 
    		
  3. Change the width and height values, save changes.

  4. Check your site, zoom dimensions have changed.

    opencart_how_to_manage_zoom_2

Feel free to check the detailed video tutorial below:

OpenCart. How to manage product image zoom