To enable Variation Swatches in shop/ archive page Navigate to WordPress admin menu WooCommerce => Settings => Product Swatches=> Archive/ Shop
Archive/ shop page swatches is PRO version features

Settings Archive / Shop :
1) Enable Swatches: Enable swatches for shop or archive page.
2) Swatches Position: You can set swatches positions where you want to show.
3) Swatches Align: You can set swatches align Left, Right
4) Enable Tooltip: Check to enable tooltip
5) Variation Item property: Set width, height and tooltip font size.