How can I display same product in different colors on the product pages?

Hi @iadzemovic,

Thanks for reaching out to us!

Please provide a sample page of what you’d like to achieve, so we can understand exactly your requirement and provide you with guidance. You can either share a page URL or take a screenshot with a tool like https://snipboard.io.

Thanks!

Ok, sure – here is what my current product page looks like. Has very little related info:

https://www.imagebam.com/view/ME59KYP

What I’m looking to implement is: Same exact item – but in different colors, such as:

https://www.imagebam.com/view/ME59KYN

The item name and URL is the exact same except for what’s in the () because that stands for color. For example the color Nero for this shoe is the all black heel.

Hello there,

Just to be sure, upon checking the screenshots links it appears they are not displaying.

Can you please provide the screenshots again, please?

For screenshots you may want to use https://snipboard.io – please follow the instructions on that page, then paste the URL in this thread.

Thanks.

Ah! Here:

1) Current:
https://snipboard.io/gP43Fu.jpg

2) Goal:
https://snipboard.io/9KDRvQ.jpg

Hello there,

Do you mean something like this?

Link to image: https://snipboard.io/4itYHj.jpg

If so please refer to this article:
https://woocommerce.com/document/managing-products/

On the section “Adding a variable product”.

Hope this helps.

It seems that that above demonstrates all steps in the same interface – I’m looking for a more separate interface experience. Each color for me has its own product page.

Hi @iadzemovic

It appears that you are looking to present the other colors as related products and not as variations of the same product.

This tutorial will help you set up related products: https://woocommerce.com/document/related-products-up-sells-and-cross-sells/

Thanks

Hi,

It’s been a while since we heard from you, so I’m marking this thread resolved. Hopefully, you’ve been able to resolve this, but if you haven’t, please open up a new topic and we’ll be happy to help out.