Homepage Recommended Products - lay out problem

[Optimus_Sam]

Hi Guys,

 

I'm having difficulty with some products in my "recommended products" on my homepage.

 

See this the attachment, you'll know mean

 

Anybody have a fix for this? my webshop is on verwarmingsshop.be

 

Thanks,

 

Optimus Sam

[scorpionsworld]

Hi Guys,

 

I'm having difficulty with some products in my "recommended products" on my homepage.

 

See this the attachment, you'll know mean

 

Anybody have a fix for this? my webshop is on verwarmingsshop.be

 

Thanks,

 

Optimus Sam

Hi Optimus,

 

This is because of the height restriction in the homefeatured css and variable that's calculated in the template.

You can try changing the following:

In /modules/homefeatured/homefeatured.css

#featured-products_block_center li {
margin-right:10px;
padding:10px 0;
width:126px;
height:240px
}

to

#featured-products_block_center li {
margin-right:10px;
padding:10px 0;
width:126px;
height:265px
}

and

#featured-products_block_center .product_desc {height:45px;}

to

#featured-products_block_center .product_desc {height:75px;}

 

In /modules/homefeatured/homefeatured.tpl change

{assign var='liHeight' value=250}

to

{assign var='liHeight' value=275}

 

This will create some more room per product/item and the product description.

 

Succes!

[scorpionsworld]

*GONE*

Edited July 12, 2013 by scorpionsworld (see edit history)

[Christiaan_01]

It might also be an idea to decrease the truncate, the max. number of characters for your title. After that it cuts it short with ...

So for instance: Zwembad warmtepomp maxpump. = 28 characters. If you change the truncate to 20, it will yield 'Zwembad warmtepomp ...'

In this case only two lines will be used, which fits your layout. Succes met de website!

[Optimus_Sam]

@ Christiaan: Where do i change the truncate in BO?

 

Thanks for the help guys

[Christiaan_01]

It's not in the BO. You find it in /public_html/modules/homefeatured and then homefeatured.tpl.

There normally is a truncate for the title name.

Something like this:

<h5 class="product_title">
  <a href="{$product.link}" title="{$product.name[b]|truncate:100:[/b]'...'|escape:'htmlall':'UTF-8'}">
   {$product.name|truncate:100:'...'|escape:'htmlall':'UTF-8'}
  </a>
 </h5>

Edited July 13, 2013 by Christiaan_01 (see edit history)