• Resolved comheroes

    (@comheroes)


    Hello Dima,

    When I apply a filter, in this case the price filter, it hides the form element that you see in my code below. Do you know why that happens?

    Thanks!

    Danny

    <section class="product-filters clearfix">	 
    
    			<form class="woocommerce-ordering" method="get">
    	<select name="orderby" class="orderby" id="ui-id-1" style="display: none;">
    					<option value="menu_order" selected="selected">Default sorting</option>
    					<option value="popularity">Sort by popularity</option>
    					<option value="rating">Sort by average rating</option>
    					<option value="date">Sort by newness</option>
    					<option value="price">Sort by price: low to high</option>
    					<option value="price-desc">Sort by price: high to low</option>
    			</select>
    <span class="ui-selectmenu-button ui-widget ui-state-default ui-corner-all" tabindex="0" id="ui-id-1-button" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-owns="ui-id-1-menu" aria-haspopup="true" style="width: 165px;"><span class="ui-icon ui-icon-triangle-1-s"></span><span class="ui-selectmenu-text">Default sorting</span></span>
    
    	<input type="hidden" name="filters" value="price=80.0083.00"><input type="hidden" name="max_price" value=""><input type="hidden" name="min_price" value="80.0083.00"></form>
    			<a class="btn toggle-filters show" href="#"><span>SHOW</span><span>HIDE</span> FILTERS</a>
    			<div class="the-product-filters hidden">
    				<h3 class="widget-title berocket_aapf_widget-title">Price Filter</h3>
    <ul class="berocket_aapf_widget " data-scroll_theme="dark"><li class="slider price">
    	<span class="left">
    		<input type="text" disabled="" id="text_937191763370492428_1" value="80.0083.00"><label for="text_937191763370492428_1">
    	</label></span>
    	<span class="right">
    		<input type="text" disabled="" id="text_937191763370492428_2" value=""><label for="text_937191763370492428_2">
    	</label></span>
    	<span class="slide">
    		<div class="berocket_filter_slider berocket_filter_price_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" data-taxonomy="937191763" data-min="80.00" data-max="100.00" data-value1="80.0083.00" data-value2="" data-fields_1="text_937191763370492428_1" data-fields_2="text_937191763370492428_2"><div class="ui-slider-range ui-widget-header ui-corner-all" style="left: 0%; width: 0%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span></div>
    	</span>
    </li></ul>			</div>
    
    		</section>

    https://ww.wp.xz.cn/plugins/woocommerce-ajax-filters/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Dmytro Holovnia

    (@dholovnia)

    Hi Danny,

    Filter update not only products but and sorting box and pagination. There are JavaScript callbacks that you can use to get your form out of the part that will be removed and add it back after products updated.

    Regards,
    Dima

    Thread Starter comheroes

    (@comheroes)

    Thanks Dima!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Filtering removes element form DOM’ is closed to new replies.