How to remove sort by. ' date and alphabet' -

[Happy_little_1]

Hi

I like to remove from sort by ‘’ date and alphabet’ . I have checked old forums and they refer to ‘collection files’ however they do not exist.

It must be easy- can someone please help?

[Amlibolikha]

Hi @Happy_little_1 ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

[Happy_little_1]

Hi

I have PM - you.

thanks

[PageFly-Richard]

Hi @Happy_little_1 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.popover-listbox__option[value="title-ascending"],
.popover-listbox__option[value="title-descending"],
.popover-listbox__option[value="created-ascending"],
.popover-listbox__option[value="created-descending"] {
    display: none !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[Happy_little_1]

Hi - Thanks for the reply. Can you please remove the image with the store details?

Also - this worked! but dosen’t work for the draw filter- kindly can you share the code for this too?

Many thanks!!!

[Happy_little_1]

YOU ARE A STAR!!!

[PageFly-Richard]

Hi @Happy_little_1 ,

Sure, I’m happy to help you. Let’s try this solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

#accordion-sort-by .checkbox-list .checkbox-container:nth-child(3),
#accordion-sort-by .checkbox-list .checkbox-container:nth-child(4),
#accordion-sort-by .checkbox-list .checkbox-container:nth-child(7),
#accordion-sort-by .checkbox-list .checkbox-container:nth-child(8){
    display: none !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[Happy_little_1]

Worked like magic - this community is so good!

Thank you so much for the help - saving this code forever

Have an amazing day!

[PageFly-Richard]

Hi @Happy_little_1 ,

Great! I’m glad that I can help

[nuie123]

Hi, I’m using Dawn Theme, so I don’t have a folder name: /theme.css

Where can I add your code instead?

Thanks in advance

[PageFly-Richard]

Hi @nuie123 ,

The dawn theme is using the Select option form, so it cannot be customized with css.
You can try this way:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Snippets->/facets.liquid->replace your code by below code:

{% comment %}
  Renders facets (filtering and sorting)

  Accepts:
  - results: {Object} Collection or Search object
  - enable_filtering: {Boolean} Show filtering when true
  - enable_sorting: {Boolean} Show sorting when true
  - filter_type: {String} Type of filter

  Usage:
  {% render 'facets', results: collection, enable_filtering: true, enable_sorting: true, filter_type: 'vertical' %}
{% endcomment %}

{{ 'component-show-more.css' | asset_url | stylesheet_tag }}

{%- liquid
  assign sort_by = results.sort_by | default: results.default_sort_by
  assign total_active_values = 0
  if results.url
    assign results_url = results.url
  else
    assign terms = results.terms | escape
    assign results_url = '?q=' | append: terms | append: '&options%5Bprefix%5D=last&sort_by=' | append: sort_by
  endif
-%}

  {%- if filter_type == 'vertical' or filter_type == 'horizontal' -%}
    
    {% comment %} Sorting for vertical filter are grouped with filter when no JS{% endcomment %}
    {%- if enable_sorting and filter_type == 'vertical' -%}
      
    {%- endif -%}
  {%- endif -%}
  {% comment %}  Drawer and mobile filter {% endcomment %}
  

  

    {%- for filter in results.filters -%}
      {%- for value in filter.active_values -%}
        
      {%- endfor -%}

      {%- if filter.type == 'price_range' -%}
        {%- if filter.min_value.value != null or filter.max_value.value != null -%}
          
        {%- endif -%}
      {%- endif -%}
    {%- endfor -%}
    
  

  {% comment %} Sort, product count and filter pills at the end when filter is type of Drawer for the correct tabbing order {% endcomment %}
  {%- if enable_sorting and filter_type == 'drawer' -%}
    
  {%- endif -%}
  

    ## 
      
        {%- if results.results_count -%}
          {{ 'templates.search.results_with_count' | t: terms: results.terms, count: results.results_count }}
        {%- elsif results.products_count == results.all_products_count -%}
          {{ 'products.facets.product_count_simple' | t: count: results.products_count }}
        {%- else -%}
          {{
            'products.facets.product_count'
            | t: product_count: results.products_count, count: results.all_products_count
          }}
        {%- endif -%}
      
    
    
      
    

  

  {%- if filter_type == 'drawer' -%}
    
  {%- endif -%}

I hope it would help you
Best regards,

Richard | PageFly

[nuie123]

Genius ! thank you SO much !!!

[fmshop1]

Hi,

I coied and pasted this code in my studio theme(facets.liquid) code but the loading icon won’t disappear.

Is there any way we can fix this?

Thanks