Podifai/Docs

Dropdown

Create dropdown menus for option selection.

Overview

Dropdowns display a list of options in a select menu. Useful when you have many options and want to save space on the product page.

How to add a Dropdown option

Use the plus button to add more dropdown choices when the option list grows.

Live Preview

Dropdown supports Live Preview. When enabled, selecting a dropdown option updates the product image in real time.

General Settings

  • Label — The option group title (e.g. "Select Size")
  • Required — Whether a selection is mandatory
  • Default Option — Pre-selected option when the page loads
  • Help Text — Guide text for customers
  • Placeholder — Text shown before selection (e.g. "Choose...")

Option Values

Each value needs a name and optionally an image. You can duplicate or delete values. Additional settings per value:

  • Image — Optional thumbnail shown in the dropdown menu
  • Price Add-on — Surcharge for specific selections
  • Variant Linking — Link to a Shopify variant for stock tracking
Switch to a leading image layout when dropdown choices need thumbnails.

Appearance

  • Option Style — Text only or image + text
  • Border & Outline — Border style for the dropdown field
  • Corner Radius — Square or rounded corners
  • Label Position — Above or beside the dropdown
Set the dropdown to large, medium, or small depending on the storefront layout.
Choose outline, outline plus fill, or fill styles for the dropdown field.
Adjust the dropdown radius to match the rest of the product form.

Conditional Logic

Use Conditional Logic to show or hide this option based on another selection. For example, show different size options depending on the selected product category.

Previous

Font Swatch

Next

Badge Group