Return to previous page

Hello, selecting Color (circle) and Label (square) in Variation Swatches is not working, only Select

This topic has 6 replies, 2 voices, and was last updated 1 months ago ago by Tony Rodriguez

Allen

Participant

May 30, 2024 at 07:17

See private content area

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#397250 Copied Theme version: 9.3.10

5 Answers

Tony Rodriguez

Support staff

May 30, 2024 at 08:15

Hello, @Allen,

Thank you for contacting us and for using XStore.

We are pleased to inform you that the issue you reported has been successfully resolved. We noticed that you are using local color attributes, which is why the color swatches did not change to a circular format. There are two types of swatches: local and global. For a more detailed understanding, we encourage you to read the following article: [Variation Swatches](https://xstore.helpscoutdocs.com/article/94-variation-swatches).

For your reference, you can view the changes on your test product where the Color Variation is now displayed in circles at this link: [Test Product – JaneUni](https://www.janeuni.com/product/test2/).

Thank you for your cooperation. We look forward to your feedback.

Best Regards,
The 8Theme Team

#397264 Copied

Allen

Participant

May 30, 2024 at 09:09

Can local color attributes implement the functions of square and circle?

#397288 Copied

Tony Rodriguez

Support staff

May 30, 2024 at 09:58

Hello, @Allen,

Thank you for your response.

We would like to inform you that the “Theme Variations and Swatches” feature is compatible exclusively with Global Attributes and does not support local product attributes.

To utilize the color attributes of squares and circle for global color variations, please follow the steps outlined below:

1. Navigate to your Dashboard and select ‘Products’.
2. Click on ‘Attributes’, then ‘Color Attributes’, and choose ‘Edit’.
3. In the ‘Type’ field, select the desired ‘Type Value’.
4. Click “Update” to save your changes.

For your reference, an illustrative image has been provided in the private content area.

Should you require further assistance or have any questions, please feel free to contact us. We are committed to providing you with the support you need.

Best regards,
The 8Theme Team

Please contact administrator
for this information.

#397301 Copied

Allen

Participant

May 30, 2024 at 11:33

Hello, it’s working now. However, there’s another issue: can I place the material and its variations in one line, as shown in the attached image? Thank you.

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#397317 Copied
Tony Rodriguez

Support staff

May 30, 2024 at 13:04
Hello, @Allen,

To align the variations of your product inline, you may utilize the following custom CSS code:
```
.single-product form.cart table.variations th {
    display: inline-block !important;
}
.single-product form.cart table.variations td.value {
    width: auto;
}
```
Should you require customization that replicates the exact appearance as shown in the screenshot you provided, please note that this will involve additional custom coding.

Our team of skilled developers is ready to assist you with a tailored solution. For a precise estimate and to discuss further details of the customization, we kindly ask you to submit a request through our customization services panel. You can do so by following this link: [8Theme’s Customization Services](https://www.8theme.com/account/#etheme_customization_panel).

We appreciate your understanding and are here to support you with any further inquiries or additional assistance you might need.

Thank you for choosing 8Theme.

Kind Regards,
The 8Theme Team
#397334 Copied
Tagged: color circle selection, fix woocommerce swatches, label square selection, variation swatches issue, woocommerce swatches problem, woocommerce variation troubleshooting, wordpress woocommerce templates
Viewing 6 results - 1 through 6 (of 6 total)