Modifying the 'Sort by' drop down menu on Minimal theme

Solved
Highlighted
New Member
2 0 1

Hello,

 

First time user of the forum here!

I recently updated to the latest version of the Minimal theme and I have been unable to find where to edit the 'Sort By' drop down menu in the collection page. 

Specifically I would like to remove and rename some of the Sort By options - options like 'Bestselling' are not relevant since all our products are one-offs.
 
I have tried to locate the relevant code without any success.
 
Thanks a lot in advance for the help.
 
Michael

(endyma.com)

1 Like
Highlighted
Shopify Partner
4870 722 1562

Hello, @ENDYMA 

Thanks for post.

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Expert
3483 543 820

This is an accepted solution.

Hi @ENDYMA 

As in this sort filter box are generate by liquid code so you ahve not any option to change code. but instead of we have one way like you can add custom select box.

Go to Snippet->collection-sorting.liquid and fine below code:

 <select name="sort_by" id="SortBy" class="btn--tertiary" aria-describedby="a11y-refresh-page-message">
  {% for option in collection.sort_options %}
     <option value="{{ option.value }}"{% if sort_by == option.value %} selected="selected"{% endif %}>{{ option.name }}</option>
  {% endfor %}
  </select>

Now you can remove this and add this custom box and change whatever you want but dont change value of option  

 

<select name="sort_by" id="SortBy" class="btn--tertiary" aria-describedby="a11y-refresh-page-message">
     <option value="manual">Featured</option>  
     <option value="best-selling">Best selling</option>  
     <option value="title-ascending">Alphabetically, A-Z</option>  
     <option value="title-descending">Alphabetically, Z-A</option>  
     <option value="price-ascending">Price, low to high</option>  
     <option value="price-descending">Price, high to low</option>  
     <option value="created-ascending">Date, old to new</option>  
     <option value="created-descending">Date, new to old</option>
  </select>

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
New Member
2 0 1

Hi @Jasoliyahank you so much! This worked great. I also manually added a text before the new drop-down as it didn't come with it like the previous one, as shown below in bold. Thanks again for the help.

 

<div class="form-horizontal">
<small>Sort by:</small> <select name="sort_by" id="SortBy" class="btn--tertiary" aria-describedby="a11y-refresh-page-message">
[.......]
</select>
</div>

0 Likes
Highlighted
Shopify Expert
3483 543 820

Send me your store url and password here or pm

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes