Customising The "Sort By" Options In Studio Theme

Store Design
1

Hi, I am trying to change the Sort By options in the Studio theme. I was able to do this in both the Debut theme and the Minimal theme by changing some of the coding. However, the coding is different in the Studio theme and the solution I have used doesn’t work. I would like mine to be this;

Featured

Title A-Z

Title Z-A

Lowest Price

Highest Price

I don’t want to New to Old sort by options as this only reflects the timing of when I created a product.

Has anyone been able to change the Sort By options?

2

Hi @marnieatkins to change the text of the collection filter or sort options edit the themes language locale for Checkout & System > Collections Sorting:

https://dawn-theme-customizations.myshopify.com/admin/themes/_**{THEME.ID}**_/language?category=checkout+&+system=&query=Sort

To HIDE some options here is a CSS bandaid, put the following code in a custom-liquid block/section in the collection template settings.

Always backup themes before making changes.

To specifically change the text of the option.name or the display order logic may be done with require customizing the main-collection.liquid section file:

https://github.com/Shopify/dawn/blob/main/sections/main-collection-product-grid.liquid#L53

To either modify each in that loop or to add your own custom html output of the

3

Hi Paul, thanks for replying but I can’t find the same liquid that you have provided in your response, It seems this is for the Dawn theme but I am after a solution in the Studio theme.

Here is a copy of the ‘sort by’ liquid I found in the main-product-collection-grid-liquid in the Studio theme. Is this where I am meant to make changes?

{% comment %} Sort is the first tabbable element when filter type is vertical {% endcomment %} {%- if section.settings.enable_sorting and section.settings.filter_type == 'vertical' -%}

{{ 'products.facets.sort_by_label' | t }}

{%- assign sort_by = collection.sort_by | default: collection.default_sort_by -%} {% render 'icon-caret' %}