Product listing height CSS

  • Posts: 97
  • Thank you received: 1
  • Hikashop Essential
7 years 5 months ago #272438

-- url of the page with the problem -- : fireworksland.com/stores/shirts
-- HikaShop version -- : 3.1.1
-- Joomla version -- : 3.7.2
-- PHP version -- : 5.6.30
-- Browser(s) name and version -- : IPad Safari, Chrome, Firefox
-- Error-message(debug-mod must be tuned on) -- : No error message

I turned off "Height Consistency" in the listings, to eliminate the extra white space below the Options button (see the first screen shot). Turning off Height consistency did eliminate the extra white space, but it also causes uneven rows, and some rows have only one product (see the second screen shot).

Can you suggest some CSS that I can add, to keep all product listings the same height? I can experiment with different numbers; I just need to know which CSS parameter it would be.

Thank you

Attachments:

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

  • Posts: 26159
  • Thank you received: 4028
  • MODERATOR
7 years 5 months ago #272444

Hello,

The goal of the "height consistency" is to set the same height for all elements in a listing so you would not have display issue like your second screenshot.
If your tiles are too much height, it means that you have a product in that listing with a bigger image than the others.
The script read the height of all products in the listing and take the bigger to apply the same values to all others.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

  • Posts: 97
  • Thank you received: 1
  • Hikashop Essential
7 years 5 months ago #272523

Thank you.

Is there some CSS I can add, which will force all product DIVs to have the same height, such as for example 250 px height?

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

  • Posts: 82906
  • Thank you received: 13378
  • MODERATOR
7 years 5 months ago #272524

Hi,

You can force the height like that:
.hikashop_subcontainer {
height: 200px!important;
}

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

Time to create page: 0.061 seconds
Powered by Kunena Forum