{"id":30244,"date":"2015-04-03T07:52:01","date_gmt":"2015-04-03T11:52:01","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=30244"},"modified":"2017-08-24T06:02:40","modified_gmt":"2017-08-24T10:02:40","slug":"magento-how-to-manage-cloud-zoom-module","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-how-to-manage-cloud-zoom-module.html","title":{"rendered":"Magento. How to manage &#8220;Cloud Zoom&#8221; module"},"content":{"rendered":"<p><\/p>\r\n<p>This  tutorial is going to show you how to manage a &#8220;Cloud Zoom&#8221; module on your Magento  template. <\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=DZyf-t_lMBg?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to manage &#8220;Cloud Zoom&#8221; module<\/a><\/p>\r\n<ol>\r\n<li>To enable the module, go to <strong>System -&gt; Configuration<\/strong>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_1-181x300.jpg\" alt=\"\" title=\"magento_zoom_cloud_module_managing_1\" width=\"181\" height=\"300\" class=\"alignnone size-medium wp-image-30245\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_1-181x300.jpg 181w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_1-90x150.jpg 90w\" sizes=\"(max-width: 181px) 100vw, 181px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>Then go to  <strong>Manage  -&gt; Advanced -&gt; Disable Modules Output -&gt; EcommerceTeam_CloudZoom -&gt;  Enable. <\/strong>Click<strong> Save Config<\/strong>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_2-300x127.jpg\" alt=\"\" title=\"magento_zoom_cloud_module_managing_2\" width=\"300\" height=\"127\" class=\"alignnone size-medium wp-image-30246\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_2-300x127.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_2-150x63.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_2.jpg 998w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>Go to <strong>System -&gt; Configuration -&gt;Catalog<\/strong>\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_3-127x300.jpg\" alt=\"\" title=\"magento_zoom_cloud_module_managing_3\" width=\"127\" height=\"300\" class=\"alignnone size-medium wp-image-30247\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_3-127x300.jpg 127w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_3-63x150.jpg 63w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_3.jpg 207w\" sizes=\"(max-width: 127px) 100vw, 127px\" \/><\/a><\/p>\r\n<\/li>\r\n<li>On the next page under &lsquo;Cloud Image  Zoom&rsquo;  you will find a list of options to  configure the module. Let&rsquo;s take a closer look at them:\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_4-300x156.jpg\" alt=\"\" title=\"magento_zoom_cloud_module_managing_4\" width=\"300\" height=\"156\" class=\"alignnone size-medium wp-image-30248\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_4-300x156.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_4-150x78.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_4.jpg 794w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<ul>\r\n<li><strong>Enable Cloud Zoom<\/strong> \u2013 when &lsquo;yes&rsquo; is selected, the  option enables the Cloud Zoom in your product images<\/li>\r\n<li><strong>Position<\/strong> \u2013 allows to change the Cloud Zoom position on  the product images to one of the following: right, left top bottom inside; <\/li>\r\n<li><strong>Show Title<\/strong> \u2013 allows the product title to  appear at the top of the image when you mouse over the Cloud Zoom;<\/li>\r\n<li><strong>Title Opacity %<\/strong> &#8211; (for inastance, set to 50) allows to change  the opacity of the string at the top of the product image which shows the  product title;<\/li>\r\n<li><strong>Lens Opacity %<\/strong> (for  inastance, set to 50) allows to change the opacity of the lens;<\/li>\r\n<li><strong>Zoom Width<\/strong> (Leave  empty for auto) allows you to manually change the zoom width;<\/li>\r\n<li><strong>Zoom Height<\/strong> (Leave  empty for auto) allows you to manually change the zoom height;<\/li>\r\n<li><strong>Big Image Width<\/strong> (e.g. 560) allows you to  automatically change the width of the enlarged image;<\/li>\r\n<li><strong>Big Image Heigh<\/strong> (e.g. 800) allows you to  automatically change the height of the enlarged image;<\/li>\r\n<li><strong>Tint Color<\/strong> (e.g. #aa00aa or leave empty to  disable) allows you to specify the tint color for the Cloud Zoom;<\/li>\r\n<li><strong>Tint Opacity %<\/strong> (e.g. 50) allows you to change the  tint opacity for the Cloud Zoom.<\/li>\r\n<\/ul>\r\n<li>\r\n<p>Click <strong>&lsquo;Save Config&rsquo;<\/strong> at the top right when you are done.<\/p>\r\n<\/li>\r\n<li>Open any of the product pages to see  the changes applied.\r\n<p><a href=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_5-300x153.jpg\" alt=\"\" title=\"magento_zoom_cloud_module_managing_5\" width=\"300\" height=\"153\" class=\"alignnone size-medium wp-image-30249\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_5-300x153.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_5-150x76.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2013\/08\/magento_zoom_cloud_module_managing_5.jpg 725w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<\/li>\r\n<\/ol>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-2-(835-x100).jpg\"\/>\r\n<\/a>\r\n<\/div>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=DZyf-t_lMBg?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. How to manage &#8220;Cloud Zoom&#8221; module<\/a><\/p>\r\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>This  tutorial is going to show you how to manage a &#8220;Cloud Zoom&#8221; module on your Magento  template.<\/p>\n","protected":false},"author":30,"featured_media":30252,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[889,2407,793,557,791,1536],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/30244"}],"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\/30"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=30244"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/30244\/revisions"}],"predecessor-version":[{"id":83000,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/30244\/revisions\/83000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/30252"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=30244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=30244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=30244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}