product overview display

If I have all the products in a category displayed in 3 rows (20 products max) and the products div windows are not the same size (due to longer names etc) the 2nd row will begin after the biggest div in the row above.
So like in my posted screenshot, the 2nd row begins after the 2nd item in row 1, thus having only 1 item in that row instead of 3. I only works right if the divs have the same size or the last (3rd) one is the biggest.

How do I fix that so the 2nd row will always start correct and have also 3 items?

Do you have a link to that page? (to look at the CSS)

It's on a test-server atm so i hope you can reach it at:

i12.go.nl:888/joomla/index.php/webshop/c...73-stroomvoorziening

If not I saved the page in a zip and attached it.

Yep, link worked.

You could do something like adjust:

.hikashop_subcontainer {
padding-bottom: 10px;
padding-top: 10px;
}

Change to something like 5px each.

To see the css on a page, you can use Firefox browser with an addon called Firebug.

Changed that to 5px but no diffence. Still 2nd row only 1 item.
Have now a css for the frontend selected out of your stylepacked: pictureblue
That is on now but it also has the same error in the 2nd row.

Maybe it's some simple we overlook but I'm stuck here....

Hi,

Can you try to add a css property like:

Ok I did put that line " .hikashop_product_column_1{clear:both;} " in the Front-end CSS (custom-file) and it worked perfectly!

THX!

Hi,
I've got the same problem. Could you please help me in identifying into which css file I should add it?
Thank you,

I tried to edit the CSS file via Configuration/Display/CSS/Front-end CSS file, but when I added the line, nothing changed. Sorry, I'm a beginner...
Could you please help me to solve it?
Thank you,

Hi,

HikaShop has changed in 9 months, like the support of Joomla 3 and his different design.
Please provide us some details in order to help us to help you.
Without any link, visual, or any precise information we can't know if you really have the same problem and what is the source of this problem.

So for the moment, with the information we have. I don't think we can help you to solve it.

Regards,

Hi,

it's in the development beginnings... I hope you will be able to access it - roko.synology.me/joomla
Thank you,

Hi,

I don't think the problem in your website but you can have it regarding the CSS rules.
You have a specify an height for your products's boxes so you won't have a too big cell which will break the alignments.

Regards,

Could you please help me where in the CSS file I could set the height?

Thank you

Hi,

You can find here a tutorial on how to customize the display.
It will help you to find the css classes to edit, etc.

www.hikashop.com/support/documentation/1...ize-the-display.html