With YITH Color, Image & Label Variation Swatches for WooCommerce, you can show all your product variations such as colors, sizes, shapes, etc. as selectable color swatches, labels or even with custom images. The customer will be able to pick their favorite variation right from the Shop page and other archive pages. The plugin also allows splitting variations of the same product and showing them as separate items on the Shop and archive pages.
The combined use of these two plugins allows users to choose the variation of the products directly from the modal window.
To do that, you need to install and activate both plugins on your e-commerce site (both premium versions).
For further details about YITH Color, Image & Label Variation Swatches for WooCommerce settings, please refer to the official documentation.