Categories

Featured templates

OpenCart 1.5.x. How to manage product image zoom

Carey Burns January 30, 2015
Rating: 5.0/5. From 1 vote.
Please wait...


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

OpenCart Themes
This entry was posted in OpenCart Tutorials and tagged opencart, product, Zoom. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket