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

TOPIC: Problem on QuickLook page

Problem on QuickLook page 10 years 1 week ago #9734

Hello,

please let me know, where I can change class:
<div class="mousetrap" style="background-image: url("."); z-index: 999; position: absolute; width: 156px; height: 156px; left: 0px; top: 0px; cursor: url("http://mydomain.com/templates/destinyfx/html/com_virtuemart/assets/Flexible/zooming.png") 0 16, crosshair;"></div>

width and height is too small, so zoom effect working only in left top corner of image. But where I move mouse on the right site of image, script stop show zoom effect.

Thank you.
Best Regards
Jiri
Last Edit: 10 years 1 week ago by Kopecky Jiri.
The topic has been locked.

Problem on QuickLook page 10 years 1 week ago #9746

Hi,

You can't change them, because they are dynamically calculated values by the zoom effect extension.
What is your website URL? let me see.

Does the problem you are saying only happens in QuickLook window?

Regards,
Support
The topic has been locked.

Problem on QuickLook page 10 years 1 week ago #9755

Hi,

thank you for fast reply.
Yes, its problem only of Quick Look. On product details working zoom effect perfectly.

Url of category list is here:
mydomain.com/index.php?option=com_virtuemart&view=category&virtuemart_category_id=2&categorylayout=0&Itemid=652
you can try QuickLook there.

Thanks and Best Regards
Jiri
Last Edit: 10 years 6 days ago by Kopecky Jiri.
The topic has been locked.

Problem on QuickLook page 10 years 6 days ago #9771

Hi,

I can't be sure what might have caused that. Apparently the Zoom Effect extension can't detect the image dimensions correctly, it can be related to javascript ordering. The Extension's JavaScript is attached to document.ready, but the image gets loaded later on. Therefore it can't detect the image dimensions correctly. Eventually it ends up calculating dimensions wrongly. But weirdly, it only happens on QuickLook window. (Normally, it would have happened in product details page if it was the case)

Try this:

open this CSS file:
/templates/destinyfx/html/com_virtuemart/assets/css/flexibleVM2Global.css

and include this CSS rule:
.component-body .mousetrap { width:100% !important; height:100% !important;}

(Because of the .conponent-body, this CSS rule will only be effective in QuickLook window. The zoom effect extension fails to calculate the image dimensions, but entering 100% for both height and width dimensions should do the trick)

- This trick wouldn't work if you were using any other ZoomType beside "InnerZoom".

Let me know if it won't work.

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
Last Edit: 10 years 6 days ago by Support.
The topic has been locked.

Problem on QuickLook page 10 years 6 days ago #9785

Hi,

this css fix work great! Zoom on quicklook is ok now :)

Thank you.
Best Regards
Jiri
The topic has been locked.

Problem on QuickLook page 10 years 5 days ago #9795

Sure, your welcome.

Case solved. topic is closed.

regards
The topic has been locked.
Time to create page: 0.102 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