virtuemart image height in category

Fashion and clothing responsive Joomla ecommerce template with full VirtueMart support and advanced store features.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Tue Feb 11, 2014 4:54 pm
Reply with quote
Report this post
Hi,

how can I make al images the same height (responsive) in the category list?
And why isn't that already in al templates?

Best regards
User avatar
Senior Boarder

GK User
Tue Feb 11, 2014 8:28 pm
Reply with quote
Report this post
Size of VM images is not something that we can set inside our template.
You can on VM forum if there is a particular setting that allows to crop images so they always will have same width&height, but you must know it will do it automatically and you will have no control over it.
The images are responsive - responsive usually means to fit the width and work with width of the element (image) when site width change, and this works fine in the template.
User avatar
Moderator

GK User
Tue Feb 11, 2014 9:19 pm
Reply with quote
Report this post
So the beste way is to use always one kind of image style (landscape or portrait) and not together on one site.
But GavickPro templates, there are the row's the same height. But how can I line-out the text at the bottom of the row in the spacer.
And how can I line-out at the bottom the button and the price at the bottom
User avatar
Senior Boarder

GK User
Tue Feb 11, 2014 9:28 pm
Reply with quote
Report this post
If you would only like to line up descriptions, please post an url to your site, I'll check how it looks and try to find working override forcing text to lineup.
I would also suggest always to use same size of images (you can for example create squares from portrait and landscape photos by adding white space on top&bottom or right&left of the image ).
User avatar
Moderator

GK User
Tue Feb 11, 2014 9:35 pm
Reply with quote
Report this post
User avatar
Senior Boarder

GK User
Wed Feb 12, 2014 8:54 am
Reply with quote
Report this post
Please edit: /templates/gk_shop_and_buy/css/override.css and add at its end:
Code: Select all
.row .product > .spacer > div:first-child {height: 300px;}


This will force image holder to be same height. Work with the number to suit your needs.

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Wed Feb 12, 2014 9:04 am
Reply with quote
Report this post
Thanks, can this not be a default css setting for al the templates?
User avatar
Senior Boarder

GK User
Wed Feb 12, 2014 11:40 am
Reply with quote
Report this post
No. You can have images with different sizes and a lot of users know, that they should use same width&height images across vm. Forcing fixed height would create unnecessary spacing on those users sites.
User avatar
Moderator

GK User
Wed Feb 12, 2014 11:43 am
Reply with quote
Report this post
Yes, i know....
And al my customers I tell them to pay attention on the right size of the images, but some of them ...............
So thanks in advanced for your replies
User avatar
Senior Boarder

GK User
Wed Feb 12, 2014 2:39 pm
Reply with quote
Report this post
No problem :) I hope this solution will help you "fight" those customers who somehow cant prepare images with same size ;).
User avatar
Moderator


cron