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

TOPIC: Differences with category view in updated version

Differences with category view in updated version 10 years 6 months ago #6398

Hi,

I am just testing an upgrade from VM2.0.18a & puremart 3.4 to VM2.0.22c & PM3.8

I notice when hovering over a product in category multigrid view, the product image now zooms slightly and the grey lined box that used to appear when you hover over the product is now gone.

Is this completely gone or is it a setting I may have missed?

I don't want the product zoom at category level and would prefer to have the hover grey lined box, that used to be there.

Thanks

Andy
The administrator has disabled public write access.

Differences with category view in updated version 10 years 6 months ago #6429

Hi,

To disable the "hover zoom effect" functionality. Open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css

and remove these CSS rules: (completely)
#FlexibleBrowseThumbRow:hover .FlexibleThumbBrowseV1Pic img {
-webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
}
.FlexibleBrowseThumbProductInnerV2 {
	overflow:hidden;
}
.FlexibleThumbBrowseV2Pic:hover  img.browseProductImage {
	-webkit-transform: scale(1.15) translateZ(0);
    -moz-transform: scale(1.15) translateZ(0);
    -o-transform: scale(1.15) translateZ(0);
    transform: scale(1.15) translateZ(0);
}

Regards.
Support & Development
The administrator has disabled public write access.

Differences with category view in updated version 10 years 6 months ago #6475

I don't mind the new zoomed effect when hovering over products. It actually seems nice.

But I also like the grey lined background that used to appear too.

In my version of Chrome Browser The products zoom and also show the grey background too, which looks good, but I am guessing this is pulling the grey background from cache memory, as in every other browser the products stay on a white background and just zoom - see screenshot.

Attachment ScreenShot2013-09-17at16.05.38.png not found



I tested in your puremart demo with all browsers and it does seem that the grey background has gone.

Is it a simple addition of CSS to get it back?

Thanks

Andy
The administrator has disabled public write access.

Differences with category view in updated version 10 years 6 months ago #6494

Hi,

There is no such thing like grey background. We have never put something like that to our template.
It must be a browser thing on your screen.

If you like it, and willing to get this hover effect, then this CSS would do this trick:
.FlexibleBrowseThumbProductInner:hover { background:#eee;}
Last Edit: 10 years 6 months ago by Support.
The administrator has disabled public write access.

Differences with category view in updated version 10 years 6 months ago #6541

I don't like to say but - Are you sure?

Have a look at this copy of my site which is running VM2.0.18 & Puremart 3.4
The grey hover was always in place for all grid products and it also shows in other sites using this version of puremart too?
Its not just a grey background it has horizontal lines in it too?

Andy
Last Edit: 10 years 6 months ago by Andy Connell.
The administrator has disabled public write access.

Differences with category view in updated version 10 years 6 months ago #6542

Andy Connell wrote:
I don't like to say but - Are you sure?
I actually just found this in my previous version, so I guess it was added before? Can I simply just re add this CSS to the flexible CSS or is something else neede to get this working too?
.FlexibleProductHoverShadow {
    background: url("../images/Flexible/product_hover.png") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
The administrator has disabled public write access.

Differences with category view in updated version 10 years 6 months ago #6544

Ohh yes, that one.. My mistake. PureMart has changed many times, sometime it is really hard to keep everything in mind ;)

Simply adding this:
.FlexibleProductHoverShadow {
    background: url("../images/Flexible/product_hover.png") repeat scroll 0 0 transparent;
}

to flexibleVM2Global.css
would do the trick that you are looking for.

Regards.
The administrator has disabled public write access.
Time to create page: 0.108 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