closed resolvedI 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!
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
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.
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
}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.
Nick
Moderator
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
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,
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
