Color Swatch and add to cart button issue

I wanted to change the style of the color swatch. Currently, it appears in text, but I want the color to be displayed as an actual swatch. Additionally, is there a way to separate the ‘Add to Cart’ widget from the size swatches and color swatches? My objective is that the Add to Cart button and the quantity box does not appear at all in the single product page.

Hi alexiadalmau,

Thanks for reaching to us.

1. Color swatches.

Go to Products > Attributes > Configure term of color and edit the attribute. Then disable the text swatch and enable the color swatch.

Please refer to this article https://xtemos.com/docs-topic/variable-products-and-swatches/

2. Add to Cart

I regret to inform you that your question is unclear to me. Could you please provide more details or clarify what you mean?

Regards,

Hello, regarding the shopping cart issue, I want the product attributes to appear on the product page, but I don’t want the shopping cart button to be displayed. Additionally, in the product grid, when you hover over the image, the shopping cart button option also appears. How can I deactivate it?

Hi alexiadalmau,

Thanks for detailed explaination.

There is no way to separate them, unfortunately. But can be hidden with CSS if needed, let me know if you want it.

Regards,

[Author]

Posts