Removing 'Filter' on Collection pages.

naterv
Visitor
2 0 0

How do I remove 'Filter' on Collection pages? Im using the Debut theme and I am unable to remove it from the customize menus. Any way I can edit the code? Thanks!

Replies 26 (26)

Peter_old
Shopify Staff
63 0 20

Hey there!

Trevor the Guru here!

To remove the "Filtering" option within Debut is actually quite simple and doesn't require altering the code! 

  1. Open Online Store/Themes
  2. Click "Customize" for Debut
  3. In the top bar, you'll see a menu that says "Homepage". Click on this to open the drop-down menu
  4. Select "Collection Pages" from this menu
  5. Once this loads, you should see a "Collection Pages" section on the left-hand side, click on this to open it.
  6. Disable "Enable Tag Filter" Option 
  7. Click Save

Let me know if you have any questions!

All the best, 

Trevor M

Shopify Guru

Peter | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

FatmaMejalli
Visitor
1 0 0
Thank you 🙂
DylanStop
Visitor
2 0 2

Hi Trevor - do you know how to do this in the Prestige theme? I didn't see the "enable tag" option here (maybe I'm just missing it).

Thanks!

Dylan 

KetanKumar
Shopify Partner
36839 3635 11972

@DylanStop 

Thanks for post 

yes you can easy to hide see the image

WORKING - 23-06-2020 _ Shopify.png

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sbyron
Visitor
3 0 2

Having this same issue with the Supply theme and unable to remove filters. Please help!

KetanKumar
Shopify Partner
36839 3635 11972

@sbyron 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TFCreative
Tourist
4 0 1

Hi, did you find a solution to remove the filter button on collection mobile pages using the supply theme?

DylanStop
Visitor
2 0 2
Hi! I use the prestige theme, and I found it on the collections edit page,
it was actually pretty easy.

Dylan
TFCreative
Tourist
4 0 1
Thanks, I’m struggling to remove it from the mobile version of the site. Do you have any suggestions?
KetanKumar
Shopify Partner
36839 3635 11972

Hello, @TFCreative , @DylanStop 

Welcome to the Shopify community!
and Thanks for your Good question. 


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36839 3635 11972

@TFCreative 

Thanka store url.

sorry but your store is password protect can you please share us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
TFCreative
Tourist
4 0 1
Hi I’ve removed the password protection
KetanKumar
Shopify Partner
36839 3635 11972

@TFCreative 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.section-header--right .form-horizontal {
    display: none;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
adnan_tegels
Visitor
1 0 0

EDIT: found the answer, I was filtering the search in my navigation section pages!

Hi there Ketan,

I am using prestige as well, and somehow it's auto-selecting all filters, so it doesn't view any of my products. Do you know how to de-select all filters when launching the page? It's quite detrimental when people click on the boxes in the navbar and get taken to pages where no products are showing. These are the links:

https://tegelsonlinekopen.nl/collections/vloertegels/Graniet+Keramiek+Marmer+Kwartsiet+Travertin+Lei...


You get to these links by clicking on 'vloertegels' or 'terastegels' in the top nav-bar.

Would appreciate any help on how to de-select them when clicking on above mentioned two boxes in the navbar.

 

KetanKumar
Shopify Partner
36839 3635 11972

@adnan_tegels 

Thanks 

can you please provide screenshot or video?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Busy-Mums-Club
Visitor
1 0 1

hi,

 

I cant seem to remove the filter on our planner essentials page. We are using impluse?

https://thebusyclub.co.uk/collections/planner-essentials/stickers

Thank you, Stef

KetanKumar
Shopify Partner
36839 3635 11972

@Busy-Mums-Club 

can you please show me which one do you have remove?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Malanep
Tourist
4 0 1

Supply Theme: Removing Filter

It would be a good idea to create a theme backup before editing any code

Please, go to edit code and locate collection-template.liquid file under sections folder. 

inside that theme look for these lines: 


{% include 'collection-sorting' %}
{% include 'collection-views' %}
{% include 'toggle-filters' %}

and replace them with

{% comment %}
{% include 'collection-sorting' %}
{% include 'collection-views' %}
{% include 'toggle-filters' %}
{% endcomment %}

After doing so, you might still see Shop For, More Categories on the home page!

To remove them completely, 

add the following code at the end of the theme.scss.liquid  file which you would find under the assets directory.

 

h2.h1.section-header--left, .div.section-header--right{

display: none! important;

}

 

Jusicon
Visitor
2 0 0

How would I do this on Dawn theme??

aslanov91uk
Visitor
1 0 0

Hey Dylan, 

 

Had the same problem or maybe I'm just a bit too ''stupid'' to find it, however I just installed Shopify Search & Discovery app and changed it in seconds. Maybe works out for you as well. 

mstav2u
Excursionist
21 0 1

Thank you, that was so easy.  Appreciate the information.  While staying on hold with shopify chat for a long time and then got disconnected, so didn't think it was going to be this easy. 

Malanep
Tourist
4 0 1

I am glad you found this helpful. 

If you have any further doubt, feel free to reach me.

Thanks!

ThinkingIndigo
Visitor
2 0 0

Thank you @Peter_old this really helped me - I wanted the tags for the peoples searches, but the the filter by section having the tags was getting very cluttered from the customer's perspective. 

 

Thank you so much, I also thought to try to edit code -  

 

If anyone was wondering if the "Venture" theme had this selection preference it does 

Made this quick video showing the button:

InspiredbyJ
Visitor
1 0 0

Hi Peter,

 

I went through all these steps and the remove filters step is still on all of my product pages. Can you assist. My website is beinspiredbyj.com. When you click on any of the menu links it takes you to the pages but I can't see any products unless I click remove filters. 

Sally18
Visitor
1 0 0

Hi I need to remove the available filter. I follow your guide to step three, click on homepage and there is no "collections page" there is "collections"  and "collections list."

Please help!