Problem with filter

Hi^^
I need help with filter
this is how my filter look like

https://sheeksorority.com/

Its messy right?
I want it as below

https://themes.shopify.com/themes/shark/styles/bright/preview?catalog-size%5B%5D=10-to-199-products&features%5B%5D=age-verifier&features%5B%5D=back-to-top-button&features%5B%5D=before-after-image-slider&features%5B%5D=color-swatches&features%5B%5D=countdown-timer&features%5B%5D=eu-translations&features%5B%5D=event-calendar&features%5B%5D=stock-counter&features%5B%5D=store-locator&industry%5B%5D=clothing&surface_detail=clothing&surface_inter_position=1&surface_intra_position=5&surface_type=industry
Detail:
1)out of stock option (dont know why its getting cross out)
2)i want only primary color shows here
3) i want only S,M,L,XL,free size shows here. i try click it but all size display here
4) n i want to have clear filter right next to apply filter

can anyone help me how to do this?

Use the shopify free App search and discovery for the more filters , That is easy way to add filters in in the Shopify store.

https://apps.shopify.com/search-and-discovery?show_store_picker=1

I did but i cant prioritize the color n size as i want

Hi @Sheeks

If you’re looking for a way to customize your filters, you might want to check out AI Search & Filter by Sobooster. It offers a ‘merge values’ feature that allows you to group similar colors or sizes under a single option.