Hover animation doesnt work in Shop- Storebox

Hey guys, on the shop frontpage with the categories and featured items etc, the mouse hover over animation doesnt work, it seems to be working on all the other pages but not on the front page of the shop which is weird

any help would be appreciated !

Thanks in advanced

Luke

Could you please post an url to your site?

artek.co.za

the hover animation doesnt work on this page - http://artek.co.za/index.php/shop

Could you please check if your template is updated?

it says the template is up to date , and the version is 3.15 .1 in the description, just in case its not detecting updates correctly, thats the version i have

Please do one more thing - please backup your current template files, download template from our site and reupload it via ftp replacing current files.
Also - is it J2.x or 3.x installation?

Hey, I will do that now, it is the version 3.x Installation, i reinstalled it a few times to try fix it, but i didnt re-download the files.

Will get back to you ASAP

Thanks

Hey Cyberek,

I downloaded the template and reuploaded it and did a fresh install and still have the same issue : /

Luke

Please send me a PM with:
1. URL to your website
2. login and password of user with admin/super-admin privileges (please create one for me)
3. ftp data (host, user, password)
4. link to this thread

Done

Anything?

Do you find solution for this issus? If so, share please...

I did not received PM form any of you guys.
Could you please send it again?

Please edit this file:

Code: Select all

/templates/gk_storebox/js/gk.scripts.js


Find this fragment (round 288 line):

Code: Select all

// Function to change styles
function changeStyle(style){
   var file1 = $GK_TMPL_URL+'/css/style'+style+'.css';
   var file2 = $GK_TMPL_URL+'/css/typography/typography.style'+style+'.css';
   var file3 = $GK_TMPL_URL+'/css/typography/typography.iconset.style'+style+'.css';
   jQuery('head').append('<link rel="stylesheet" href="'+file1+'" type="text/css" />');
   jQuery('head').append('<link rel="stylesheet" href="'+file2+'" type="text/css" />');
   jQuery('head').append('<link rel="stylesheet" href="'+file3+'" type="text/css" />');
   jQuery.cookie('gk_storebox_j30_style', style, { expires: 365, path: '/' });
}


jQuery(window).ready(function() {


And just before line:

Code: Select all

jQuery(window).ready(function() {


please insert this code:

Code: Select all

/* VirtueMart addons */
window.addEvent('domready', function() {
   
   var products = document.getElements('.browse-view .product');
   var categories = document.getElements('.category-view .category');
   var f_products = document.getElements('.featured-view .product');
   var l_products = document.getElements('.latest-view .product');
   var t_products = document.getElements('.topten-view .product');
   var r_products = document.getElements('.recent-view .product');
   
   [products, categories, f_products, l_products, t_products, r_products].each(function(p) {
      if(p.length > 0) {
         p.each(function(item,i) {
            item.addEvents({
               "mouseenter": function() {
                  item.addClass('active');
               },
               "mouseleave": function() {
                  item.removeClass('active');
               }
            });
         });
      }
   });
});


I have also submitted this issue to our devteam.