{"id":39348,"date":"2015-01-30T00:23:15","date_gmt":"2015-01-30T05:23:15","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=39348"},"modified":"2016-02-18T05:17:01","modified_gmt":"2016-02-18T10:17:01","slug":"opencart-1-5-x-how-to-manage-product-image-zoom","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-1-5-x-how-to-manage-product-image-zoom.html","title":{"rendered":"OpenCart 1.5.x. How to manage product image zoom"},"content":{"rendered":"<p><br \/>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=X5X-hgZGbm8?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart. How to manage product image zoom<\/a><\/p>\r\n<p>Our Support team is ready to present a new tutorial that will show you how to manage zoom dimensions in OpenCart templates.<\/p>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_1-300x205.png\" alt=\"opencart_how_to_manage_zoom_1\" width=\"300\" height=\"205\" class=\"aligncenter size-medium wp-image-39350\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_1-300x205.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_1-150x102.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_1.png 817w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<ol>\r\n<li>\r\n<p>Connect to your server via FTP or hosting cpanel. Open <strong>catalog\\view\\theme\\themeXXX\\js\\cloud-zoom.1.0.2.js<\/strong> file.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Locate the following part:<\/p>\r\n<pre class=\"brush:js\">\r\n\t$.fn.CloudZoom.defaults = {\r\n        zoomWidth: '270',\r\n        zoomHeight: '424',\r\n        position: 'right',\r\n        tint: false,\r\n        tintOpacity: 0.5,\r\n        lensOpacity: 0.5,\r\n        softFocus: false,\r\n        smoothMove: 3,\r\n        showTitle: false,\r\n        titleOpacity: 0.5,\r\n        adjustX: 4,\r\n        adjustY: -4,\r\n        }; \r\n\t\t<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Change the width and height values, save changes.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Check your site, zoom dimensions have changed.<\/p>\r\n<p>\t <a href=\"\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_2-300x232.png\" alt=\"opencart_how_to_manage_zoom_2\" width=\"300\" height=\"232\" class=\"aligncenter size-medium wp-image-39351\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_2-300x232.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_2-150x116.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2014\/10\/opencart_how_to_manage_zoom_2.png 911w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=X5X-hgZGbm8?width=1280&amp;height=720\" rel=\"prettyPhoto\">OpenCart. How to manage product image zoom<\/a><br \/>\r\n<\/p>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present a new tutorial that will show you how to manage zoom dimensions in OpenCart templates.<\/p>\n","protected":false},"author":56,"featured_media":43405,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[1157,542,1536],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39348"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=39348"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/39348\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/43405"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=39348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=39348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=39348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}