How can I hide the total product count in filtered results?

Shopify Discussion
1

Hello there ,

Is there any way to hide the product count in filtered products . For example now it displays like 11 of 34 products when filtered , I want it to show only 11 products . Is there any way to achieve that . I tried this code .product-count__text { display: none !important; } :: but it completely hides the product count . Please any ideas to solve this issue would be helpful .

Site url :: https://jys01acp1man55pu-71493648693.shopifypreview.com

ft.png
ft.png1766×167 6.82 KB

2

This is the code that I had fully tested and it worked flawlessly on your storefront theme! I am happily following the given instructions that I had provided below.

  1. Access Your Shopify Admin: Log in to your Shopify admin panel.

  2. Navigate to the Theme Editor: In the Shopify admin, go to “Online Store” and then click on “Themes.”

  3. Edit Your Current Theme: In the “Themes” section, find your currently active theme and click the “Customize” button next to it.

  4. Access the Theme Code: In the theme customization interface, look for a “Theme settings” or “Edit code” option. Click on it to access the theme’s code.

  5. Locate the theme.liquid File: In the code editor, locate and select the theme.liquid file. This is the main template file for your Shopify theme.

  6. Insert the JavaScript Code: Within the theme.liquid file, find the section or just before the closing tag. You can place the JavaScript code from the previous response there. Here’s an example of where you can place it:

  1. Save Your Changes: After inserting the code, make sure to save your changes.

  2. Preview and Publish: Before publishing your changes, you can preview them to ensure everything works as expected. If the preview looks good, go ahead and publish the changes.

Please remember to test the functionality thoroughly on your Shopify store after making these changes to ensure that it updates the product count display as expected when AJAX requests are made.

Remember that modifying the theme code can affect your store’s functionality and appearance, so it’s a good practice to create a backup of your theme or use a development theme if available before making significant changes.