{"id":76722,"date":"2016-10-12T08:27:42","date_gmt":"2016-10-12T12:27:42","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76722"},"modified":"2017-08-24T05:14:39","modified_gmt":"2017-08-24T09:14:39","slug":"magento-change-thumbnails-sizes","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-change-thumbnails-sizes.html","title":{"rendered":"Magento. how to change thumbnails&#8217; sizes"},"content":{"rendered":"<p>This tutorial will show you how to change thumbnails&#8217; sizes in your <a href=\"https:\/\/www.templatemonster.com\/magento-themes.php\" title=\"Magento store template\" target=\"_blank\">Magento store template<\/a>. <\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/UAdA01hCgGo\"><\/iframe>\r\n<\/div>\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Magento._How_to_change_thumbnails_sizes_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Magento._How_to_change_thumbnails_sizes_1-300x169.jpg\" alt=\"Magento._How_to_change_thumbnails&#039;_sizes_1\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-76723\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento._How_to_change_thumbnails_sizes_1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento._How_to_change_thumbnails_sizes_1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento._How_to_change_thumbnails_sizes_1-768x432.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Magento._How_to_change_thumbnails_sizes_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p class=\"attention\">Before you proceed, please, make sure your <a target=\"_blank\" href=\"\/help\/how-to-clear-magento-cache.html\">Magento cache is refreshed and disabled<\/a>.<\/p>\r\n<ol>\r\n\t\t<li><p>First, log into the <strong>cPanel dashboard<\/strong> or use <strong>FTP<\/strong> connection.<\/p><\/li> \r\n\t\t<li><p>This leads you to the main cPanel area. From here, locate and enter the <strong>File Manager<\/strong>.<\/p><\/li>\r\n\t\t<li><p>Once inside the <strong>File Manager<\/strong>, open your store&#8217;s root folder. Most stores use the main domain, so the root folder would be <strong>public_html<\/strong>. If you are using a subfolder (e.g. example.com\/shop) then you would look for public_html\/shop.<\/p><\/li>\r\n\t\t<li><p>From here, navigate to the <strong>\\app\\design\\frontend\\default\\themeXXX\\template\\ecommerceteam\\cloud-zoom\\catalog\\product\\view\\ <\/strong> folder, where XXXX is your theme number. And edit media.phtml file using cPanel code editor. Approximately on line 111 you will see the following code<\/p>\r\n\t\t<pre>\r\n&lt;img src=\"&lt;?php echo $this-&gt;helper('catalog\/image')-&gt;init($product, 'thumbnail', $_image-&gt;getFile())-&gt;resize(97,149);?&gt;\" alt=\"&lt;?php echo $this-&gt;htmlEscape($_image-&gt;getLabel()) ?&gt;\"\/&gt;<\/pre>\r\n\t\t<\/li>\r\n\t\t<li><p> Edit the resize <strong>(97,149)<\/strong>, and save changes.<\/p><\/li>\r\n\t\t<li><p> Clear browser cache and check the website.<\/p><\/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<a href=\"http:\/\/www.youtube.com\/watch?v=UAdA01hCgGo?width=1280&amp;height=720\" rel=\"prettyPhoto\">Magento. how to change thumbnails&#8217; sizes<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to change thumbnails&#8217; sizes in your Magento store. <\/p>\n","protected":false},"author":57,"featured_media":76724,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[1267,2407,949,2033],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76722"}],"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\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76722"}],"version-history":[{"count":2,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76722\/revisions"}],"predecessor-version":[{"id":82891,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76722\/revisions\/82891"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76724"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}