How link product color swatch to show the actual product with the selected color

Hello,
I was wondering if you could help me with 2 things:
1- I’d like to remove the sizes that show up on the product image (see image attached).
2- Is there a way to link the actual colors (green, blue and black) to the respective products in the selected color so that when someone selects the color it shows the product in the selected color?

Thank you,
Pedram

Attachments:

You must be logged in to view attached files.

Hello,

1. Navigate to Products > Attributes and enter the size, disable “Show attribute label on products”

2. You need to add images on each variation http://prntscr.com/ln0jv5

Best Regards

Thank you!

1) Done.
2) This is very helpful, however I’d like to link each color to a separate page for tracking perpuses. You can see this happening on this page as an example https://musclenation.org/collections/leggings/products/muscle-nation-78-high-waist-seamless-leggings-lilac-grey

How can I do that?

Hello,

In this case you need to create separate simple products for each color, otherwise, there is no option.

Best Regards

I wish you had provided more info. ‘In this case you need to create separate simple products for each color, otherwise, there is no option.’ is not really gonna help me solve the issue.

products are setup as simple products but now I don’t see the color swatch to link each color to the respective simple product I created. How do I do that?

Hello,

You need to create a variable product and add images to each variation. https://docs.woocommerce.com/document/variable-product/

Then navigate to Dashboard -> Products -> Attributes -> Color -> Configure iterms, enable swatch as shown http://prntscr.com/jskm29

Navigate to Theme Settings > Shop > Attribute swatches > choose pa_color (your color attribute) and enable “Use images from product variations”

Make sure each variation in a variable product has an image: http://prntscr.com/kk870w

Best Regards

I’m very confused now. First, you suggested to add a variable product which I did but I was not able to accomplish what I needed to do and then you suggested to add a simple product but now you are again suggesting to add a variable product?

Right now I have setup variable products and color swatch and when I click on each color it shows the correct image, but it’s not linking to a separate product (the URL does not change in the address bar). I need to link each color to its respective product so that when I click on black color it goes to http://www.mysite.com/product/t-shirt-black and when I click on the red color the address bar changes to http://www.mysite.com/product/t-shirt-red.
Are you able to help with that? is anyone on XTEMOS able to answer this question?

Hello,

Variable products are a product type in WooCommerce that lets you offer a set of variations on a product, with control over prices, stock, image and more for each variation. They can be used for a product like a shirt, where you can offer a large, medium and small and in different colors.

And each variation is a separate product. When a buyer clicks, for example, red color, he would see a red t-shirt.

That is the way the default Woocommerce works. Our theme does not influence on the configuration of products types in Woocommerce. Our theme does not have the option to create a new type of product in Woocommerce.

You need to study types of products which are available in the Woocommerce and how they are configured. Here is the article, providing a short description on product types: https://docs.woocommerce.com/document/managing-products/

Best Regards

Thanks Elise. I will take a look.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts