Profile: joster

Yes, it is a great tool, and my boss really wants to utilize it on our site, but until I figure out why it conflicts with the 7spikes plugins, I cannot implement it on our production website.

I welcome ANY other suggestions from the community!

A few months ago, you offered to send the updated SevenSpikesExtensions.js file to a customer who's license had expired:
http://www.nop-templates.com/boards/topic/2615/suddenly-many-plugins-stopped-working-correctly#9697

Can I ask you to do the same for me? (version 3.40)

Our site works perfectly UNTIL I add the hotjar script. At that point, I also see the is.Mobile JS error in console, and my quick tabs and cloud zoom plugins stop working correctly.

When I remove the script, it is perfect again...

See my post here:
http://www.nop-templates.com/boards/topic/11/bugs/page/4#10319

Just curious Brickhunters...do you have the "hotjar" analytics tracking code on your site?
I ask because I'm having the same errors since adding the hotjar tracking script...

No, everything works fine without the little hotjar javascript added...as you can see on our production site (I PM'd you the link yesterday)

I am not asking you to fix anything..just to suggest why such a minimal little javascript (hotjar) might be interfering with your theme scripts.

I'd also suggest that it will benefit more than just me to have remediation steps available to deal with the conflicts. Hotjar is rapidly increasing in popularity, and this will undoubtedly become an issue for more of your theme/plugin users in the future.

I let my license expire 2 months ago because I did not think there would be any more updates for 3.40, so when I download my Alfresco theme now, the version is still just 3.4.1163.17390 

I disabled script bundling, and can see only one Jquery version that appears twice:

<script src="/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Scripts/jquery.json-2.2.min.js" type="text/javascript"></script>
<script src="/Plugins/SevenSpikes.Nop.Plugins.QuickView/Scripts/jquery.json-2.2.min.js" type="text/javascript"></script>

Today, I also noticed that in addition to the quicktabs losing their styling, the cloudzoom is repositioned about 250px lower than it should be whenever I have the hotjar script in place.

I will PM you with the admin login for my development site, so that you can see the problem.

Thanks!

Below are the versions I have installed. I am not sure if they are the latest possible:

SevenSpikes.Nop.Core, Version=3.4.1159.17132, Culture=neutral, PublicKeyToken=null

SevenSpikes.Nop.Plugins.Core, Version=3.4.1159.17132, Culture=neutral, PublicKeyToken=null

SevenSpikes.Nop.Plugins.NopQuickTabs, Version=3.4.374.12766, Culture=neutral, PublicKeyToken=null 

I have some additional javascripts executing in the footer of my pages..things like Google +1, Facebook, Bing, and Google tracking, Google Trusted stores..

Yes, Javascript console has this error:
Uncaught TypeError: $.isMobile is not a function

It refers to this section of code:

function OpenWindow(n,t,i,r){var u=(screen.width-t)/2,f=(screen.height-i)/2,e;winprops="resizable=0, height="+i+",width="+t+",top="+f+",left="+u+"w";r&&(winprops+=",scrollbars=1");e=window.open(n,"_blank",winprops)}function setLocation(n){window.location.href=n}function displayAjaxLoading(n){n?$(".ajax-loading-block-window").show():$(".ajax-loading-block-window").hide("slow")}

What I mean by not displaying correctly is just what I said...the tabs appear on the page as just an HTML list..as if the styling is disregarded.

Thanks!

Hello-

We use nopcommerce 3.40 with the Alfresco theme.
I am trying to add the "hotjar" tracking script to my site, but no matter where I add the script, it causes the quicktabs to stop functioning normally. The tab items still appear, but as a normal list, as if the quicktabs styling is disregarded whenever the hotjar script is executed on same page.

This is th hotjar tracking script:

<!-- Hotjar Tracking Code for www.myfootshop.com -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:123456,hjsv:5};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
</script>

I tried adding it directly inside the head in Root.Head.cshtml and also tried adding it to the /scripts/public.common.js

...same result on both.

Any idea how I can work around this issue?

Thanks!

Oh...OK. That is unfortunate.
Thanks for the explanation.