News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Equal Heights for Products on "Browse Page"

Started by quadbsys, December 04, 2013, 22:49:36 PM

Previous topic - Next topic

quadbsys

How to make items appear in a perfect grid on what used to be called the "Browse Page" in Virtuemart. Does anyone have any experience with adding an Equal Heights plugin that works properly with VM and allows us to match the heights? I usually end up forcing height via CSS but this is obviously not a great solution to the problem.

This was the only advantage of the table solution but I really don't want to have to use Tables. (PLEASE don't make me use tables! :) ) Anybody have any insight?

jenkinhill

Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

quadbsys

I was really asking just a theoretical question, so I don't really have a specific live site to look at. So, lets just say Joomla! Version 2.5.16, VM Version 2.0.24.c,  PHP Version: 5.4.3. I know how to template, so I would just apply whatever is required if someone could let me know what plugin or options they used and had success with.

There has to be a better way than just putting boxes around it and forcing them with CSS to be a certain height? I would assume it has to be a .js solution, but I haven't had any success getting any to work. They either do nothing, or break the cart or other VM JS (and still don't work)

I have tried these
http://css-tricks.com/equal-height-blocks-in-rows/
https://github.com/mattbanks/jQuery.equalHeights

to no avail. As well as a few others that I can't recall right now.