Hello, I'm a website designer that works for Square Online sellers.
One of my clients asked if it's possible to change the style of the options/variation selector on Item Pages. Right now, the options/variations must be selected using a drop-down menu.
Checkboxes or radio buttons could be good alternatives for selecting options.
Is there a way to change the style of the options selector?
Thank you for any helpful advice or guidance.
Hello @taylorandjones thanks for your question. You can edit the drop down and change to radio buttons, just note that change is global across your entire site. You need to go into the item you want to edit, and then Edit Item Details (see screen shot below...left side). If this doesn't appear, click or double click on the drop down area to call up the ability to edit this section. You may receive notification that this change is "global".
Then when you click on Edit Item Details, click on the Add Option to the right side of Drop Down list. (this is cut off on the screen shot below). You can then choose to add a new option with Radio buttons, and then you should be able to delete the original drop down choices.
Hello @taylorandjones thanks for your question. You can edit the drop down and change to radio buttons, just note that change is global across your entire site. You need to go into the item you want to edit, and then Edit Item Details (see screen shot below...left side). If this doesn't appear, click or double click on the drop down area to call up the ability to edit this section. You may receive notification that this change is "global".
Then when you click on Edit Item Details, click on the Add Option to the right side of Drop Down list. (this is cut off on the screen shot below). You can then choose to add a new option with Radio buttons, and then you should be able to delete the original drop down choices.
Thank you very much for taking time to reply @HC_Charlie you are appreciated!
I followed your detailed steps and then went in via this route to change the options format –
Go to Square > Online > Items > Options > [select option set]
Your advice has helped me and benefited my client!
Kudos to you!
@HC_Charlie Hello again – I have a follow-up question about the Colors format for options:
The color name is visible in the cart, after a color is selected in item details and added to the cart.
Is it possible for the color name to be displayed on the live item details page?
Here's a live item details page with Colors option:
https://www.taylorandjones.com/product/peony-cluster-with-clear-vase/54
Thank you for any help you can provide!
Hello again @HC_Charlie
I have another question about the item option selector format –
Is it possible to change the default variation/option selector format?
For example, an item is created in Square > POS > Items, and variations are added without designating an option set.
In this case, the Square Online item page automatically created a drop-down option selector.
Screenshots are attached for reference.
Is it possible to change the default variation/option selector format to radio buttons or checkboxes?
This would allow all the variation/option names to be visible to shoppers on the Square Online > Item page.
I appreciate any advice or guidance!
@HC_Charlie Thank you for the fast reply and assistance.
Yes, per your previous steps, if an option selector (e.g. "Color") format is changed (e.g. to "Colors") for an option set, it is site-wide. I tested this using a few items with the same "Color" option set.
I'm hoping that another seller or moderator will have information about changing the default selector format (drop-down) site-wide. This would be for items that have selectable variations, but do not have color sets assigned item details.
Many thanks!
