Andrew Turner in reply to:
Breadcrumb Navigation Issue

#77104

ok I understand. I tried changing the Results container class to .woocommerce_with_sidebar so it includes the breadcrumb navigation.
This seems to work when first clicking on a Product Category filter, it updates the Breadcrumb Navigation to just “Products” which is fine. However, when clicking on another Product Category or Brand the page doesnt get updated again.
Any idea why this is happening?

Add New Note to this Reply

Andrew Turner in reply to:
Breadcrumb Navigation Issue

#76518

Any updates on this?

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#47681

Thanks, my final code looks like below incase anyone else finds they need a similar solution, I had to change the opening and closing brackets after the select2 initilization to get it working:

var $j = jQuery.noConflict();

$j(document).ready(function() {
	"use strict";
	$j(document).on("sf:ajaxfinish", ".searchandfilter", function(){
		console.log("ajax complete");
		//so load your lightbox or JS scripts here again+
		$j('.woocommerce-ordering select').select2({ //re-init select2
		 	minimumResultsForSearch: Infinity
		});
	});
});

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#47495

I believe I now have it working. I changed the line from this:

$j('.searchandfilter select').select2(); //re-init select2

to this:

$j('.woocommerce-ordering select').select2(); //re-init select2

And it is successfully adding the select2 js to the drop-down!. However, how do I remove the extra search field it’s adding to the drop-down?.

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#47494

It was because I was using the code in my child theme. When I add your alert code to the parent theme it displayed the alert message. So I then went ahead and added the previous code to the same file but it still doesnt work.

The console outputs “ajax complete” which I presume it is meant to, if I click on the ajax complete message in the console it opens the js code I added to the file so it must be loading it correctly.

To explain where I was adding it was originally in child-theme/js/custom_js.js, I then copied your alert code to parent-theme/js/custom_js.js and the alert message displayed, so I then copied the previous code to it.

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#46988

Sorry for late reply. Tried the code but still no joy change unfortunately.

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#46210

I have found how the theme is adding the select2 to the woocommerce sorting select:

$j(document).ready(function() {
	"use strict";

    $j('.price_slider_wrapper').parents('.widget').addClass('widget_price_filter');
    initSelect2();
    initAddToCartPlusMinus()
});

<strong>function initSelect2() {
    $j('.woocommerce-ordering .orderby, #calc_shipping_country, #dropdown_product_cat').select2({
        minimumResultsForSearch: -1
    });
    $j('.woocommerce-account .country_select').select2();</strong>
}

I tried adding the search and filter select class .searchandfilter .sf-input-select into the function
but unfortunately it didnt work.
I feel this script is close to what I need but I dont know how to combine it with the script you started for me above.

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#46071

This reply has been marked as private.

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#45977

All I see in console is errors about Google Map API. I’m really not experienced with javascript/ajax so am a bit lost here.

Add New Note to this Reply

Andrew Turner in reply to:
Select2 Orderby Not displaying

#45813

Any further assistance with this would be appreciated.

Add New Note to this Reply

[Author]

Posts