VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: lombiz on April 19, 2020, 18:31:03 PM

Title: VM large image no way close/cross
Post by: lombiz on April 19, 2020, 18:31:03 PM
Hi,
I have a problem with products images. When I click image to zoom in I have no way of closing it.
Cannot figure out where to start.  Do you have any help to get me started?

Thx!

Use cdn if that matters.

BR/Peter
Title: Re: VM large image no way close/cross
Post by: pinochico on April 19, 2020, 19:18:23 PM
Is VM shop sure? I don't see any info what shop you have.

Sarcasm:
But you can still be mysterious and not give the URL of the eshop, at least you will not get any answer, perhaps it is your goal.
Title: Re: VM large image no way close/cross
Post by: lombiz on April 19, 2020, 19:25:14 PM
Sorry!  I thought it was obvious virtuemart was shop. I didnt now it had any other function but sorry if I am misstaken.
Joomla doesnt have any products and this forum is Virtuemart & Joomla.

URL might have been good you are right :) Sorry!

https://www.nobleteam.se/inomhussten/golv-vaegg/marmor

Try product and click/zoom in a image and then you are stuck or at least I.

Thanks!
Title: Re: VM large image no way close/cross
Post by: GJC Web Design on April 19, 2020, 20:34:59 PM
because that isn't any sort of modal .. it is just opening the image

https://www.nobleteam.se/images/stories/virtuemart/product/marmor_kolmarden.jpg

You have 2 JS errors that are breaking the modal popup

TypeError: jQuery(...).fancybox is not a function kolmårdsmarmor-:800:40
TypeError: Virtuemart.stopVmLoading is not a function kolmårdsmarmor-:825:13

with the protostar template works perfectly so the error is in your template

https://www.nobleteam.se/inomhussten/golv-vaegg/marmor/kolm%C3%A5rdsmarmor-?tmpl=protostar

as your JS is combined there is no way to debug this

https://www.nobleteam.se/media/plg_jspeed/cache/js/968be45827344310b94d4aff462c76cb_0.js
Title: Re: VM large image no way close/cross
Post by: lombiz on April 19, 2020, 20:45:03 PM
Yes it works with T4 as well so I am trying to get response from astroid/JD boston people.

I can turn of jspeed if you like but lets see if I get response form joomdev.

Thanks!
Title: Re: VM large image no way close/cross
Post by: pinochico on April 19, 2020, 20:46:21 PM
plg_jspeed :)

If you use some 3d party extension, You have to know, how right setup and use.
I think this is not problem VM, this is the problem with bad using external extension - pls try contact developer from jspeed plugin.

Or simple:

set the startup order of extensions
set exclude for selected JS
Title: Re: VM large image no way close/cross
Post by: pinochico on April 19, 2020, 20:47:59 PM
We use T3/T4 framwork and templates too.

without errors - www.kolo-park.cz

only expirience how to right setup and use.
Title: Re: VM large image no way close/cross
Post by: lombiz on April 19, 2020, 21:18:06 PM
Offcourse I have tried turning off plugins etc.  Have also jch and jspeed(not same time). Jspeed only for 2 days and been a problem longer.
Have stackpatch cdn but direct link so not in any plugin.

I am not that fresh I dont try clean etc :)

Title: Re: VM large image no way close/cross
Post by: lombiz on April 19, 2020, 21:20:32 PM
Like I wrote before it worked well with both T3 /T4 also Helix etc etc so only Astoid/JD Boston problem for me.

No big changes to site.
Title: Re: VM large image no way close/cross
Post by: lombiz on April 19, 2020, 21:30:41 PM
Turned off all plugins and back to system cache still same with only this template. Take a look if someone has the skills. Thanks!

Probably just have to change template but only problem.

Thx!/Peter
Title: Re: VM large image no way close/cross
Post by: GJC Web Design on April 19, 2020, 23:04:00 PM
loading 2 different versions of jquery
Title: Re: VM large image no way close/cross
Post by: pinochico on April 20, 2020, 00:19:08 AM
of course....
old jquery 1.12.4 from Joomla 3.9  and new jquery from some extensions or template

Title: Re: VM large image no way close/cross
Post by: lombiz on April 20, 2020, 06:12:00 AM
Hi,
I dont really understand what this means but VM is clean no changes, extensions etc. Since it works with all other templates it must be the template.

The only things that could have any impact on vm images , according to me, are image recycler, and that I use CDN.
Those things are pretty fresh on this site.

Still exact same site works well with other templates.

I know the problem now. Thanks for your help!  /Peter
Title: Re: VM large image no way close/cross
Post by: pinochico on April 20, 2020, 08:01:37 AM
QuoteHi,I dont really understand what this means

I means and I see still == you use == loading (you find inside head section)

old version jquery (1.2.14) from joomla 3.9.X instalation - joomla use old version still
new version jquery (3.4.1) from another extensions - I don't know from which, you must analyse :)
Title: Re: VM large image no way close/cross
Post by: lombiz on April 20, 2020, 08:17:59 AM
It is something with Astroid JD Boston.  It is the only template that doesnt work.
All others templates/frameworks work excellent.

Also tried JD New York on Astroid Framework and works like it should.
If I dont get help I will switch template. Thanks for your help.

I have to activate plugins since site live and rankings suck right now.   THanks for great support!
Title: Re: VM large image no way close/cross
Post by: pinochico on April 20, 2020, 10:04:47 AM
I I use or testing Google Pagespeed Insight (ranking problem with jquery - old version) - I use myjoomla, then pagespeed Insignt is included, I go to ftp and manually replace old jquery with new version (3.1.4), but with the same name - jquery.min.js
Title: Re: VM large image no way close/cross
Post by: Studio 42 on April 20, 2020, 12:28:07 PM
@lombiz
Is your site not aceessible in French country ?
When i try to display your website i have a blue or white screen, even in home page!
Title: Re: VM large image no way close/cross
Post by: lombiz on April 20, 2020, 12:33:03 PM
Thats not good!   www.nobleteam.se   ?

Title: Re: VM large image no way close/cross
Post by: Studio 42 on April 20, 2020, 14:15:36 PM
I have in the console :
Failed to load resource: net::ERR_CONTENT_DECODING_FAILED
Disable ZIP compression in Joomla, should solve the problem.
Title: Re: VM large image no way close/cross
Post by: lombiz on April 20, 2020, 14:17:26 PM
But for me it works and my market is pretty much only Sweden but still strange and maybe others in Sweden too with same issue.

Chrome or which browser?

Disable Gzip you mean?

Thx!
Title: Re: VM large image no way close/cross
Post by: Studio 42 on April 20, 2020, 14:29:38 PM
Yes, disable Gzip.
Any PHP error break it.
You should try mod_deflate in .htaccess, it provide simlar compression but do not have same problem.
Note that in firefox, i see the text, but no CSS is loaded ! I see that you have a javascript that load the CSS /media/plg_jspeed/cache/css/a85a2f14dbf375879aa264f88fc8f6ad_0.css, this can be the problem.
Title: Re: VM large image no way close/cross
Post by: lombiz on April 20, 2020, 14:31:49 PM
Let me try to disable jspeed 1st and see if it helps.

I get it working in Firefox now.
Jspeed creates problem with Firefox so have to look into it.

I really appreciate your help.
Title: Re: VM large image no way close/cross
Post by: Studio 42 on April 20, 2020, 21:33:25 PM
It work now in firefox, but not in google chrome(Failed to load resource: net::ERR_CONTENT_DECODING_FAILED)
See https://stackoverflow.com/questions/53538607/failed-to-load-resource-neterr-content-decoding-failed-error-while-loading-la for eg.
Title: Re: VM large image no way close/cross
Post by: lombiz on April 20, 2020, 21:46:14 PM
Strange! For me everything works in both.

Also many clients using the site daily and browising without problem. Mainly in Sweden though.

I will look into it but too many things right now.   Problably have to change framework and template.
Just spend quite some time setting it up so back to scratch again.
Thanks!
Title: Re: VM large image no way close/cross
Post by: Studio 42 on April 20, 2020, 22:09:51 PM
Disable GZIP in Jomla and try in .htaccess
<ifModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/xml text/css text/plain
  AddOutputFilterByType DEFLATE text/javascript application/javascript application/x-javascript application/json
</ifModule>
Title: Re: VM large image no way close/cross
Post by: lombiz on April 21, 2020, 19:38:45 PM
My biggest problem right now is that everything works for me both in Firefox and Chrome, phone etc.
I am also doing crossbrowser testing.   Very strange you have problems I cannot see or get.
I also daily look and work on my site on 3 different computers, ips, internet providers so very strange you have these problems.
Also use pagespeed etc.

Very happy for all input though.  I prefer this time to try to keep the site as clean as possilbe without modifying too much.

I want the template to work without be editing/uploading different jquery files etc but I will try anyway.

Will the code in .htaccess do the same as gzip?  but I mean everyone is using gzip and it is really effective and simple, right?

Thanks!
Title: Re: VM large image no way close/cross
Post by: lombiz on April 21, 2020, 19:53:06 PM
Quote from: pinochico on April 20, 2020, 08:01:37 AM
QuoteHi,I dont really understand what this means

I means and I see still == you use == loading (you find inside head section)

old version jquery (1.2.14) from joomla 3.9.X instalation - joomla use old version still
new version jquery (3.4.1) from another extensions - I don't know from which, you must analyse :)

If you mean all the yellow marked items that is definately the template.  Megamenu, astroid, fancybox rings a bell to VM setting but maybe no connection!
So should I replace jquery or get rid of extension and in this case most likely template?
Title: Re: VM large image no way close/cross
Post by: Studio 42 on April 21, 2020, 20:59:23 PM
I dont know what you changed, but i can access your site using  google chrome !
Title: Re: VM large image no way close/cross
Post by: lombiz on April 22, 2020, 08:27:40 AM
Hi,

Thanks for all your help and points about Firefox etc not loading.  Made me look harder into things.
The conflict jquery is loading in template footer so working on it.

crossbrowsertesting is showing most browsers/os working good except explorer which apparently is a common problem.

Thx!
BR /Peter
Title: Re: VM large image no way close/cross
Post by: lombiz on April 23, 2020, 22:10:20 PM
Got a fix for the footer jquery.

Didnt want to start a new thread for this stupid question.

How do you set the size and format for the image that pops up when you click it in virtuemart?
Title: Re: VM large image no way close/cross
Post by: jenkinhill on April 24, 2020, 11:01:15 AM
Try VM Configuration/Templates - Media Files Settings - Fullimage width/height
Title: Re: VM large image no way close/cross
Post by: lombiz on April 24, 2020, 11:16:16 AM
I did but still same in mobile view.

Looks good on normal view.

Asking template folks.

Thx!
Title: Re: VM large image no way close/cross
Post by: jenkinhill on April 24, 2020, 12:31:12 PM
It will need some conditional css for different display sizes.