Variations

Hello,
I would like each product to have three alternative attributes: Color, Fabric, and Accessory.
When a customer clicks on a color (for example, “Yellow”), I want a yellow version of the bag to appear.
Then, when they click on a fabric option, I want a large preview image of that specific fabric to appear on the right side. The same should happen for the accessories (e.g., chain, ring, etc.).
If I try to do this using WooCommerce variations, it becomes extremely complicated — because for each color (e.g., yellow), I would need to create 10 different yellow variations for each fabric, and if I add accessories, it multiplies even more.
In my setup, the price should only change when the customer selects an accessory — there will be only 4 different prices in total per product.
What do you recommend as the best way to achieve this with the WoodMart theme?
Here is an example product from my site:
https://kgbags.gr/product/mini-puffy/
Thank you in advance for your help!
Best regards,

Hello,

You can add your attributes (e.g., Color, Fabric, Accessory) under the Attributes tab, then use them to create variations under the Variations tab in the product edit page.

Navigate to Products > Attributes, edit your desired attribute, and enable the “Change product image on attribute click” option.

Edit each attribute term (for example, each color or fabric) and upload an image swatch that visually represents it.

In Theme Settings > Shop > Variable products, enable the “Additional variations images” option. Then, edit your product variations and upload appropriate images for each variation.

Once done, the main product image will automatically change when the customer clicks on the color, fabric, or accessory swatches.

For more details, please review these helpful guides:https://xtemos.com/docs-topic/variable-products-and-swatches/, https://xtemos.com/docs-topic/attribute-swatches/, https://shrturl.app/ju1iWc

Best Regards,

Thanks for the reply!

The problem is that I would need to create too many variations just to show the available colors, fabrics, and accessories. I only want to create two variations:
a.Each color + each fabric + accessories = price1
b.Each color + each fabric + no accessories = price2
However, when someone clicks the swatches, I still want the color or fabric to update the main product image (for example, showing the pink bag or the wild-pattern fabric).

Is this possible?
Thank you!

[Author]

Posts