Need to add query string in url from select option

Question

I need to add query string from select option to sort out products as "Price Low to High" as default option when page load, here you can check products showing in collection t-shirt https://soft-theme.myshopify.com/collections/t-shirts and default option is "Newest to Oldest" and I want to change this "Price Low to High" as default option as you can see from dropdown of Sort By when we select "Price Low to high" its get change to https://soft-theme.myshopify.com/collections/t-shirts?sort_by=price-ascending

I just want this as default when page open first time.

http://prntscr.com/ehqmep

Nomi Ali · Accepted Answer · 2017-03-09 07:51:57Z

1

You can do this by trigger a specific event you want to show by default in jquery. First provide the ID to the dropdown li like

<ul class="dropdown-menu" role="menu" selected="selected">
        <li><a id="id1" href="manual">Featured</a></li>
        <li><a id="id2" id="test" href="price-ascending">Price: Low to High</a></li>
        <li><a id="id3" href="price-descending">Price: High to Low</a></li>
        <li><a id="id4" href="title-ascending">A-Z</a></li>
        <li><a id="id5" href="title-descending">Z-A</a></li>
        <li><a id="id6" href="created-ascending">Oldest to Newest</a></li>
        <li><a id="id7" href="created-descending">Newest to Oldest</a></li>
        <li><a id="id8" href="best-selling">Best Selling</a></li>
      </ul>

Then in jquery document ready function trigger the event like below

$(function(){
    $("#id2").click(); //as price low to high
});

answered Mar 9, 2017 at 7:51

Nomi Ali

2,2823 gold badges29 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Barjinder Over a year ago

I need it to change on page load not on click

Nomi Ali Over a year ago

call this on page load: $("#id2").click();

Collectives™ on Stack Overflow

Need to add query string in url from select option

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related