Product image has a zoom feature when the cursor hovers over it. In order to change the zoomed image size, you need to follow the steps below:<\/p>\r\n
- \r\n
- Log into your PrestaShop admin panel.<\/li>\r\n
- Navigate to Preferences -> Images<\/strong>:
![\"PrestaShop](\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-manage-product-images-zoom_1-300x168.jpg\")
<\/a><\/li>\r\n- Change the size of thickbox_default<\/strong> and tm_thickbox_default<\/strong> image types:
![\"PrestaShop](\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-manage-product-images-zoom_2-300x168.jpg\")
<\/a><\/li>\r\n- Once you have added new width and height sizes, click Save<\/strong> button:
![\"PrestaShop](\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-manage-product-images-zoom_3-300x168.jpg\")
<\/a><\/li>\r\n- Also, you need to scroll down the same page and Regenerate Images<\/strong>:\r\n
- \r\n
- Select Products<\/strong> images, they should be regenerated:
![\"PrestaShop](\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-manage-product-images-zoom_4-300x168.jpg\")
<\/a><\/li>\r\n- In Erase previous images<\/strong> field select – YES<\/strong>.<\/li>\r\n
- Click Regenerate thumbnails<\/strong> button:
![\"PrestaShop](\"\/help\/wp-content\/uploads\/2014\/10\/PrestaShop-1.6.x.-How-to-manage-product-images-zoom_5-300x168.jpg\")
<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n- Use FTP or Cpanel and navigate to themes\/themeXXX\/js\/product.js<\/strong> file, where “XXX” means the number of the theme you have purchased.<\/li>\r\n
- Chose the Edit file<\/strong> option and look for the coding:\r\n
if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)\r\n{\r\n$('.jqzoom').jqzoom({\r\nzoomType: 'innerzoom', \/\/innerzoom\/standard\/reverse\/drag\r\nzoomWidth: 458, \/\/zooming div default width(default width value is 200)\r\nzoomHeight: 458, \/\/zooming div default width(default height value is 200)\r\nxOffset: 21, \/\/zooming div default offset(default offset value is 10)\r\nyOffset: 0,\r\ntitle: false\r\n});\r\n}<\/pre>\r\nYou need to edit zoomWidth<\/strong> and zoomHeight<\/strong> options values.<\/p>\r\n
Let’s change 458 to 558 and save changes.<\/li>\r\n
- Clear PrestaShop cache and refresh the products page to see the changes.<\/li>\r\n
- \r\n
Note that you should keep the aspect ratio between the large_default and thickbox_default images sizes.<\/p>\r\n<\/li>\r\n<\/ol>\r\n
Feel free to check the detailed video tutorial below:<\/p>\r\n
- In Erase previous images<\/strong> field select – YES<\/strong>.<\/li>\r\n
- Change the size of thickbox_default<\/strong> and tm_thickbox_default<\/strong> image types: