Change option selection to drop down menu

[fangsb]

Hi guys,

Currently my option selection on product page such as 'Color" or 'Material' is in button format which looks ugly. 

How do I change it to drop down menu instead?

Thank you.  

[Helen · Accepted solution]

Hey, @fangsb!

I’m Helen from Shopify Support. Thanks for your question.

Changing the variant selector is dependant on the theme that you are using on your store. What theme are you using?

Brooklyn is currently the only theme made by Shopify that has a variant picker built-in. Let me show you where it generally lives in the Theme Editor for themes that have the option to change it.

From your Shopify admin, please access go to ‘Online Store > Themes > Customize’. Navigate to a product page and click on Product Page on the left hand side. Within here is where all of your built-in customization options are for the product page. 

The variant picker looks like this in the Brooklyn theme:

If you are using a third party theme and unable to find where to change it, please reach out to the developer directly for assistance. Hope this helps!

[Helen · Accepted solution]

Hey, @cocorostudios. 

Thanks for reaching out. You’re almost there!

The screenshot you have shared above shows that you are in the Theme Editor on the ‘Homepage’. To navigate to a product page, so that you can customize that page, please choose ‘Product pages’, from the dropdown menu at the top of the editor as seen here:

Once you are on the product page, there are sections that now apply to this template on the left hand side. It looks like this:

Clicking on ‘Product pages’ will expand to show all of the customization options for this section, including the option to change your variant drop down menu style.

Hope this helps! Let me know if you need any further clarification.