Magento Forum

Mini related size image change… and box content product name in catalog page
 
chiaraweb
Guru
 
Avatar
Total Posts:  721
Joined:  2008-03-21
Aviano ~ Italy
 

Hi all

one sunday on layout pages and css sheets ... but at this point there are 2 helps I need rasberry

I’m not able to change dimensions of related products listed in product page
http://ecobabybusiness.com/public/shop/index.php/pocket/pocket-taglia-unica-acqua.html

in boxes.css I changed this line
.mini-related-items .product-images { width:135px; }

in this group of lines

/* Product Detail sidebar */
.mini-related-items .head h4 { background-image:url(../images/icon_clip.gif); }
.mini-related-items .product-images { width:135px}
.mini-related-items .product-images a { display:blockmargin-left:15px}
.mini-related-items .product-images input { float:leftmargin-right:4pxmargin-left:-6px}
.mini-related-items .product-images .checkbox-container { float:leftwidth:15px}
.mini-related-items .product-details { margin-left:78pxpadding-left5px}
.mini-related-items ol li { padding-left:padding-right:0}
but images dimensions are still the same (70??)

also in the catalog page what css line I must change to put the name of product in one line? I think that I must change the width of a TD ... but I don’t know what!!
take a look to my screenshot attached

Thanks for any help grin

 
Magento Community Magento Community
Magento Community
Magento Community
 
chiaraweb
Guru
 
Avatar
Total Posts:  721
Joined:  2008-03-21
Aviano ~ Italy
 

Found the dimensions of related product images grin

in related.phtml this line

<a href="<?php echo $_item->getProductUrl() ?>"><img src="<?php echo $this->helper('catalog/image')->init($_item, 'thumbnail')->resize(135) ?>" alt="<?php echo $this->htmlEscape($_item->getName()) ?>" width="135" height="135"/></a>
 
Magento Community Magento Community
Magento Community
Magento Community
 
chiaraweb
Guru
 
Avatar
Total Posts:  721
Joined:  2008-03-21
Aviano ~ Italy
 

Found the width of product name link in grid and list view list

in boxes.css

.catalog-listing h5 {
    margin
-bottom:.4em;
    
font-size:1.05em;
    
width:220px;
    
overflow:hidden;
    
}
 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top