Show Color & Size attributes as swatches instead of dropdowns

Hello WoodMart Support Team,

I’m using the WoodMart theme with WooCommerce. I have created global attributes for Color and Size, and assigned them to my variable products — but on the product pages both attributes still appear as dropdowns instead of swatches (I want Color as round-color swatches and Size as text-label swatches).

Here’s my setup:

Under Products → Attributes: “Color” and “Size” created as global attributes.

For Color: assigned proper color-preview values (HEX / swatch) for each term.
XTemos

For Size: expecting text-label swatches (S, M, L, XL).

On product edit: product type is “Variable Product”; I assigned both attributes, marked “Used for variations”, and generated all required variations in the “Variations” tab.

Still — on front end, both Color and Size show as default dropdown menus.
Resolve my issue asap.

Hello,

Enable any swatch type that can be set up globally (from Products > Attributes) and then displayed as text, color, or image swatches instead of dropdowns.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

If the issue remains, share the wp logins details so I can further check on your site and give you a possible solution.

Best Regards,

Hello Team,

Thank you for your response. I have already enabled global attributes from Products → Attributes and set the swatch type (Color for Color attribute, Label for Size) as mentioned in your documentation.

However, the issue still persists on my site. The products are not created manually — they are automatically pushed from third-party fulfilment platforms (Qikink & Printrove) into WooCommerce.

Even though the attributes appear correctly in Edit Product → Attributes and are marked as “Visible on product page” and “Used for variations”, the frontend still shows them in accordion / dropdown layout, and color swatches are not rendered as circles like in the Woodmart demo.

I do not require accordion layout. I only want a normal variation layout with color circles and size buttons, similar to the default Woodmart marketplace demo.

Kindly let me know if this limitation is related to products pushed via external integrations, or if any additional configuration / hook is required.

Looking forward to your guidance.

Hello,

You are adding custom attributes in the product.

See this screenshot: https://postimg.cc/6TMy2C9G

Your global attribute is not configured for products. It is empty.

See this Screenshot: https://postimg.cc/BPnb7nC6

Our theme supports attribute swatches, which can be set up globally (from Products > Attributes) and then displayed as text, color, image swatches instead of dropdowns.

You can read more here https://xtemos.com/docs-topic/variable-products-and-swatches/ and https://xtemos.com/docs-topic/attribute-swatches/

Best Regards,

[Author]

Posts