X-Cart forums

[qualiteam]

This will be a tricky one.

You should set every ".products-grid .product-cell" to "position:relative", and ".products-grid .product-cell .product" to be "position:absolute". But this will collapse the ".product-cell" (as absolutely positioned blocks are taken out of the flow), so now you have to set a fixed width and height for ".product-cell" (and also tweak the nested ".product" blocks to correct their dimensions).

So, basically it is possible without JavaScript, but you will end up with fixed dimensions set for the cells.

[Iggy]

thank you for the reply!

we will do a last css sweep after some other works, and this will help to decide..very appreciated

[Iggy]

hmm i was wondering...perhaps it could be a solution to increase the space between horizontal rows? is that possible? i feel they are barely catching on the hover zoom and a bit more space could fix it