Hi, i have several questions:

- The first, i've installed the VM3 version in this web (bob-esponja.com/index.php/zoo/ofertas/jarra-cristal-4-5-litros.html) and inner zoom doesn't work fine, to lose the focus remain with the zoom. Also loses the magnifying glass icon

- The second question: when i make click in the main photo, make the effect to center the photo in the web and the thumbnails to the bottom (fantastic effect), but if i use the mouse wheel the image doesn't change, i've others webs with this template (in VM2) and this works fine.

- The third, when i active the template the web add 0,4 second to create the php, if i rename the template/html/com_virtuemart, load in 0,9 second and with cleanmart template in 1,3-1,4 second. I think it's a lot

This web J3.3, VM3.0.4, Cleanmart template 2.0

Thanks
Manuel

Hi,


You can’t run the ZoomEffect if the product pictures is smaller than the ZoomBox.
The calculation won’t work, because the pictures doesn’t touch the edges of zoomBox.

Try to upload a picture that is large than 600x600, then you will see ZoomEffect is working fine.

And don’t forget. FlexibleZoom Effect doesn’t work as optical zoom (there is no technology to optically zoom any picture though). The zooming is digital-zoom. The “large” picture is taken into consideration to zoom the picture.

There must be resolution difference between thumbnail and large pictures. On your website, the thumbnails and large pictures are “same” pictures. There must be difference, so the zooming will be effective.

InnerZoom doesn’t have the Magnify cursor. It is not a bug, it is what it is. We did it on purpose to avoid blocking the picture.

About the performance; CleanMart adds extra CSS and JS files (flexible.css, CSS and JS for ZoomEffect, CSS and JS for Fancybox2), of course it will increase the page loading speed, it would be non-sense if the speed would remain the same.

If you use CDN the speed difference will be 0.001 because the static files are loaded almost instantly from CDN. Also, use GZIP tools (to combine, minify static CSS and JS files).

regards.

Hi,

The external zoom you are right, the images are so small.

The inner zoom, please check again, the problem is if you lose the focus, the images remains with the zoom, and it's no ok.

The performance, i know cleanmart adds extra CSS, but i was talking about VM3 version, VM2 version it's ok. VM2 spend 0,7 seconds to create php, for example casas-de-bancos.com and VM3 spend 1,3 seconds, it's almost the double

Thanks
Manuel

Hi,

Tint Feature is conflicting with the InnerZoom. It should be disabled when InnerZoom is used.

Open the Flexible VM3 Plugin, and find the "Enable Tint" parameter (under ZoomEffect section).
Disable the "Enable Tint" and the ZoomWindow will be gone once you move your mouse out of the viewArea.

About the performance; I tested with/without conditions on our Live Demo; for this product: demo.flexiblewebdesign.com/cleanmart/index.php/vm-categories-2/flexv2-layout (in terms of page generation time -- aka. server response time).

if Joomla Cache is deactivated:
- If CleanMart is disabled; the product page is rendered within 1005ms
- If CleanMart is enabled; the product is rendered within 1250ms

If Joomla Cache is activated:
- If CleanMart is disabled; the product page is rendered within 796ms
- If CleanMart is enabled; the product is rendered within 980ms

I don't see much difference.
If Memcache, Memcached, APC or xCache (depends on what your server supports) is used; this gap will even be smaller. Also; CleanMart is using cURL for domain validation on product details page (to avoid pirate usage). I suppose ~150ms delay is spent for that validation. Thus leaves us only ~50ms difference; which is a negligible amount of time.

Regards.

Ok, I disabled the Tint Feature and it works better.

There is still something to correct, I mean, if the product has pictures of different sizes, the first zoom determines the size of the others, it is best to see with this example:

bob-esponja.com/zoo/pequeno-electrodomestico/basculas-de-cocina/bascula-de-cocina-mod-4.html

There is also another thing that does not work when you click on the main photo, does not work the mouse wheel to change picture (on the VM2 version it works fine)

Thank You
Manuel

Hi,

Open this PHP file:
/plugins/system/flexibleTemplate/flexibleTemplate.php

scroll to the bottom and find this expression:

and replace it with this:
enabling this will cause some problems with WindowZoom type; but it will fix the problem that you are having with InnerZoom.

regards.

Hi,

Now the inner zoom works fine

And the other thing i ask you?... when you click on the main photo and open the slideshow, does not work the mouse wheel to change picture (on the VM2 version it works)

Thanks
Manuel

Hi,

MouseWheel shouldn't change anything in the modal popup because it has been set as "disabled" by default. But arrows keys (LEFT-RIGHT) should work.

We have used facebox 2 plugin for the modal popup. It is possible to activate mouseWheel through loading the mouseWheel JS file. First; open this JS file:
/plugins/system/flexibleTemplate/media/js/jquery.fancybox2.pack.js

find this parameter:
replace it with this:
then visit this page:
fancyapps.com/fancybox/#docs

download the Fancybox 2, and load this extra JS library in your website:
<s-cript type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></s-cript>

This will enable the mouseWheel on your website within modal popup.

Regards.

Hi,

Sorry, but i don't find the file

/plugins/system/flexibleTemplate/media/js/jquery.fancybox2.pack.js

And not only the file, the directory /plugins/system/flexibleTemplate/media/ doesn´t exist

Thanks
Manuel

Sorry, in VM3.0 version, that file has been moved inside of this file:
bob-esponja.com/templates/yoo_venice/html/com_virtuemart/assets/js/flexible.js

Find the mouse wheel parameter in that file.

But you are not done yet, then visit this page:
fancyapps.com/fancybox/#docs

download the Fancybox 2, unzip the file and find this file: jquery.mousewheel-3.0.6.pack.js
Copy-paste all JS lines of jquery.mousewheel-3.0.6.pack.js to the bottom of this file:
bob-esponja.com/templates/yoo_venice/html/com_virtuemart/assets/js/flexible.js

This should enable the mouseWheel on your website within modal popup. If not, then it means you are doing something wrong, because Fancybox2 and it's mouseWheel plugin has absolutely nothing to do with our template and it should work just fine.

Regards.

Hi,

I did what you said, but still not working.

Making a fresh installation (with the template of yootheme, VM and Cleanmart VM3) fails, however doing the same with VM2 Cleanmart version works perfectly.

- I have changed the mouseWheel:!0 with mouseWheel:!1

- And add all JS lines of jquery.mousewheel-3.0.6.pack.js to the bottom of this file:
cholloregalo.com/templates/yoo_venice/html/com_virtuemart/assets/js/flexible.js

Any other idea?

(I've changed the web to cholloregalo.com/zoo/pequeno-electrodomestico/basculas-de-cocina/bascula-de-cocina-mod-4.html)

Thanks
Manuel

Hello,

Returning to the issue of speed, I made an analysis and have very different results than you comment.

With the active template, the web takes to send the first byte (build time php + DNS): 1.25 seconds in first charge and 1.1 on the second charge. The website takes 4 seconds to start rendering and 2.4 seconds on the second charge.





Without the template, the web takes to send the first byte (build time php + DNS): 0.77 seconds in first charge and 0.74 seconds on the second charge. The website takes 3.4 seconds to start rendering and 1.5 seconds on the second charge.






The difference seems very important, and higher than you told in your post, from 1.25 seconds to 0.77 seconds is 60% more loading time.

Can you slow due to the validation of username and password to prevent piracy ?, Can you cache that validation or will run once a day ?, I think that is what is giving the problems.

If you want to test, i give you an administrative access and disable the validation ... so we left doubts

The URL i made the test is: cholloregalo.com/zoo/pequeno-electrodomestico/cafe-y-tostadas, and the cache is on.

Thank you very much
Manuel

This goes no where. If you don't have JavaScript knowledge, it is impossible that you will make it work, i can't help you remotely.

I shouldn't even mentioned a single word about "mouseWheel" plugin implementation in the first place. I can't provide you any further support it, because it is 100% custom modification.

About the performance thing, please read my topic again (more carefully):
www.flexiblewebdesign.com/forum-virtuemart-template-support/2730-zoom-effects-inner-and-load-time#11982

there is nothing can be done about it as well, i have provided the numbers that i took from our Live Demo. Run your own tests for this page:
demo.flexiblewebdesign.com/cleanmart/index.php/vm-categories/default-layout

the server-response-time is around ~1.2, If i enable the cache, it will even be lower (but we don't enable cache in our Live Demo). There are 16 x 3 = 48 products in that category page (gridView, MultiView, ListView) they all load 16 products, so total is 48 and all products have ~3 product additional pictures,(our live demo is displaying additional pictures as well). So all in all, the load is big!! But still; the waiting time is around ~1.2, it is also 1.2 in your website with only 4 products with 4 pictures. Isn't that suspicious?

With using the default Virtuemart, OF COURSE your website will load faster, (the other way would be absurd) because official VM is simple, simpler than the simple. your Joomla template overall simple as well (all YooTheme templates are simple; they don't offer complicated feature -- especially the old ones), so there is nothing to push your server's limit. (except CleanMart), once CleanMart gets involved, your server is simply failing, it double the speed.

You should contact your hosting provider and ask them why their server's CPU are so poor. They will probably tell you the same things. If you want to drop your server-response time below 1 second with CleanMart; you have to do one or more;

1- Use dedicated hosting (relatively expensive option)

2- Dig into PHP code and delete every function, or any single code snippet that you don't use. Usually templates come with many different things, but people usually use only some of them, sometimes less than half. If you eliminate the features or functionalities that you are not using (and won't use); this cleaning will let you get serious performance improvements.

3- Enable Joomla Cache and never ever use any 3rd party extension for caching, they are all sucks. Joomla core cache is the best!

4- Use advanced cache (contact your hosting provider to ask for available advanced cache methods -- Memcached, XCache etc..)

5- Make sure your hosting is using FastCGI and PHP5.4+

6- USe gtmetrix.com/ to analyze your website and do all the "suggestion"

7- Make sure your website is served via GZIP

8 - Jump to at least VPS hosting with at least 2GB dedicated RAM (from a trusted hosting company --

There are companies that sell VPS hosting for $4/month, this is simply bullshit-- no way they can sell VPS with this low price -- avoid from those hosting companies.

These all i can see about it. I am sorry but i have to close this topic and end this discussion because this topic has started going beyond it's purpose. This is not a "discussion" forum, this is our support ticket area.

Regards.