Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 30/04/2021 Important information

    We transferred to another hosting so if you are experiencing any problem let us know. We will fix it as soon as possible.

  • 25/11/2020 BLACK FRIDAY is coming

    BIG SALE, 35% discount for all our extensions. Use BF2020 coupon code. Hurry up the discount is valid till 7 December.


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?

Upgrade and fancybox no longer works
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Upgrade and fancybox no longer works
#56257
Upgrade and fancybox no longer works 5 Years, 10 Months ago Karma: 0
Hello,
I updated a clients site recently from J3.3 to J3.4. During the upgrade Fancybox was throwing all kinds of errors since it was old and in need of updating as well. I purchased the recent version, uploaded it and everything seemed to update correctly. However now when clicking on a link the fancybox no longer loads. Here is the site in question: meiretail.com/retailsafes/products-for-retailsafes/sc-advance.html

Links to the left link to the module position. Any help would be much appreciated.
The administrator has disabled public write access.
 
#56259
Re:Upgrade and fancybox no longer works 5 Years, 10 Months ago Karma: 734
Hello,

This problem with site template. It loads own copy of jQuery library instead of using jQuery library which is loaded by Joomla!. It causes problem with Joomla! javascript code and javascript of 3rd party extension. You can see javascript errors in browser's error console. These errors are not related to fancybox, but they prevent execution of extension's javascript code. Replace the following javascript in site template:

Code:


<script type="text/javascript" src="/templates/meigaming/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function() {
$('.main-nav > li').hover(
function () {
var $this = $(this);
$('img',$this).stop(true,true).animate({
'margin-top':'0px', 'margin-bottom':'-10px'
}, 300);
},
function () {
var $this = $(this);
$('img',$this).stop(true,true).animate({
'margin-top':'20px', 'margin-bottom':'-30px'
}, 300);
}
);
});
$(function() {
$('.products-menu > li').hover(
function () {
var $this = $(this);
$('ul',$this).stop(true,true).animate({
'margin-left':'-150px', 'opacity':'1'
}, 300);
},
function () {
var $this = $(this);
$('ul',$this).stop(true,true).animate({
'margin-left':'500px', 'opacity':'0'
}, 300);
}
);
});
</script>



with the following one to fix the problem:

Code:


<script type="text/javascript">
jQuery(function($) {
$('.main-nav > li').hover(
function () {
var $this = $(this);
$('img',$this).stop(true,true).animate({
'margin-top':'0px', 'margin-bottom':'-10px'
}, 300);
},
function () {
var $this = $(this);
$('img',$this).stop(true,true).animate({
'margin-top':'20px', 'margin-bottom':'-30px'
}, 300);
}
);
});
jQuery(function($) {
$('.products-menu > li').hover(
function () {
var $this = $(this);
$('ul',$this).stop(true,true).animate({
'margin-left':'-150px', 'opacity':'1'
}, 300);
},
function () {
var $this = $(this);
$('ul',$this).stop(true,true).animate({
'margin-left':'500px', 'opacity':'0'
}, 300);
}
);
});
</script>



BTW, this code is loaded twice on the page.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#56260
Re:Upgrade and fancybox no longer works 5 Years, 10 Months ago Karma: 0
Thanks so much, that fixed the issue!
The administrator has disabled public write access.
 
Go to topPage: 1