Hi Natalie

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you Natalie

Disabling the 'Content - GW File Upload' extensions appears to have resolved the issue. Is this an extension you are using?

Ciarán

I don't believe so... thank you for your help with that part however I do have another issue.

I've created a custom HTML slideshow in position 'showcase' and the code also appears to be conflicting with the drop down animation. I'm sure it has something to so with "<s-cript src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";></script>" as when I remove this the drop down works, but my slideshow breaks.

Is it possible for you to take another look and suggest possible solutions, if there are any?

Here's the slideshow script...

<s-cript src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<s-cript src="http://malsup.github.com/jquery.cycle2.js"></script>





<s-tyle>

.cycle-slideshow { max-width: 1100px; float:left; margin: 0; z-index:10; }

#container { margin: auto; float:left; margin-bottom:60px; }

</style>



<div id="container">

<div class="cycle-slideshow" data-cycle-reverse="true" data-cycle-timeout="0" data-cycle-speed="2000" data-index="1"><img src="/images/slideshow/1.jpg" /> <img src="/images/slideshow/2.jpg" /> <img src="/images/slideshow/3.jpg" /> <img src="/images/slideshow/4.jpg" /> <img src="/images/slideshow/5.jpg" /></div>

<div class="cycle-slideshow" data-cycle-timeout="0" data-cycle-speed="2000" data-index="2"><img src="/images/slideshow/6.jpg" /> <img src="/images/slideshow/7.jpg" /> <img src="/images/slideshow/8.jpg" /> <img src="/images/slideshow/9.jpg" /> <img src="/images/slideshow/10.jpg" /></div>

<div class="cycle-slideshow" data-cycle-timeout="0" data-cycle-speed="2000" data-cycle-reverse="true" data-index="3"><img src="/images/slideshow/11.jpg" /> <img src="/images/slideshow/12.jpg" /> <img src="/images/slideshow/13.jpg" /> <img src="/images/slideshow/14.jpg" /> <img src="/images/slideshow/15.jpg" /></div>

</div>



<s-cript>

(function() {

"use strict";



var slideshows = $('.cycle-slideshow');



// optional: sort the slideshow collection based on the value of the data-index attribute

Array.prototype.sort.call( slideshows, function(a, b) {

    a = $(a).data('index'), b = $(b).data('index');

    return a < b ? -1 : a > b ? 1 : 0;

});



// bind to cycle-after to trigger next slideshow's transition

$('#container').on('cycle-after', function(e) {

    var index = slideshows.index(e.target);

    transitionNext(index);

});



// trigger the initial transition after 1 second

setTimeout(transitionNext, 1000);



function transitionNext( index ) {

    if (index === undefined || index == slideshows.length -1 )

        index = 0;

    else

        index++;



    slideshows.eq(index).cycle('next');

}



})();

</script>

Hello

May I suggest installing Easy jQuery (http://extensions.joomla.org/extensions/core-enhancements/performance/jquery-scripts/18327) which can help resolve any conflicting javascript issues and ensure that only one version of jQuery is loaded across your site.

Ciarán

Hi Ciarán,

I have installed Easy jQuery, tried every variation of settings known to man I'm still unable to get my slideshow (which uses <s-cript src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";></script> and <s-cript src="http://malsup.github.com/jquery.cycle2.js";></script> working with the dropdown. Are you able to assist further?

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you. However your dropdown appears to be working without issue. Is there a particular page on your site where the dropdown is not working? Is there a particular module which has to be enabled before your dropdown stops working?

Ciarán

As explained above, I am trying to get it to work in conjunction with a custom slideshow which usues the code I pasted into a previous post. This module is published in position 'showcase'. Please take a look now that I have enabled this module... the dropdown has stopped working. There is a conflict but I don't know how to fix it.

We have setup and enabled your jQuery Easy plugin and your dropdown menu is once again working correctly.

Ciarán

However now my slideshow has stopped working. As explained above, I am trying to get it to work in conjunction with a custom slideshow which usues the code I pasted into a previous post. This module is published in position 'showcase'.

I feel like I'm repeating myself over and over? I can get the dropdown working and I can get my slideshow working, but I can't get them working together.

I've created a custom HTML slideshow in position 'showcase' and the code appears to be conflicting with the drop down animation. I'm sure it has something to so with "<s-cript src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";></script>" as when I remove this the drop down works, but my slideshow breaks.

Please can you actually read my posts and address the issue which is that I'd like both the slideshow and dropdown to work TOGETHER. Please help.

Your jQuery needs to be running in noConflict otherwise it will never work correctly with any mootools script (https://api.jquery.com/jQuery.noConflict/).

Regardless we will work on replacing the dropdown with a CSS3 alternative which should resolve the issue. This template update will be available shortly.

Ciarán

The template has been updated with a CSS3 dropdown menu. To update download the latest version of the template and install the template install file via your Extensions Manager.

Ciarán

That sounds great. Do I have to re-purchase the template? It is no longer available in my downloads section.

Username: natalie123123

Hi Natalie

Your template should be now available for you to download.

Ciarán

Thank you. As I've already put a lot of time into customising this template and I don't want to simple install the updated template 'over the top', can you point me in the right direction as to which files I need to overwrite to get the CSS menu working instead?

Hi Natalie

In updating the mobile menu the following files were edited..

../templates/j51_calibra/css/nexus.css
../templates/j51_calibra/php/scripts.php

Ciarán

ok, I reinstalled the template and I have the drop down working. Online the 'mobile' menu still doesn't work if I have my homepage slideshow enebaled? There's still a conflict? Can this be converted to css aswell?

also... it looks like the captions in my J51_GridGallery module in the footer have also now stopped working? They don't pop up when I hover over the images.

Hi Natalie

May I suggest re sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Thank you Natalie

It appears your slideshow is loading jQuery. There is no need for this as jQuery is already loaded by Joomla. I believe this to be the cause fo your issue.

We are unable to notice any issue with the GridGallery?

Sorry to say there is no option to convert the module menu to CSS only.

Ciarán

OK, in regards to the grid gallery, I have captions enabled, yet no caption displays when i hover over the image (like it used to). Perhaps I'm missing a step?