FROM CACHE - en_header

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

Solved
Ramy91
Tourist
25 0 2

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! 🙂

Accepted Solution (1)

Accepted Solutions
Brie
Shopify Staff
Shopify Staff
571 48 110

This is an accepted solution.

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! 

Brie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

View solution in original post

Replies 26 (26)
Brie
Shopify Staff
Shopify Staff
571 48 110

This is an accepted solution.

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! 

Brie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Ramy91
Tourist
25 0 2

Thanks a lot Brie! It's just what I was looking for 🙂

jwidjaja
New Member
1 0 1

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

Brie
Shopify Staff
Shopify Staff
571 48 110

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. 

Brie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Lia91
New Member
9 0 0

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!

Brie
Shopify Staff
Shopify Staff
571 48 110

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?

Brie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Lia91
New Member
9 0 0

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. 

Brie
Shopify Staff
Shopify Staff
571 48 110

@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. 

Brie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

OlgaK
New Member
2 0 0

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!

Brie
Shopify Staff
Shopify Staff
571 48 110

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!

 

 

Brie | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

AsAlwaysAleia
New Member
1 0 0

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

Sophia
Shopify Staff
Shopify Staff
1180 81 139

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:

 

21-04-8kgir-8xwmg

21-04-vfxo8-dbum1

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!

 

 

Sophia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

GemmaBrennan
New Member
1 0 0

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?

Sophia
Shopify Staff
Shopify Staff
1180 81 139

@GemmaBrennan wrote:

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.

Sophia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Sophia
Shopify Staff
Shopify Staff
1180 81 139

@GemmaBrennan wrote:

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?


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.

Sophia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

KaelaCorine
New Member
2 0 0
THENAMASTEGANG
New Member
2 0 0

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

Sophia
Shopify Staff
Shopify Staff
1180 81 139

@THENAMASTEGANG wrote:

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

09-13-70769-88407

 

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.

09-54-65202-26452

Sophia | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

THENAMASTEGANG
New Member
2 0 0
I've asked you about adding drop down menu in minimal theme.. Could you
please guide me on that?