Storebox causing problem with FW Gallery

Updating to Storebox 3.17 created a new problem with Fastw3b's FW Gallery 3.0 and 3.3. The gallery images are all links, but now they don't work when clicked. The source code is correct to create the <a href= link, but for some reason clicking the link does nothing. If I switch to another template they work correctly, so there is some conflict with Storebox. I can't figure out what the problem is.

View the problem here: http://www.stonedisegno.com/gallery and any of the submenu links under Gallery.
Joomla 3.4.1
Storebox 3.17
FW Gallery 3.3, I reverted to version 3.0 but problem remained.

Richard

Hello,

Are you sure that your component loads all necessary files? Because I see that it loads only cerabox file, but there is no reference to elements which could add an onclick event for the image links.

Are you sure that your component loads all necessary files?

I have 2 other websites with FW Gallery installed and they both work correctly. Comparing the javascript files that are loaded on the working sites with this broken one I don't see anything missing. There are a few other unrelated .js files like JCE Mediabox and Widgetkit on the working sites, but those aren't part of FW Gallery. I couldn't find any javascript errors or conflicts with Firebug.

Broken site at http://www.stonedisegno.com/ loads these .js files:
/media/system/js/mootools-core.js
/media/system/js/core.js
/media/system/js/mootools-more.js
/components/com_fwgallery/assets/js/cerabox.min.js
/media/jui/js/jquery.min.js
/media/jui/js/jquery-noconflict.js
/media/jui/js/jquery-migrate.min.js
/media/jui/js/bootstrap.min.js
/media/system/js/modal.js
http://www.stonedisegno.com/templates/g ... scripts.js
http://www.stonedisegno.com/templates/g ... gk.menu.js
http://www.stonedisegno.com/templates/g ... .jquery.js

Working sites load these .js files:

http://www.ostrichcountry.com/
/cache/template/mootools-core-7fd38699.js
/cache/template/core-2a2e4424.js
/cache/template/mootools-more-c6242607.js
/cache/template/cerabox.min-f0a9a499.js
/cache/template/jquery.min-a8bb87d3.js
/cache/template/jquery-noconflict-982baa59.js
/cache/template/jquery-migrate.min-1469ad95.js
/cache/template/bootstrap.min-f96c0f72.js
/cache/template/widgetkit-3492a5cc-fd06faf6.js
/plugins/system/jcemediabox/js/jcemediabox.js?fba42f665bbcc4047a23ba92244f4176

http://www.midcenturymosaics.com/
/cache/template/gzip.php?mootools-core-d7f4ed40.js
/cache/template/gzip.php?core-4aed2e6b.js
/cache/template/gzip.php?mootools-more-4411c759.js
/cache/template/gzip.php?cerabox.min-4e99ff9e.js
/cache/template/gzip.php?jquery.min-c4a03e6e.js
/cache/template/gzip.php?jquery-noconflict-0d2357d2.js
/cache/template/gzip.php?jquery-migrate.min-eada036a.js
/cache/template/gzip.php?bootstrap.min-14134556.js
/cache/template/gzip.php?widgetkit-bd854336-5f733045.js
/cache/template/gzip.php?theme-aeaf7b47.js

Richard

Please try to rename the modal.js file to other name, if it won't help, please ask for debug the extension developer.

Please try to rename the modal.js file to other name...

modal.js is not the problem.

I renamed modal.js on the server and loaded the pages again. The links still don't work even when modal.js is not loaded. modal.js is not part of the gallery, it isn't loaded on the 2 other sites where FW Gallery is working correctly. The gallery thumbnail links are not pop-up modals, they go to another page with full details and large photo of each gallery item.

FW Gallery developer Fastw3b has already disavowed all responsibility because switching from Storebox template to any other template fixes the problem. Conflict is with Storebox template.

Richard

Please try to remove from the js/gk.scripts.js file the following fragment:

Code: Select all

if(jQuery(document.body).attr('data-smoothscroll') == '1') {
      // smooth anchor scrolling
      jQuery('a[href*="#"]').on('click', function (e) {
          e.preventDefault();
          if(this.hash !== '') {
              if(this.hash !== '' && this.href.replace(this.hash, '') == window.location.href.replace(window.location.hash, '')) {
                  var target = jQuery(this.hash);
                  if(target.length && this.hash !== '#') {
                      jQuery('html, body').stop().animate({
                          'scrollTop': target.offset().top
                      }, 1000, 'swing', function () {
                          if(this.hash !== '#') {
                              window.location.hash = target.selector;
                          }
                      });
                  }
              }
          }
      });
   }

If it won't help I won't have any other ideas how to solve your issue.

That fixed it!

Thanks,
Richard