Problem with colors!

Hi, I would like to know how to do 2 things with product colors option.

1- How to align left at product page. Today there is a bit space between Color text and color circle. (check attached file).

2- How to put colors options at thumbnails.

Tks!

Attachments:

You must be logged in to view attached files.

Hi,

1. WooCommerce product variations are built in HTML table and there is no way to remove the space between color label and its variations.

2. Here is a video tutorial that will help you https://www.youtube.com/watch?v=gp3SMkKvUvs

Regards

Hi,

1- At Basel theme, the space is smaller and better….

2- When I change to pa_color, like the video, it change the color at product page to the photo, or it keeps white if I’m not using…. I need do use color, and when you click on it it change to that product photo at thumbnail.

Attachments:

You must be logged in to view attached files.

1. Here is an example with two attributes. It looks the same https://demo.xtemos.com/basel/shop/woman/gthnic-detail-open-jacket/
Your second attribute label is too long, that is why it looks like that.

2. Disable option “Use images from product variations” if you don’t want to replace colors with product variations images.

Regards

Hi,

1- I solved using CSS.

2- How can I set the product photo related with color I chose?

Tks!

Sorry, what do you mean? Could you please send a screenshot?

Ok, I will try to explain again…. to problem …

I have the blue color, for exemplo. How can I config to when the user click at blue color button, the thumbnail change the image to the blue product? I need to link the color with the product …

Tks!

OK, when you create this variation in admin panel you are able to upload an image. Then, this image will be shown in the product gallery when you choose it on frontend.

Take a look to the print…. I chosed a photo here, but when I click at blue, the photo that I selected do not appears …..

Attachments:

You must be logged in to view attached files.

And when I turn on Grid swatch attribute to display: pa_color, the color option do not appear …..

🙁

You need to upload your image here, while editing the product

[Author]

Posts