Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Responsive Joomla Virtuemart Template - Asymmetric (SKU# FLEX-00017)

TOPIC: Height of product boxes

Height of product boxes 9 years 11 months ago #9352

Hi I saw this post here
www.flexiblewebdesign.com/forum-virtuemart-2-template-support/2017-a-couple-of-formatting-issues#9290

And I have added the exact changes you recommend, but these done seem to work for me.
Cleared website and browser cache but my product boxes still dont seem to line up?

Any further suggestions for me?

Here is the site www.mynewsite.me.uk/lowenergy/index.php/lighting/type-of-light/led-light-bulbs
The topic has been locked.

Height of product boxes 9 years 11 months ago #9367

Hi,

Everybody has a different Joomla Template, therefore the necessary CSS rules might be slightly different from person-to-person. Because those are custom changes. If you copy-paste the same exact CSS lines that provided in here, things might not work for you as expected. Furthermore, you are using a different Browse page layout (yours is flexv3)

Beside, that client has knowledge on CSS, he have already taken care the box equalization. He just asked a TIP to align the bottom section to the bottom level.

You should use "Firebug" for CSS touches. It must be your number#1 development plugin to use while doing that kind of changes.

Use a fix height value for the .FlexibleHover2 {...}

First, retrieve your changes back to stock and try these instead:
.FlexibleHover2 { height:360px;overflow: hidden;}
.flexv2 #GridView .FlexibleBrowseThumbProductLower { height:100%;}

this should equalize the height of the boxes. IF you are looking for a more professional method, then you can use jQuery .equalizer();

css-tricks.github.io/Equalizer/

Since, it is a 100% custom changes, i can't provide you any further guidance on this. You may consider purchasing premium support through: www.flexiblewebdesign.com/premium-support

Regards.
Support
Last Edit: 9 years 11 months ago by Support.
The topic has been locked.

Height of product boxes 9 years 10 months ago #9719

Apologies for the delay in getting back to your reply, I have been away for a while.

I reverted all my previous alterations back to default and the tried adding the CSS you recommended to my Joomla template custom.css file. But it doesnt seem to work
I also tried adding this direct into the flexibleVM2Global.css file & after clearing browser & site cache, I still have the same issue.

I will be happy if I can solve this with css for the time being, but I will also have a look into jQuery equalizer for the future.
I looked at the jQuery equalizer link you send and was wandering why you do not include this as standard in your theme's.

Thanks in advance,
Andy
Attachments:
The topic has been locked.

Height of product boxes 9 years 10 months ago #9739

Hi,

jQuery Equalizer (not exactly this, but similar to that) has been used in our brand new VM+Joomla template:
www.flexiblewebdesign.com/Joomla-Virtuemart-Templates/StyleMart

It is working just fine. We are also planing to implement the same thing to all of our templates, hopefully it will be standard in the next release.

Anyway, I am seeing that the CSS lines i provided you is working fine and the Height are equal in the GridView. The same class is not being used in the MultiGrid, you would need an another CSS rule.

Use this:
.flexv2 .FlexibleBrowseThumbProductInner2 {
   min-height:250px;
}

This rule will make the height of boxes equal (in the MultiGridView)

Regards,
Support
The topic has been locked.

Height of product boxes 9 years 10 months ago #9759

Ahh, Thanks for that.

Also nice work on StyleMart, looks awesome & cant wait to use it in a new project!

Thanks as always,
Andy
The topic has been locked.

Height of product boxes 9 years 10 months ago #9775

Hi,

your welcome.
Case solved, topic is closed.

If you like CleanMart and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Virtuemart-2-Templates/CleanMart

Write couple of sentences to share your experience with the support team.
Just 2-3 sentences would be enough ;) It might sound simple to you, but it is extremely important. Potential customers care about product reviews very much.

Thanks in advance!

Regards,
Support
The topic has been locked.
Time to create page: 0.080 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo