Magento

hi all I am trying to add products to my shop but the grid make some kind of bug looking like this
http://zoo-tattoo.com/temporary-tattoos.html why? What can I do?

Its your css problem. the size of the item is more than the allowable space. Increase the width of “product-grid” and remove the left padding of the “product-grid item”

thank you rave how do I do that? is it the size of the image that is too large how do I remove left padding`?

Open styles.css from you current theme folder, find this line

Change to

You can decrease the width here as well so it can fit 4 in a row. I’m using this config as well.

dets03ab - 27 November 2010 03:24 PM

hi all I am trying to add products to my shop but the grid make some kind of bug looking like this
http://zoo-tattoo.com/temporary-tattoos.html why? What can I do?

Hi,
You can change the width and height of your product image in 2 places 1in css

.products-grid .product-image {
border:1px solid #8D0000;
display:block;
height:100px;
margin:0 0 10px;
width:100px;
}

and 2 one in list.phtml

<a href="<?php echo $_product->getProductUrl() ?>” title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>” class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(100); ?>” width="100" height="100” alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>” /></a>
i have bolded place to change height and width