Display variants by color with color swatches on my product page

Hello! I am a fashion brand based in Mexico City with an e-commerce. I have a lot of products that are the same design of fit, but vary in color or fabric. I need my variants to be displayed by color and to show the color swatches of all the different options available, and that customers are able to add to cart the product directly from the products page. Also I need to be able to hide variants within a product. My website is developed on Shopify in the theme Dawn. I currently use a lot of apps to help me with these issues but they don't fix our problems to a full extent. Below I attach some links to web pages that display their product this way and also to our store so you can see what we need.
Serge Basics (our store) https://sergebasics.com

Web sites with this type of display/design
https://www.becandbridge.com/collections/all
https://us.sirthelabel.com/collections/shop-all