This tutorial will guide you how to show product variation swatches in the WooCommerce quick view popup by using the plugin Wonder Quick View and Variation Swatches for WooCommerce.
There are two steps in the tutorial:
You can check the online demo at WooCommerce Quick View Demo, the product "Ship Your Idea".
This tutorial will guide you how to add quick view buttons to the products in your WooCommerce store. You can add the button on top of the product image, show the button persistently or only on mouse hover. You can also add the button before or after the product name or the Add to Cart button.
When clicked, the quick view button will display the product details in a quick view lightbox. Customers can quickly view product details, check product options and add the product to the shopping cart via Ajax. If they want to go back shopping, they can simply close the lightbox or use the navigation arrows or products thumbnail carousel to navigate through other products.