Forum Replies Created

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • in reply to: Problem with Abundance and WooCommerce in Firefox #128464

    Ah OK. I think the problem has been solved. The site is hosted on WPEngine who have their own in-built cacheing mechanism. I think the way Abundance deals with the Woocommerce cart is incompatible with WPEngine’s stock cache. They were very quickly able to drop some code onto the site to make allowance for it though and things are now working as they should.

    I’d recommend WPEngine by the way… really quick service and problem solved!

    in reply to: Problem with Abundance and WooCommerce in Firefox #128463

    Dang. I’ve just realised it’s doing it on Chrome on Windows as well. Seems OK on Chrome on Mac. It seems there is something very broken and I’m at a bit of a loss as to what’s causing it :-(

    in reply to: Problem with Abundance and WooCommerce in Firefox #128462

    Problem is happening on Internet Explorer as well.

    Also, adding to cart from the overlays on the product listing pages is broken.

    Could really do with some help here!

    Cheers,

    Dave

    in reply to: Mega menu on click, rather than hover #88101

    OK, I want the moon on a stick now ;-)

    For tablet / smartphone users, I need to be able to click outside the mega menus / dropdowns when they’re open to make them go away (‘cos there’s no mouseleave event). Any ideas?

    in reply to: Mega menu on click, rather than hover #88100

    Further tweak… I changed “options.delay” to “0″ for the mouseup event on mega menus. It felt odd to have a slight delay after clicking the link before the mega menu faded into place. You can see the final product here:

    http://www.amanotech.dreamhosters.com

    (It’s heavily customised, but it is Abundance, honest!)

    in reply to: Mega menu on click, rather than hover #88099

    Cool. I think I solved it. I did this:

    //bind event for mega menu
    megaItems.each(function(i){

    $(this).mouseup(

    function()
    {
    delayCheck = true;
    setTimeout(function(){megaDivShow(i); },options.delay);
    }
    );

    $(this).mouseleave(
    function()
    {
    delayCheck
    = false;
    setTimeout(function(){megaDivHide(i); },options.delay);
    }
    );
    });

    Seems to work.

    in reply to: Mega menu on click, rather than hover #88098

    Right. I’ve made some progress. The file to change is:

    /abundance/js/avia.js

    Dropdowns work great, I made a small change to the dropdown function starting at line 282:

    // bind events for dropdown menu
    dropdownItems.find('li').andSelf().each(function()
    {
    var currentItem = $(this),
    sublist = currentItem.find('ul:first'),
    showList = false;

    if(sublist.length)
    {
    sublist.css({display:'block', opacity:0, visibility:'hidden'});
    var currentLink = currentItem.find('>a');

    currentLink.bind('mouseup', function() //currentLink.bind('mouseenter', function() <--CHANGED BY DAVE
    {
    sublist.stop().css({visibility:'visible'}).animate({opacity:1});
    });

    currentItem.bind('mouseleave', function()
    {
    sublist.stop().animate({opacity:0}, function()
    {
    sublist.css({visibility:'hidden'});
    });
    });

    }

    });

    So you click a nav link to get the dropdown menu and it automatically closes when you move the mouse away from it.

    The mega menus I haven’t sorted completely yet. I’ve changed the function starting on line 262 to the following:

    //bind event for mega menu
    megaItems.each(function(i){

    $(this).toggle( //$(this).hover( <--CHANGED BY DAVE

    function()
    {
    delayCheck = true;
    setTimeout(function(){megaDivShow(i); },options.delay);
    },

    function()
    {
    delayCheck
    = false;
    setTimeout(function(){megaDivHide(i); },options.delay);
    }
    );
    });

    Trouble is, using toggle, you have to click the nav link again to get rid of the menu, rather than it disappearing automatically. My jQuery skills aren’t strong enough to quickly see how to rewrite this function to work the same as dropdowns. Any ideas?

    Cheers,

    Dave

    in reply to: Overriding avia framework CSS #85958

    Hah! Yes of course – senior moment :-)

Viewing 8 posts - 1 through 8 (of 8 total)