How to Add Button Type Attributes

hi,
how to add button type attributes in the product detail page instead of text attributes as shown in the attached image.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this custom CSS to the Theme Settings > Custom CSS > General:

.single-product-content .variations .swatches-select .text-only {
	border: 1px solid #090909;
}

.single-product-content .variations .swatches-select .active-swatch {
	background: #090909;
	color:white;
}

You need to configure text attribute swatches: https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards

Checked with your code. Seems it’s much better to use designed buttons instead of using this code.
I don’t understand why you guys not looking into this matter which is most imp. It’s not a matter of how frequently you are giving updates and how many updates you are giving. I have seen that in the last update you have updated a lot of things which are certainly most of the points are not important and in that there are too many bugs and disturbed some parts of the design.
Kindly don’t give such type for worst code to try. In the last email, I attached the screenshot to show whether it was possible or not. But the code looks very dirty. Attached is the screenshot. Compare with both and let me know how do you feel.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide several page URLs, I will correct the code, it depends on the length of the text.

Best Regards

[Author]

Posts