Vote up!
Vote down!

Product View has empty spaces

I am currently building a Drupal Commerce website for a customer of mine, and I am having an issue that I have never seen before.

The product view is pulling in random white space, almost like there is an empty field there, however I cannot find anything from running firebug, as well as going through the view.

If someone would take a look and see if you can figure it out I would be much appreciative.


Asked by: daniel
on April 28, 2013

1 Answer

Vote up!
Vote down!

I think this is a CSS problem (if you add more text to a products's description just before an empty space, the layout will be partially fixed) , you could try using a Grid Layout (View -> Format options), or define a fixed height for every product container, or even add an element after every 3 products with a "clear: left" (more "dirty" solution).

If you check the default demo store from Commerce Kickstart, you can see they user a HTML List format for the "All Products" page, it works for that case because every product widget has certain heights defined.

Answer by: Favio Manriquez
Posted: Apr 28, 2013


This is exactly right, favrik. The node displays in the grid need to have a uniform height set so the floats work properly. I was able to fix this in a quick browser test by setting the height of the shorter div to match that of the longer ones.

- Ryan Szrama on April 29, 2013