We are trying to add multiple select filters to apply button for layered navigation in Magento 2.1.0 with Smile Elastic Suite.

I have created a jQuery script to get all multiple selected option and split taking only params in array like below.


So now how to convert this array and make single url with repeated params?

Our filters look like

enter image description here

My script is like :

            var val=[];
            var queryString= [];
            var hash;
            $("input[name='type']:checked").each(function() {                    
            val.push($(this).val().slice($(this).val().indexOf('?') + 1).split('&'));


Alert result is:


So help me to create single url to load products using filter params

in website multi attribute select will be like below "http://localhost/magento2/shop/kitchen.html?attribute1[0]=20&attribute11=30&attribute2[0]=21" so i am not getting the checked box value only for same attribute

1 Answer 1


url for multiple select looks like:


All values which belong to the same filter must be separated by commas

try it. It is hard-code, but i think you are able to understand logic

function search(name, value) {
    this.name = name;
    this.value = value;

$(".apply-filters").on("click", function (e) {
    var obj = [];
    var value = [];
    var queryString = window.location.pathname+'?';

    $("input[name='type']:checked").each(function () {
        var temp = $(this).val().split('=');
        obj.push(new search(temp[0], temp[1]));
        if (value.indexOf(temp[0]) == -1) {

    value.forEach(function (item) {
        queryString+= item + '=';
        obj.forEach(function (o) {
            if (o.name == item) {
                queryString+= o.value+',';
        queryString=queryString.substring(0, queryString.length - 1);
    queryString=queryString.substring(0, queryString.length - 1);

    $(location).attr('href', queryString);

  • but this gives comma seperated attrbiutes in filters url comma seperated not working...this working like : http://localhost.com/page.html?first_filter_name[0]=72&first_filter_name[1]=83&first_filter_name[2]=84&second_filter_name[0]=brand1&second_filter_name[1]=brand2 so how to create array for each filters if exist more than 1
    – sangan
    Feb 27, 2018 at 6:45
  • send html structure your filter.
    – Igor T.
    Feb 27, 2018 at 6:58
  • one block structure :==> <form> <span class="check-box"> <input name="type" value="http://localhost/site1_dev/index.php/shop/accessories/kitchen.html?isconsumablefor=325" type="checkbox"> </span> <!-- custom code end here --> <a href="http://localhost/site1_dev/index.php/shop/accessories/kitchen.html?isconsumablefor=325"> Kitchen </a> </form>
    – sangan
    Feb 27, 2018 at 10:10
  • this is our site urk please check this "devhome.homlot.com/site1_dev/shop/accessories.html"
    – sangan
    Feb 27, 2018 at 10:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.