Remove/Edit A Sorting Option On Collection Page

Store Design
, ,
1

Hello, I am using the Aurora Theme and I want to delete the “Best Selling” “Alphabetically, A-Z” “Alphabetically, Z-A” and “Date, old to new” sort options, leaving only “Featured” “Price, low to high” “Price, high to low” and “Date, new to old” options.

Is it also possible to rename the sort options? I would like:

Price, low to high → Price Ascending

Price, high to low → Price Descending

Date, new to old → Latest Arrivals

Lastly, I would love the have the order of the drop down be:

Featured

Latest Arrivals

Price Descending

Price Ascending

My collection.json is:

{
“sections”: {
“collection-hero-banner”: {
“type”: “collection-hero-banner”,
“disabled”: true,
“settings”: {
“color_scheme”: “white”,
“enable_background_around_container”: false,
“container_size”: “full-screen”,
“section_spacing_top”: 0,
“section_spacing_bottom”: 0,
“desktop_ratio”: 0.2,
“mobile_ratio”: 1,
“show_collection_image”: true,
“show_breadcrumbs”: true,
“show_collection_title”: true,
“show_collection_description”: true,
“desktop_overlay_opacity”: 10,
“mobile_overlay_opacity”: 10,
“desktop_content_position”: “align-items:center;justify-content:center;”,
“desktop_content_align”: “center”,
“content_max_width”: 1304,
“content_spacing”: 48,
“mobile_content_position”: “align-items:center;”,
“mobile_content_align”: “center”
}
},
“products”: {
“type”: “products”,
“settings”: {
“color_scheme”: “default”,
“container_size”: “full-screen”,
“section_spacing_top”: 48,
“section_spacing_bottom”: 48,
“enable_sorting”: true,
“show_product_count”: false,
“show_column_count_switcher”: true,
“enable_filtering”: false,
“filters_position”: “left”,
“filter_style”: “closed-embed”,
“categories_style”: “static”,
“option_style”: “checkbox-outline”,
“show_color_swatches”: true,
“show_divider”: true,
“enable_uppercase_title”: true,
“img_ratio”: “default”,
“product_card_align”: “center”,
“product_per_page”: 12,
“desktop_columns”: “4”,
“desktop_space_between_cards”: 32,
“mobile_columns”: “2”,
“mobile_space_between_cards”: 8,
“pagination_type”: “classic-pagination”
}
}
},
“order”: [
“collection-hero-banner”,
“products”
]
}

Would appreciate any help on this! Thank you.

2

Hi!
Ann from the Aurora dev team here. Sorting feature and its options are provided by Shopify. Which is why, to exclude the mentioned sorting options, a slight tweak in the theme code is needed.

Among the theme options, find and click the Edit code and find the sort-list.liquid file.

First, insert this line (it should be on line 9 for the theme version 3.0.2, for example):

endfor
assign excluded_options = ‘best-selling,title-ascending,title-descending,created-ascending’
-%}

Then, add this lines in two places (it should be on lines 51, 106 for theme version 3.0.2, for example):

{% for option in results.sort_options %} **{% unless excluded_options contains option.value %}** <label

..and the closing lines (on 71, 125)

__*{% endunless %}*__ {% endfor %}

This would work not just for 3.0.2 version, but the earlier versions, the line numbers might slightly change though.

You can also contact our support team via the contact form, and we will help you out.

As for renaming the sorting options, it can be done through the theme option Edit default theme content.

In the field “Filter items” type in “sort” and all the sorting-related entries will appear. Theme you can change what’s written by default to what you need and Save the changes.

Here’s also the Shopify guide to aid you: https://help.shopify.com/en/manual/online-store/themes/customizing-themes/language/change-wording