online copy

By default the image sizes are set to 85px by 85px for product listing. Follow the steps below to change the size of your images.

Step 1 – Modify CSS

  1. Go to /public_html/YOURDOMAIN/skin/frontend/default/YOURTHEME/css/widgets.css
  2. In the widget.css add the following class and set the width and height of image shown here in red to whatever you want:
    .widget-new-products .products-grid .product-image img { width:185px; height:185px; }

Step 2 – Modify Widget

    Edit either the new_list or new_grid depending on the widget you used for the product display. Change the resize, width and height dimensions.
  • /public_html/YOURDOMAIN/app/design/frontend/base/default/template/
  • /YOURDOMAIN/app/design/frontend/base/default/template/

In the widget, change the parts highlighted in red:

<li class=”item<?php if(($i-1)%$_columnCount==0): ?> first<?php elseif($i%$_columnCount==0): ?> last<?php endif; ?>”>
<a href=”<?php echo $_product->getProductUrl() ?>” title=”<?php echo $this->stripTags($_product->getName(), null, true) ?>” class=”product-image”><img src=”<?php echo $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize(185) ?>” width=”185” height=”185” alt=”<?php echo $this->stripTags($_product->getName(), null, true) ?>” /></a>
<h3 class=”product-name”><a href=”<?php echo $_product->getProductUrl() ?>” title=”<?php echo $this->stripTags($_product->getName(), null, true) ?>)”><?php echo $this->helper(‘catalog/output’)->productAttribute($_product, $_product->getName() , ‘name’) ?></a></h3>
<?php echo $this->getReviewsSummaryHtml($_product, ‘short’) ?>
<?php echo $this->getPriceHtml($_product, true, ‘-widget-new-grid’) ?>
<div class=”actions”>