products list. 3 columns. make prods equal height

Author	« Topic »
Bird on the Hand New Member 92 Posts	Posted - 10/10/2023 : 04:55:11 Using Def prod layouts Prod layout 1 Detail layout 1 quick buy layout 1 cat page columns 2 prod page columns 3 Is there a way to force products (and categories - not so important) to display at equal heights in each row? We need to standardise prod image size but even after that the description might vary and display of review stars may be present or not to throw off our attempts to equalise them. regards Andrew
Vince Administrator 42750 Posts	Posted - 10/11/2023 : 02:02:15 Hi Andrew How about in the WordPress admin -> Customizer -> Additional CSS set a minimum height with something like... div.product{ min-height:150px; } Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
Bird on the Hand New Member 92 Posts	Posted - 10/11/2023 : 02:16:04 Hi Vince Thanks but that doesn't fix the problem. It just gives more white space at the bottom. Tops of prod images all line up and to look neat it needs the "Details" "Quick Buy" buttons to line up on each row. Currently the just take their position as x pixels below price Any other ideas
Vince Administrator 42750 Posts	Posted - 10/11/2023 : 09:11:41 Hi there I'm sorry it doesn't help bit I think the way to do this then is using "CSS flex" for the product layouts. There is a layout that uses this but you will need the latest copy of the ECT Widgets... https://www.ecommercetemplates.com/free_downloads.asp#wordpress Then set the WP Admin -> Customizer -> ECT Theme settings -> Product page layout to the 4th layout style. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
Bird on the Hand New Member 92 Posts	Posted - 10/11/2023 : 12:59:22 Hi Vince I've applied that update to the plugin. It gives the same result https://www.birdonthehand.co.uk/products?cat=One+to+One+Sessions%2C+Parties%2C+Events I have this category displaying as I would like but that is by equalising things manually with the images and text and making sure they all have a review. https://www.birdonthehand.co.uk/products?cat=Falconry+Experience+Sessions Any more ideas?
Vince Administrator 42750 Posts	Posted - 10/11/2023 : 14:50:36 Did you do this bit? quote: Then set the WP Admin -> Customizer -> ECT Theme settings -> Product page layout to the 4th layout style. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
Bird on the Hand New Member 92 Posts	Posted - 10/11/2023 : 14:58:13 Yes I did. it had the same problem and it only had the quick buy button. I wanted a layout with the details and quick buy button. I then tried pretty much all permutations of the options none of them apart from the layout that had no description were kept in line.
dbdave ECT Moderator USA 10406 Posts	Posted - 10/11/2023 : 17:12:52 My thoughts on this... With many product options, I prefer to send them to the detail page, so that might allow you to remove the descriptions to get a better layout. However, if you want to keep all of that you have now, what I would do is locate the tallest image and set the outer (image) div to that height and then do the same for your descriptions. Find the longest one, and set that (description) div to that height. You will end up with a bit of white space on products with a short image and product description, but all of the detail and quick buy buttons will be in line and the layout will look better. David Edited by - dbdave on 10/11/2023 17:13:14
	« Topic »