Filtering tab in Prestige Theme

[Cava]

Hello,

I’d like to add a filtering option for the different sizes in my store (link here) but i don’t like how the standard one looks (you can see the photo attached).
I want 1) to show only the single sizes and not the numbers in between the round brackets and 2) to show only the available products in that specific size (and not all the products with that size as variant even if is not available).

Do you have any recommendations on how to do it/external app?
Thanks in advance!

[adsrole]

Hello @Cava

All of these are advanced and really should be broken down individually and not glommed together in your research that just over complicates the time it takes for questions and answers.

https://shopify.dev/themes

https://shopify.dev/themes/navigation-search/filtering

https://shopify.dev/themes/navigation-search/filtering/tag-filtering

1. #1 For a manual sort systems you need to code a manual sort system
2. #2 use liquid,html,css and js to customize sidebar filters along with setting up your backend data to support that ,
   1. inspect the different free themes and read theme setup guides to see how sidebars are coded and backend info is structured.
   2. for the filter system see the dawn theme reference https://github.com/Shopify/dawn
3. Do you mean ajax? Section rendering is one way https://shopify.dev/api/section-rendering

Some of these may seem like trite or snarky answers but it’s mean to highlight your not asking specific questions that allow for quality.

http://www.catb.org/~esr/faqs/smart-questions.html

In forum searches sometimes helps for indepth stuff to narrow it to the technical forum even though it’s a grab bag now.

[minhcu]

The hiding part “(number)” can be easily handled by adding some CSS to hide it.

However, the 2nd part is highly complicated without using any external app.

Maybe you can try this one https://apps.shopify.com/ultimate-search-and-filter-1 just need to turn on exclude all the sold-out variants settings.