how to hide this one

niceeee · August 19, 2024, 1:51am

filter in the product
https://n2let9qiifhun86s-53134196927.shopifypreview.com

BSSCommerce-HDL · August 19, 2024, 1:55am

Hi @niceeee , What theme do you use?

namphan · August 19, 2024, 3:28am

Please send me the code of facets.liquid file, I will check it for you

niceeee · August 19, 2024, 5:09am

{{ 'component-visual-display.css' | asset_url | stylesheet_tag }}
{{ '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
-%}

{% comment %} category {% endcomment %}
{% if filter_type == 'vertical' and enable_fill_category == true %} 

  {%- for link in section.settings.menu.links -%}
    - {%- if link.links != blank -%}
        
        {%- else -%}
        
          
              {{- link.title | escape -}}
          
        
        {%- endif -%}
    
  {%- endfor -%}

{% endif %}
{% comment %} category end {% endcomment %}

  {%- 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 != nil or filter.max_value.value != nil -%}
          
        {%- 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 -%}

niceeee · August 19, 2024, 5:10am

veena theme

niceeee · August 19, 2024, 5:11am

{{ ‘component-visual-display.css’ | asset_url | stylesheet_tag }}
{{ ‘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
-%}

{% comment %} category {% endcomment %}
{% if filter_type == ‘vertical’ and enable_fill_category == true %}

{%- if link.links != blank -%}
{{- link.title | escape -}} {% render 'icon-caret' %}
- {%- if childlink.links == blank -%} {{ childlink.title | escape }} {%- else -%}
  {{ childlink.title | escape }} {% render 'icon-caret' %}
  - {{ grandchildlink.title | escape }}
  {%- endif -%}
{%- else -%} {{- link.title | escape -}} {%- endif -%}

{% endif %} {% comment %} category end {% endcomment %}

{%- if filter_type == ‘vertical’ or filter_type == ‘horizontal’ -%}

{%- if results.terms -%} {%- endif -%} {% if enable_filtering %}

{%- if filter_type == 'horizontal' and results.filters != empty -%}

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

{%- unless results.filters == empty -%}

{%- endunless -%} {{ 'products.facets.clear_all' | t }}

{%- for filter in results.filters -%} {%- for value in filter.active_values -%} {{ filter.label }}: {{ value.label | escape }} {% render 'icon-close-small' %} {{ 'products.facets.clear_filter' | t }} {%- endfor -%} {% if filter.type == "price_range" %} {%- if filter.min_value.value != nil or filter.max_value.value != nil -%} {%- if filter.min_value.value -%}{{ filter.min_value.value | money }}{%- else -%}{{ 0 | money }}{%- endif -%}-{%- if filter.max_value.value -%}{{ filter.max_value.value | money }}{%- else -%}{{ filter.range_max | money }}{%- endif -%} {% render 'icon-close-small' %} {{ 'products.facets.clear_filter' | t }} {%- endif -%} {% endif %} {%- endfor -%}

{%- endif -%} {% comment %} Filters for both horizontal and vertical filter {% endcomment %} {%- for filter in results.filters -%} {% liquid assign total_active_values = total_active_values | plus: filter.active_values.size case filter.presentation when 'swatch' assign has_visual_display = true assign show_more_number = 15 assign visual_layout_class = 'facets-layout-grid facets-layout-grid--' | append: filter.presentation else assign has_visual_display = false assign visual_layout_class = 'facets-layout-list' assign show_more_number = 10 endcase%} {% case filter.type %} {% when 'boolean' or 'list' %}

{{ filter.label | escape }}{%- if filter_type == 'vertical' -%} ({{ filter.active_values.size }}){% endif %} {% render 'icon-caret' %}

{%- if filter_type != 'vertical' -%}

{{ 'products.facets.filters_selected' | t: count: filter.active_values.size }} {{ 'products.facets.reset' | t }}

{%- endif -%} {{ filter.label | escape }}

{%- liquid assign swatchfilename = value.label | handle | append: '.' | append: 'png' assign swatchimage = swatchfilename | file_img_url: '50x50' | prepend: 'https:' | split: '?' | first assign colorswatchvalue = value.label | downcase | replace: ' ', '' -%} {% if has_visual_display %}
{% render 'visual-display', type: value.display.type, value: value.display.value, presentation: filter.presentation %}
{% else %} {% endif %} {{- value.label | escape }} ({{ value.count }}) {{ value.label | escape }} ({% if value.count == 1 %}{{ 'products.facets.product_count_simple.one' | t: count: value.count }}{% else %}{{ 'products.facets.product_count_simple.other' | t: count: value.count }}{% endif %})

{% comment %} No show more for no JS {% endcomment %}

{% render 'icon-checkmark' %} {{ value.label | escape }} ({{ value.count }}) {{ value.label | escape }} ({% if value.count == 1 %}{{ 'products.facets.product_count_simple.one' | t: count: value.count }}{% else %}{{ 'products.facets.product_count_simple.other' | t: count: value.count }}{% endif %})

{%- if filter.values.size > show_more_number and filter_type == 'vertical' -%} + {{ 'products.facets.show_more' | t }} - {{ 'products.facets.show_less' | t }} {%- endif %}

{% when 'price_range' %} {% liquid assign currencies_using_comma_decimals = 'ANG,ARS,BRL,BYN,BYR,CLF,CLP,COP,CRC,CZK,DKK,EUR,HRK,HUF,IDR,ISK,MZN,NOK,PLN,RON,RUB,SEK,TRY,UYU,VES,VND' | split: ',' assign uses_comma_decimals = false if currencies_using_comma_decimals contains cart.currency.iso_code assign uses_comma_decimals = true endif %}

{{ filter.label | escape }}{% render 'icon-caret' %}

{%- assign max_price_amount = filter.range_max | money | strip_html | escape -%} {{ "products.facets.max_price" | t: price: max_price_amount }} {%- if filter_type != 'vertical' -%} {{ 'products.facets.reset' | t }} {%- endif -%}

{% endcase %} {%- endfor -%} {{ 'products.facets.filter_button' | t }}

{% comment %} Pills after filtes on filter type horizontal {% endcomment %} {%- if filter_type == 'horizontal' -%}

{%- for filter in results.filters -%} {%- for value in filter.active_values -%} {{ filter.label }}: {{ value.label | escape }} {% render 'icon-close-small' %} {{ 'products.facets.clear_filter' | t }} {%- endfor -%} {% if filter.type == "price_range" %} {%- if filter.min_value.value != nil or filter.max_value.value != nil -%} {%- if filter.min_value.value -%}{{ filter.min_value.value | money }}{%- else -%}{{ 0 | money }}{%- endif -%}-{%- if filter.max_value.value -%}{{ filter.max_value.value | money }}{%- else -%}{{ filter.range_max | money }}{%- endif -%} {% render 'icon-close-small' %} {{ 'products.facets.clear_filter' | t }} {%- endif -%} {% endif %} {%- endfor -%} {{ 'products.facets.clear_all' | t }}

{%- endif -%} {% endif %} {% if results.current_vendor or results.current_type %} {% endif %} {%- if filter_type == 'horizontal' -%} {% comment %} Sorting and product count are the last elements when filter type is horizontal {% endcomment %} {%- if enable_sorting -%}

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

{%- 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 -%}

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

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

{% if results.current_vendor or results.current_type %} {% endif %} {%- if results.terms -%} {%- endif -%} {%- endif -%} {%- endif -%} {% comment %} Drawer and mobile filter {% endcomment %}

{% render 'icon-filter' %} {%- if enable_filtering and enable_sorting -%} {{ 'products.facets.filter_and_sort' | t }} {%- elsif enable_filtering -%} {{ 'products.facets.filter_button' | t }} {%- elsif enable_sorting -%} {{ 'products.facets.sort_button' | t }} {%- endif -%} {%- if enable_filtering -%}{{ 'products.facets.filter_button' | t }}{%- endif -%} {%- render 'icon-close' -%}

{%- if enable_filtering and enable_sorting -%} {{ 'products.facets.filter_and_sort' | t }} {%- elsif enable_filtering -%} {{ 'products.facets.filter_button' | t }} {%- elsif enable_sorting -%} {{ 'products.facets.sort_button' | t }} {%- endif -%}

{%- if enable_filtering -%}{{ 'products.facets.filter_button' | t }}{%- 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 -%}

{% comment %} category {% endcomment %}

{%- if link.links != blank -%}
{{- link.title | escape -}} {% render 'icon-caret' %}
- {%- if childlink.links == blank -%} {{ childlink.title | escape }} {%- else -%}
  {{ childlink.title | escape }} {% render 'icon-caret' %}
  - {{ grandchildlink.title | escape }}
  {%- endif -%}
{%- else -%} {{- link.title | escape -}} {%- endif -%}

{% comment %} category end {% endcomment %}

{%- if enable_filtering -%} {%- for filter in results.filters -%} {% liquid case filter.presentation when 'swatch' assign has_visual_display = true assign visual_layout_class = 'facets-layout-grid facets-layout-grid--' | append: filter.presentation else assign has_visual_display = false assign visual_layout_class = 'facets-layout-list' endcase %} {% case filter.type %} {% when 'boolean' or 'list' %}

{{ filter.label | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %}

{% render 'icon-arrow' %} {{ filter.label | escape }}

{%- liquid
assign swatchfilename = value.label | handle | append: ‘.’ | append: ‘png’
assign swatchimage = swatchfilename | file_img_url: ‘50x50’ | prepend: ‘https:’ | split: ‘?’ | first
assign colorswatchvalue = value.label | downcase | replace: ’ ', ‘’
-%}
<input class=“mobile-facets__checkbox” type=“checkbox” name=“{{ value.param_name }}” value=“{{ value.value }}” id=“Filter-{{ filter.label | escape }}-mobile-{{ forloop.index }}”
{% if value.active %}checked{% endif %}
{% if value.count == 0 and value.active == false %}disabled{% endif %}
{% if filter.label == ‘Color’ %}style="background-color: {{ colorswatchvalue }};{% if images[swatchfilename] != blank %} background-image: url({{ swatchimage }});{% endif %} "{% endif %}>

{% render ‘icon-checkmark’ %}

{{ value.label | escape }} ({{ value.count }})
{{ value.label | escape }} ({% if value.count == ‘1’ %}{{ ‘products.facets.product_count_simple.one’ | t: count: value.count }}{% else %}{{ ‘products.facets.product_count_simple.other’ | t: count: value.count }}{% endif %})

{% when 'price_range' %}

{{ filter.label | escape }} {% render 'icon-arrow' %} {% render 'icon-caret' %}

{% render 'icon-arrow' %} {{ filter.label | escape }} {%- assign max_price_amount = filter.range_max | money | strip_html | escape -%}

{% endcase %} {%- endfor -%} {%- endif -%} {%- if enable_sorting -%}

{% render 'icon-caret' %}

{%- endif -%}

{% if results.current_vendor or results.current_type %}{% endif %}{%- if results.terms -%}{%- endif -%}

{%- for filter in results.filters -%} {%- for value in filter.active_values -%} {{ filter.label }}: {{ value.label | escape }} {% render 'icon-close-small' %} {{ 'products.facets.clear_filter' | t }} {%- endfor -%} {%- if filter.type == "price_range" -%} {%- if filter.min_value.value != nil or filter.max_value.value != nil -%} {%- if filter.min_value.value -%}{{ filter.min_value.value | money }}{%- else -%}{{ 0 | money }}{%- endif -%}-{%- if filter.max_value.value -%}{{ filter.max_value.value | money }}{%- else -%}{{ filter.range_max | money }}{%- endif -%}{% render 'icon-close-small' %}{{ 'products.facets.clear_filter' | t }} {%- endif -%} {%- endif -%} {%- endfor -%} {{ 'products.facets.clear_all' | t }}

{% 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' -%}

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

{% if results.current_vendor or results.current_type %} {% endif %} {%- if results.terms -%} {%- endif -%} {%- 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' -%}

{%- for filter in results.filters -%} {%- for value in filter.active_values -%} {{ filter.label }}: {{ value.label | escape }} {% render 'icon-close-small' %} {{ 'products.facets.clear_filter' | t }} {%- endfor -%} {%- if filter.type == "price_range" -%} {%- if filter.min_value.value != nil or filter.max_value.value != nil -%} {%- if filter.min_value.value -%}{{ filter.min_value.value | money }}{%- else -%}{{ 0 | money }}{%- endif -%}-{%- if filter.max_value.value -%}{{ filter.max_value.value | money }}{%- else -%}{{ filter.range_max | money }}{%- endif -%} {% render 'icon-close-small' %} {{ 'products.facets.clear_filter' | t }} {%- endif -%} {%- endif -%} {%- endfor -%} {{ 'products.facets.clear_all' | t }}

{%- endif -%}

namphan · August 19, 2024, 5:15am

Hi @niceeee ,

Please change all code:

{{ 'component-visual-display.css' | asset_url | stylesheet_tag }}
{{ '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
-%}

{% comment %} category {% endcomment %}
{% if filter_type == 'vertical' and enable_fill_category == true %} 

  {%- for link in section.settings.menu.links -%}
    - {%- if link.links != blank -%}
        
        {%- else -%}
        
          
              {{- link.title | escape -}}
          
        
        {%- endif -%}
    
  {%- endfor -%}

{% endif %}
{% comment %} category end {% endcomment %}

  {%- 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 != nil or filter.max_value.value != nil -%}
          
        {%- 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 -%}

Topic		Replies	Views
Change mobile filter layout from 'drawer' to 'horizontal' Shopify Apps shopify-apps	0	13	January 30, 2024
How can I hide tags in the Dawn theme for product filtering? Technical Q&A	8	8	June 28, 2023
How to Change "Sort By:" label text in Dawn to "SORT BY" Store Design customizations , collection-page , shopify-themes	3	36	August 18, 2024
Change the "Brand" filter to another title Store Design design , customizations	9	132	March 13, 2023
Have all filters collapsed by default Store Design design , shopify-themes , troubleshooting , product-page	4	25	July 30, 2024

how to hide this one

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

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

{%- if enable_filtering and enable_sorting -%} {{ 'products.facets.filter_and_sort' | t }} {%- elsif enable_filtering -%} {{ 'products.facets.filter_button' | t }} {%- elsif enable_sorting -%} {{ 'products.facets.sort_button' | t }} {%- endif -%}

{%- if enable_filtering -%}{{ 'products.facets.filter_button' | t }}{%- endif -%}

how to hide this one

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

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

{%- if enable_filtering and enable_sorting -%} {{ 'products.facets.filter_and_sort' | t }} {%- elsif enable_filtering -%} {{ 'products.facets.filter_button' | t }} {%- elsif enable_sorting -%} {{ 'products.facets.sort_button' | t }} {%- endif -%}

{%- if enable_filtering -%}{{ 'products.facets.filter_button' | t }}{%- endif -%}

Related topics