Hello,
You need to create variable products.
A variable product is a product which has more than one option in attributes, for example, color, size, material. Instruction on how to create an attribute: https://docs.woocommerce.com/document/managing-product-taxonomies/ as soon as the necessary attributes are available, a variable product can be created https://docs.woocommerce.com/document/variable-product/
By default, variable product attributes are presented as a dropdown in WooCommeerce. WoodMart theme suggests the option to present the attributes as swathes.
Swatches are enabled in Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch. All the attributes would be presented as text instead of a drop-down.
In order to show the attribute item as a color swatches (vide color attribute on the image above), it is necessary to set the color in “Color preview for this value” and colors will have the view as shown in the image above.
Swatches may be presented as featured images taken from product variations. This option is provided in the Theme Settings > Shop > Attribute swatches > Grid swatch attribute to display – choose pa_color (the color attribute, for example) and “Use images from product variations” should be enabled. The variable product should have featured image for each variation http://prntscr.com/kk870w
Best Regards
.
