[SOLVED] homeFeatured module leaves giant space.

[MuskyDough]

Hey guys.

 

I have quite a problem on my page.

My honeFeatured module, which shows my featured products has a giant space underneath it.

It almost seems like it's showing an extra row of <li>'s, even though no content is there.

 

I have previously edited css to get 6 products on each line instead of 4. That did not affect the space.

I have also checked out the code for the <ul><li> generation, and here it is:

 

{assign var='liHeight' value=250}

{assign var='nbItemsPerLine' value=4}

{assign var='nbLi' value=$products|@count}

{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}

{math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}

<ul style="height:{$ulHeight}">

 

I have tried editing the line assigning the var nbItemsPerLine to have a value of 6, but it gave me no result.

 

I've also tried editing the ul style to a height of 250px. Again, no result.

 

My site is Novaline.dk

 

 

Thanks in advance!

[vekia]

any chance to see it live? if so please share url to your store.

it's definitely not default behaviour,

so i have to inspect it first.

[MuskyDough]

its www.novaline.dk

[MuskyDough]

I've also found another post on the same subject, where I should change the value to 3 instead of 4, and go to Preferences > Performance and force the compilation.

 

I did that, still no luck

[vekia]

thank you so much for link

 

somewhere in global css paste this code:

#featured-products_block_center ul {
	height:500px!important;
}

remove also  style="height:{$ulHeight}" from:

<ul style="height:{$ulHeight}">

[MuskyDough]

Thank you, but I dont seem to have any luck.

 

I also tried to set var='nbItemsPerLine' value to different numbers after your fix (3, 4, 6), it doesn't work either

Edited February 6, 2014 by MuskyDough (see edit history)

[MuskyDough]

Scratch that last post, I got it to work.

 

Thank you SO MUCH, you're a lifesaver!

 

Seriously, all of you guys are so cool for taking your time to help us rookies! You rock!

[vekia]

you're welcome

we are here to make merchants life easier

glad to hear that you enjoy your time with prestashop forums

 

 

i checked your website and i can confirm that now there is no huge white gap, but you decreased number of featured products, am i right?

 

[MuskyDough]

Yes, yes I did decrease the number of featured products.

I had the white space after that, but I just had to edit the 500px to 250px. I even think I made it lower, like 190px. I could delete some unwanted stuff on the featured products, and clear the site up a bit in the process, making space for less height if you can say that

 

Oh, and the reason for the fix not working right away is old css code, created to try and edit the height somewhere on the same tag which I created seperately from all other css code.

I found it, removed it, and it works like a charm now

 

Thanks once again!

Edited February 7, 2014 by MuskyDough (see edit history)

[MuskyDough]

PS: Would it perhaps be possible to give it min-height:1px; instead of height:190px; ?