Missing Random Product Blocks

[TimPenner]

Hey there,

 

For some reason in random places on my product pages, there will be a missing product block... so there ends up being a blank space where a product should be.

 

You can see the problem if you scroll down here:

http://www.kwaysoho.com/en/105-rainwear

 

 

This is Prestasop 1.6.1 and it uses a theme called Milano.

 

Thanks so much!

 

Tim

[MEG Venture]

Hi

 

I see that some of your product names are holding two lines, and that causes some of your product list lines go down.

 

I suggest either to use shorter product names or to use the truncating function on the product listing. Truncation needs some code modification and basically, it shortens the names after some characters. For example, it replaces a product name of "CLAUDE REMIX 1 MENS- BLACK/GREY" to "CLAUDE REMIX 1 MENS..."

[TimPenner]

Hmmm interesting. Is there no other way around this? Any way to just enlarge the container sizes so that the name length doesn't impact how the boxes sit?

[MEG Venture]

No, enlarging is not a solution. The height is not assigned a specific measure as your theme is responsive. The height is changing according to the resolution.

[TimPenner]

That's a shame...

 

So, I've tried to change the truncate value in my product-list.tpl in my themes folder, but it doesn't seem to have any affect on the name lengths.

 

Any advice on that?

 

This is the code I'm trying to change...

 

<div class="right-block">

<h5 itemprop="name">

{if isset($product.pack_quantity) && $product.pack_quantity}{$product.pack_quantity|intval|cat:' x '}{/if}

<a class="product-name" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url" >

{$product.name|truncate:45:'...'|escape:'html':'UTF-8'}

</a>

</h5>

{hook h='displayProductListReviews' product=$product}

<p class="product-desc" itemprop="description">

{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}

</p>

 

Thanks for your advice so far.

[MEG Venture]

It doesn't seem that your changes are in force. Did you disable cache and allow recompiling upon template changes? It is set under backoffice>performance tab.

[TimPenner]

Yeah definitely because if I change other values, the site updates immediately.

[TimPenner]

Sorry! My bad... it was not set to recompile after every change! This has fixed the truncate issue!

 

Ok so that at least fixes the original issue. I just wish there was a way that I didn't have to cut off the product names like that. 

[MEG Venture]

Well, you can try to decrease the font size of product names via CSS, too. 

 

My two cents...

[TimPenner]

I did try that also, but unfortunately that just changes the container size relatively equal between all products (title sizes).

 

This is satisfying the client for now! So I'll make this as solved (sorta). 

 

I appreciate the help! Definitely something I'll dive back into at a later date, but this is great for now. Thanks so much!