Reload page instead of Ajax rebuild layout because of a menu click error

Hi there,
I saw that in the page you mentioned is missing the wrapper element for the shop content (#content) looked by the plugin. This is causing the plugin to update the whole page, which might be breaking the menu button.

You can solve this issue by setting a custom wrapper element used by your theme, like the class .main-container, by adding the following code to the functions.php file of your current theme:

if( ! function_exists( 'yith_wcan_content_selector' ) ){
    function yith_wcan_content_selector( $selector ){
        $selector = '.main-container';
        return $selector;
    }
    add_filter( 'yith_wcan_content_selector', 'yith_wcan_content_selector' );
}

I’m looking forward to your response.
Have a good day.

Hi @aranofacundo
and thanks for your reply.
I know it solve the problem but it goes in coflict with isotope on the UNCODE THeme (just to know to future related problem).

Now, (solved this problem with Isotope set opacity to 1 ?? ), i’ve another strange prblem, it change the filter by price widget on the left sibar, only after a filter is set.

Is related to this point?

An Update is:
it seems that after a filter is set, the plugin generate a new product_filter_widget and not the one of the theme.

Theme Widget:

<aside id="woocommerce_price_filter-1" class="widget woocommerce widget_price_filter widget-container sidebar-widgets">
	<h3 class="widget-title">FILTER BY PRICE</h3>
	<form method="get" action="https://www.mille997.com/designmarmo/">
		<div class="price_slider_wrapper">
			<div class="price_slider ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content" style=""><div class="ui-slider-range ui-corner-all ui-widget-header" style="left: 0%; width: 100%;"></div><span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 0%;"></span><span tabindex="0" class="ui-slider-handle ui-corner-all ui-state-default" style="left: 100%;"></span></div>
			<div class="price_slider_amount" data-step="10">
				<input type="text" id="min_price" name="min_price" value="0" data-min="0" placeholder="Prezzo Min" style="display: none;">
				<input type="text" id="max_price" name="max_price" value="480" data-max="480" placeholder="Prezzo Max" style="display: none;">
							<button type="submit" class="button">Filtro</button>
				<div class="price_label" style="">
					Prezzo: <span class="from">€&nbsp;0</span> — <span class="to">€&nbsp;480</span>
				</div>
				<input type="hidden" name="yith_wcan" value="1"><input type="hidden" name="product_cat" value="giacomo-giacalone-collaborazioni-oggetti">			<div class="clear"></div>
			</div>
		</div>
	</form>
</aside>

Plugin Widget after a filter is set or removed:

<aside id="woocommerce_price_filter-1" class="widget woocommerce widget_price_filter widget-container collapse-init sidebar-widgets">
	<h3 class="widget-title">FILTER BY PRICE</h3>
	<form method="get" action="https://www.mille997.com/designmarmo/">
		<div class="price_slider_wrapper">
			<div class="price_slider" style="display:none;"></div>
			<div class="price_slider_amount" data-step="10">
				<input type="text" id="min_price" name="min_price" value="0" data-min="0" placeholder="Prezzo Min">
				<input type="text" id="max_price" name="max_price" value="480" data-max="480" placeholder="Prezzo Max">
							<button type="submit" class="button">Filtro</button>
				<div class="price_label" style="display:none;">
					Prezzo: <span class="from"></span> — <span class="to"></span>
				</div>
							<div class="clear"></div>
			</div>
		</div>
	</form>
</aside>

Hi there,
this looks like the WooCommerce filter, I don’t see any class of our plugin here.

HI I seem to be having the same issue, however the snippet you provided works like a charm, it somehow duplicates my shop product page. Creating the duplicated page under pagination.

Please help as I really need a fix for this.