Hide filter on collections page

[sarat86]

Hi!

I've been perusing the forums to find a solution and have found a few but none of them worked for me.

I'm hoping to hide the "filter" option at the top right of my Shop and Classes tab.

I'm using the dawn theme.

Here is the url https://71905c-aa.myshopify.com/ PW testingtesting

Thank you!

[BSSCommerce-HDL · Accepted solution]

Hi @sarat86, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save

.facets-container {
    display: none !important;
}

Here is result: 

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[sarat86]

Amazing thank you so much this worked perfectly!

[BSSCommerce-HDL]

Hi @sarat86, We're happy to support you. Can you give us a like? This can greatly motivate us to contribute to our community. 😍😍

[artgazette]

Hi @BSSCommerce-HDL - I have a similar but more unique question, if you don't mind...

Is it possible to hide only the Smart Collections filters, and keep the Browse All Collection filters showing?

So for example on this Store I'm building (Password is "artgisback"), I'd like to HIDE only the Smart Collection filter: https://artgazette-dev.myshopify.com/collections/artists-cameron-platter, as per this example done in dev tools:

And the Artworks Browse All collection here should remain the same: https://artgazette-dev.myshopify.com/collections/all.

Thanks in advance.

Kim

[BSSCommerce-HDL]

Hi @artgazette, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

{% assign full_url = request.host | append: request.path %}
{% if full_url contains 'artists-cameron-platter' %}
<style>
.facets-container {
    display: none !important;
}
</style>
{% endif %}

Hope this can help you 😍

[artgazette]

Hi @BSSCommerce-HDL ,

Appreciate the reply. Although I gave x1 Vendor example for "artists-cameron-platter", in reality when we go live, we will have possibly 800 Vendors and Smart Collections for each Vendor... so that code could become quite large to maintain and could become non-performant? Do you see any issues, or do you think it would be fine?

Cheers

[artgazette]

Hi @BSSCommerce-HDL - actually thinking about this, could we not just add an IF / ELSE clause that says:

IF url is the BROWSE ALL Collection (https://artgazette-dev.myshopify.com/collections/all), then show current Shopify code logic to show the Filters;

ELSE, hide the the FIlter using your code logic above?

Would you be able to help me write out that IF/ELSE logic?