Drop down menus in product descriptions (not variants)

Shopify Discussion
1

How do we add drop down menus in our product descriptions? We use Brooklyn theme. We are not looking for variants. We want drop downs with info such as care, ingredients, scent profile etc.

2

Please see attached example.

3

Example

4

Hey Mmcpolin,

There are a few alternatives, but most of what I’m going to recommend is for an Online Store 2.0 theme. Brooklyn is no longer being maintained by Shopify, so I’ll include an example that will work with a non-OS2.0 enabled theme first:

  1. Use the
    element in your product descriptions. This adds a small dropdown to your descriptions that obscures the content until it’s activated. This would require a bit of CSS knowhow to make it look nice, but it would be functional.
  1. If you were to use a free OS 2.0 enabled theme like Dawn from Shopify, they include a section block on products that has a dropdown with icon shown (you can see this in the example I linked). You can fill the product details with dynamic content (from a product metafield for instance). This is the method I would recommend.

I know switching themes can be a lot of work, but it’s what I would recommend to any merchant on Shopify these days.

I hope this helps.