Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #14932

    I have Ajax Layered Nav set up on my shop page. It filters correctly, but once you filter for the first time, the two floating menu items that show up on mouseover (Add to Cart and Show Details) stop showing up.

    Steps to recreate:

    - Click Shop

    - Mouseover image to see Add to Cart and Show Details

    - Filter with any of the options on the right hand side

    - Mouseover any of the results, Add to Cart and Show Details will not show up anymore.

    Please help!

    #85559

    Hi,

    Can you give us a link?

    Regards,

    Ismael

    #85560

    Hi TNS,

    I had exactly the same problem with my site. In my case it turned out to be a mistake I made in my Mega Menu. Once I removed the error from the mega menu, all worked fine. I don’t know if this will be valid in your case but just trying to help. Good luck,

    Jack

    #85561

    Hey,

    @Jack: Thanks for the info. :)

    Regards,

    Ismael

    #85562

    Thanks for your response Jack, I inspected the site and didn’t see any errors, definitely would like someone else to take a look just to make sure though. The website is thenewburystreet.com, I think you can also click my picture for the site. Thanks so much!

    #85563

    Hello,

    Yes, I can see the problem. I am not sure what is causing this behavior. Let me tag the rest of the support team.

    Regards,

    Ismael

    #85564

    The ajax function causes this issue. It’s used to replace the current shop items with the list of the filtered shop items and while it processes the request it displays a loading bar. However you need to bind all required jquery functions to the new items and the ajax function won’t do this automatically. You’ve two options:

    1) Ask the plugin author of the ajax filter widget where you need to add following code – all functions must be in the callback of the ajax function:

    cart_improvement_functions();
    cart_button_animation();
    cart_dropdown_improvement();
    avia_cloud_zoom('.cloudzoom_active .images>a', '.cloudzoom_active .thumbnails');
    $('body').bind('added_to_cart', update_cart_dropdown);

    2) Use the standard filter widget which reloads the page without ajax.

    #85565

    Thanks for the response, I’ll shoot a message to the plugin author and see what can be done.

    #85566

    This is the solution 61extensions provided:

    Just insert into functions.php

    add_action( 'wp_footer', 'sod_live_ajax_fix' );
    function sod_live_ajax_fix(){
    ?>
    <script>
    jQuery(document).ready(function(){
    jQuery('.thumbnail_container').live({
    mouseenter:
    function(){
    var container = jQuery(this), buttons = container.find('.button');
    container.containerHeight = container.height()/2;

    buttons.css({opacity:0, visibility:'visible', top: container.containerHeight});
    if(container.containerHeight < 20)
    {
    container.containerHeight = container.height()/2; buttons.css({top: container.containerHeight});
    }

    if(buttons.length > 1)
    {

    buttons.each(function(i)
    {
    var button = jQuery(this);

    if(i == 0)
    {
    var newPos = container.containerHeight - button.outerHeight()/2;
    button.stop().animate({top:newPos - 3, opacity:1})

    }
    else
    {
    var newPos = container.containerHeight + button.outerHeight()/2;
    button.stop().animate({top:newPos + 3, opacity:1})
    }

    });

    }
    else
    {
    buttons.stop().animate({opacity:1});
    }
    },
    mouseleave:
    function(){
    var container = jQuery(this), buttons = container.find('.button');
    container.containerHeight = container.height()/2;

    buttons.css({opacity:0, visibility:'visible', top: container.containerHeight});
    buttons.stop().animate({opacity:0, top: container.containerHeight});
    }
    });
    });
    </script>
    <?php
    }

    #85567

    Thanks for posting the response and final solution for anyone else who might encounter the same thing :)

    Regards,

    Devin

    #85568

    Absolutely, that was my thinking as well. This solution came from the same type of issue I had, but with the Abundance theme, so the rep at 61extensions wasn’t completely sure it would work for Flashlight, but it turned out well in the end. He also mentioned that the solution Dude posted may be a more elegant one, but since this already worked, I didn’t think we needed to pursue that one.

    #85569

    Hi tns,

    Thanks for posting the solution. Your website was going in and out a few hours earlier so I was having a hard time trying to write a fix, yet fixes are always better when they come directly from the developer, with a lesser chance of things being overlooked. Sorry I didn’t make you aware I was looking into the solution but i didn’t expect the plugin developer to be faster. Glad things worked out.

    Thanks,

    Nick

    #85570

    Hey Nick,

    Thanks a lot for taking a look as well, a few hours ago I was working to resolve a different issue (the tooltip problem on this forum), and I was activating / deactivating mass plugins and it was crashing my site. Luckily this developer had run into this type of issue before with Abundance and had the solution ready to go.

    Best,

    #85571

    I’m gonna go ahead and close out the topic but again, thank you for posting your final resolution :)

    Regards,

    Devin

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

The topic ‘Ajax Layered Nav widget causes image overlay menu to not show up’ is closed to new replies.