How to create an option dropdown for a Page?

Topic summary

User seeks to add an option-style dropdown on a Shopify page using the Dawn theme and asks whether this is feasible without heavy coding. They’ve searched but found no solution and request guidance or examples.

Key details:

  • Platform/theme: Shopify, Dawn theme.
  • Scope: A dropdown UI on a Page (not explicitly a product variant selector), with the desired look shown in two attached images.
  • Skills: Limited coding experience; tags indicate CSS/HTML/customization focus.

Requests:

  • Confirmation that this dropdown can be implemented in Dawn and how (step-by-step instructions or code snippets).
  • If not straightforward, suggestions for practical alternatives (e.g., different approaches or tools) to achieve a similar UI.

Status:

  • No answers or solutions provided yet; the thread remains open.
  • The attached images are central to understanding the exact desired dropdown style.
Summarized with AI on December 27. AI used: gpt-5.

I’ve searched for a way to make a dropdown like this for a bit and found nothing, is this possible?

Theme is dawn.

I’m not a big coder myself.

Can anyone help with this?

Maybe provide some helpful alternatives if not?

Img!.png