How can I add a drop down menu on my product page?

Hi, my current product page displays my product selection this way: https://gyazo.com/7783ade4ae20c36e9bac65d1dededeeb

Would it be possible (Brooklyn theme) to display it with this functionality ?

https://gyazo.com/474f84615fb2e737d49354d08720a036

Thank you! :slight_smile:

Hi, @Ramy91 !

Thank you for reaching out about that. If you have a recent version of the Brooklyn theme, this should be a customization option in your theme settings. To do this, navigate to Online Store > Themes > Customize (beside your current theme), which will open up your theme editor. From there, select “Product pages” from the drop down menu at the top of the page, then click on “Product pages” from the lefthand menu, and under “Product Options Form” change the “Picker type” to “Dropdown”. Let me know if you have any questions!

3 Likes

Thanks a lot Brie! It’s just what I was looking for :slight_smile:

2 Likes

hey, if in case where I am adding three options for one product, where:

  • one option I’d like to use click

  • two options I’d like to use dropdown

how can I configure that?

Also, is there any ways where I can use option for click (say colour black) and add the colour icon to it?

Thanks

1 Like

Hi, @jwidjaja !

That wouldn’t be a built in option, however you can use an app such as Bold Product Options to do that. Alternatively, you could contact a Shopify Expert, and have them custom code this into your store for you.

1 Like

Hi, sorry to jump on the bandwagon late, I was wondering the same thing whether drop down menus could be added to the product listing in the Debut theme?

Many thanks!

Hey, @Lia91 !

A dropdown option should be the default for the Debut theme, if you have variants on a product. How many options/variants are you trying to have exactly? Are you not able to see a dropdown when you add different variants to a product?

Hi Brie, thanks for your response… no I don’t have variants, but I would like to add them on my product page to add more info without making the listing look so bulky.

@Lia91 -

Okay, I see. I’d suggest walking through our help docs on creating product variants, which should take you through the whole process. Feel free to contact support any time if you need help along the way.

Hi Brie,

Sorry for jumping in. I have Blockshop theme and also looking for the drop down menu option on product pages. Is it possible to implements somehow? And also I would like to organise FAQs the drop down menu way. Could you please help?

Thank you!

Hey, @OlgaK !

Blockshop is a third party theme, not developed or supported by Shopify, so your best bet for support with your product pages will be to contact the theme developers directly. They’ll be able to tell you if this is a built in option for that theme, or if it will require custom coding. Regarding drop down options on your FAQ page, using an app like HelpCenter might do the trick. Hope that helps!

1 Like

Does this work with “Express” Theme too? I just tried and no luck. Is there a free app that will help?

Hey, @AsAlwaysAleia !

Sophia here from Shopify. While the Express theme doesn’t have theme editor settings for how a product’s variant options appear on the product page, drop down menus are automatically enabled for products that have variants. Here’s an idea of what it looks like before and after you click on the variant menu:

Some other themes (like Brooklyn, for example) have a setting for drop down menus in the theme editor because they allow a choice between a menu or buttons. Since Express only has the menu option at this time, you won’t need to configure the setting first. I hope that helps!

Hi, I am also having this issue however I do not have the option to add this, when I go to “Product page” it only gives me the option to enable image zoom?

Hi, @GemmaBrennan !

Are you using the Express theme as well? Products that have variants might display either a drop-down menu or buttons, even if there isn’t an option to enable them in the theme settings. I’m happy to take a closer look if you are able to confirm the name of your theme. Feel free to share your store link here too so we can view the product pages.

How are things going, Gemma? If you still need help with your product page, I’d be happy to take a look at the options based on the theme you’re using.

Thanks!

Hi…I’m also facing same issue and I’m using “Minimal theme” now ..could you please help us out ? Thank you!!

Hey, @THENAMASTEGANG !

The Minimal theme’s quantity selector can be enabled by following these steps:

  1. In your Shopify admin, go to Online Store > Themes > Customize
  2. From the menu at the top of the theme editor, select Products > Default product
  3. Under the Product pages settings, ensure that the quantity selector checkbox is checked
  4. Remember to Save your changes

Below is an example of what the quantity selector looks like on desktop (from the demo in the Shopify Theme Store). It displays a number that customers can increase or decrease with the up and down arrow buttons that surface when hovered over. If you want to change the style of the quantity selector, I recommend getting in touch with our team through the Shopify Help Center so we can submit a customization request to the Theme Support team for you. I can’t guarantee whether the customization request will be approved, but we can absolutely look into it.

I’ve asked you about adding drop down menu in minimal theme.. Could you
please guide me on that?