I saw the screenshots you attached. To display the variation swatches on the product page you need to set the prices of each variation from the edit product.
In your case it seems that you are using catalog mode that’s why the variations attributes aren’t displayed on the products. If you want to show variation attributes then you need to disable the catalog mode because it hides the add to cart button and also the variations from the products.