product listings jagged display

  • Posts: 42
  • Thank you received: 0
7 years 9 months ago #275330

-- HikaShop version -- : 3.1.1.
-- Joomla version -- : 3.7
-- PHP version -- : 7
-- Browser(s) name and version -- : all
-- Error-message(debug-mod must be tuned on) -- : no errors

Hi,
have read a few others on the forum with problems in product listings. I can not manage to find an answer. As far as I can see there are no Javascript errors, but not sure where I should check this (have put full error reporting on yes and don't see any errors). There are many warnings about css, but can't see errors (in 'developer mode chrome and firefox).
I tried 'height consistency' on and off. No difference.
I ordered the products in a different way, but still the 'gaps' are on the same spot in the page. Maybe coincidence?
Hope you can help, really don't know which other settings to try!
Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 83799
  • Thank you received: 13570
  • MODERATOR
7 years 9 months ago #275358

Hi,

Usually in such case, just forcing the height so that all the elements have a consistent height solves the issue.
So adding such CSS and voilà:
.hikashop_product {
height: 400px;
}
However, on your website all the element already have the same height, so it's normal it doesn't do anything.

That's actually because you've added the code:
.hkc-md-6:nth-child(3n + 0) {
clear: both;
}
in the CSS file templates/joomspirit_107_new/css/custom.css which forces the 6th element of the listing to go to the next line instead of displaying next to the 5th one.

The following user(s) said Thank You: Veli

Please Log in or Create an account to join the conversation.

Time to create page: 0.053 seconds
Powered by Kunena Forum