How to delete sort by option from dawn theme?

[NamanGupta]

I am using dawn theme for my Shopify, and I wanted to delete some sort by option from the same (Date, Old to New & Date, New to Old)

My store: https://albatrossclothing.myshopify.com/

Can someone please help...

[made4Uo]

Hi @NamanGupta,

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Snippet folder, open the facets.liquid

3. In the file, find the code below. You will find 3 codes.

<option value="{{ option.value | escape }}"{% if option.value == sort_by %} selected="selected"{% endif %}>{{ option.name | escape }}</option>

4. Replace all 3 with the code below. Then click SAVE

{% unless option.name contains "Date" %}
    <option value="{{ option.value | escape }}"{% if option.value == sort_by %} selected="selected"{% endif %}>{{ option.name | escape }}</option>
{% endunless %}

Code should look like below.

[Mireta]

Hello Made4Uo,

It looks like this code isn't working on Dawn 12.0.0.
We will appreciate if you provide an updated code.
Thank you!

[DGiddens1720]

Good morning. I would like to delete the 'sort by" feature altogether. My site is https://www.theperseidgroup.net/collections/test-services.

I am using the Dawn theme.

Thank you for the assistance!

Dana

[Made4uo-Ribe]

Hi @DGiddens1720 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.facet-filters__field, .product-count.light {
    display: none;
}

And save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[DGiddens1720]

Hi! I added the code as you said, but it's still not rendering the site without the "sort by." 

Here's the code (I'm not a coder, but I THINK I have an extra } in there...) -

...  40% {
transform: translateX(30%) scaleX(0.7);
}
100% {
transform: translateX(100%) scaleX(0);
}
}
.facet-filters__field, .product-count.light {
display: none;
}

[Made4uo-Ribe]

In your base.css where you paste it, your missing one closing bracket. 

This is the current.. 

Add here. 

And save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[DGiddens1720]

Hi!  OK... So I THINK I have the code right, but it's still showing the filter...

Can you check?

[Made4uo-Ribe]

Yes, Can you replace on this. 

.facet-filters .facet-filters__field, .product-count.light {
    display: none;
}

And save. 

Be sure not to remove other sign. Thanks!

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[DGiddens1720]

That did it! Many thanks! Dana

[Made4uo-Ribe]

Welcome! Please, Dont forget hit likes. Thanks!

[DGiddens1720]

That did it! Thank you SO much!!

Dana