title: Magento - How to Resize Product Thumbnails
body: <p>I am using a Magento extension to control my color swatches. This module also controls catalog list thumbnails. I have experience using resize, but it doesn't seem to be working at the moment.</p>
  
  <p>In developer mode, I have enabled Template Path Hints and it tells me that it's in frontend/.../default/template/catalog/product/list.phtml (typical directory)</p>
  
  <p>Issue: Before clicking, the images default at the correct size. But when I click the thumbnails, they resize to 135x135(skewed, and lower res).</p>
  
  <p>my products-grid in list.phtml:</p>
  
  <pre><code>    &lt;ul class="products-grid"&gt;
      &lt;?php endif ?&gt;
          &lt;li class="item&lt;?php if(($i-1)%$_columnCount==0): ?&gt; first&lt;?php elseif($i%$_columnCount==0): ?&gt; last&lt;?php endif; ?&gt;"&gt;
              &lt;a href="&lt;?php echo $_product-&gt;getProductUrl() ?&gt;" title="&lt;?php echo $this-&gt;stripTags($this-&gt;getImageLabel($_product, 'small_image'), null, true) ?&gt;" class="product-image"&gt;&lt;img id="&lt;?php echo $_product-&gt;getId();?&gt;" src="&lt;?php echo $this-&gt;helper('catalog/image')-&gt;init($_product, 'small_image')-&gt;resize(146,196); ?&gt;" width="146" height="196" alt="&lt;?php echo $this-&gt;stripTags($this-&gt;getImageLabel($_product, 'small_image'), null, true) ?&gt;" /&gt;&lt;/a&gt;
              &lt;h2 class="product-name"&gt;&lt;a href="&lt;?php echo $_product-&gt;getProductUrl() ?&gt;" title="&lt;?php echo $this-&gt;stripTags($_product-&gt;getName(), null, true) ?&gt;"&gt;&lt;?php echo $_helper-&gt;productAttribute($_product, $_product-&gt;getName(), 'name') ?&gt;&lt;/a&gt;&lt;/h2&gt;
              &lt;?php echo $this-&gt;getLayout()-&gt;createBlock("colorselectorplus/listswatch")-&gt;setTemplate("colorselectorplus/listswatches.phtml")-&gt;setData('product', $_product)-&gt;toHtml(); ?&gt;
              &lt;?php if($_product-&gt;getRatingSummary()): ?&gt;
              &lt;?php echo $this-&gt;getReviewsSummaryHtml($_product, 'short') ?&gt;
              &lt;?php endif; ?&gt;
              &lt;?php echo $this-&gt;getPriceHtml($_product, true) ?&gt;
  
          &lt;/li&gt;
      &lt;?php if ($i%$_columnCount==0 || $i==$_collectionSize): ?&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>If I am correct, this should be controlled by</p>
  
  <pre><code>    resize(146,196)
  </code></pre>
  
  <p>Is it possible that onclick the images are loaded by a different phtml?</p>
  
  <p>Thanks! Let me know if you need a URL. (we're not live yet)
  <img src="https://i.stack.imgur.com/bMR6P.png" alt="enter image description here">
  <br />
  <img src="https://i.stack.imgur.com/xQuF7.png" alt="enter image description here"></p>
  
  <p>I have contacted the author, and read the FAQ. I have yet to hear a response.</p>