Change existing swatch styles

1. I have had attributes set-up for my store already.
2. I then enabled swatches for those attributes. When I enabled swatches, it created the swatches as the regular ‘text’ swatch.
3. I added custom CSS to make them into square buttons.

However, I have just seen on the ‘add attributes’ page there is extensive customisation available for swatches (please see attached screenshot).
How do I apply these customisations to existing attributes/swatches? as the options do not exist in the existing ‘edit attribute’ page.

Attachments:

You must be logged in to view attached files.

Hello,

Please check this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/

You can see the styles and you can select the form without customization.

If you still want to increase boxes, please provide page URl and remove your custom.

Best Regards

Hello, please see extra information for details.

I have removed the custom css.
I would like to have the swatches as square buttons with the functionality of out of stock variations crossed out.

Kind regards
Ameen

Hello,

Please enter the attribute field: https://prnt.sc/3Cpouou57fy1

Then edit the attribute you want to customize: https://prnt.sc/AV0KhCmudOtO

Then change the design and form of the swatches: https://prnt.sc/HrT6O9UPCfID

If you have any questions please feel free to contact us.

Best Regards

Hello.

Thank you for this. The problem is I am not seeing those options for existing attributes.

Please see the screenshot for the options I have when editing existing attributes.

Attachments:

You must be logged in to view attached files.

Hello,

Please edit the attribute not the attribute item.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts