Hi haagmeister,
To do this you should create a variable product.
I’ll explain the major steps you should take to do this:
(this guide is based on the fact that you have already created the color attributes)
1. Go to Products – add new
2. Scroll to Product Data and select variable product.
3. In the product data screen from the tabs on the left, select Attributes.
4. Click the dropdown and select your color attribute.
5. Click the 2 checkboxes, as you want them to be displayed on your product page and you want to use them for variables (for the color pictures later on)
6. Now click on select all. this is for all the colors – if you don’t them all, you should select them manually.
7. Save the attributes
8. Now head over to the variables on the left.
9. Click on connect all variations – (don’t know if this the right translation as I’m translating from Dutch)
10. Now you can give you product the preferred image and settings per color. (image is the small square on the left)
Your variable product is now in place.
—
Now, to get this all into the sidebar, you should download and install the following free plugin: http://yithemes.com/themes/plugins/yith-woocommerce-ajax-navigation/
– Then go to widgets, add the YITH Woocommerce Ajax Navigation widget to your desired sidebar.
– select the attribute ‘color’ (or whatever you named it).
– leave query type as ‘AND’
– select ‘color’ from the type dropdown.
– And then select your colors from the color pickers.
Now you have your colors selectable in your sidebar.
Have fun!
Cheers,
Stan.
Barqwithus.com
.