How to sort dropdown options in Infinite Options bundle

How dropdown options in the Infinite Options bundle are displayed

When using the Infinite Options bundle with the Quickly Build method, dropdown options are displayed in the order they are listed in your product settings; they are not sorted alphabetically by default. If you'd like your options to appear in alphabetical order, you can add a small JavaScript snippet to your store.

Why your options may not appear alphabetically

The Quickly Build method pulls options directly from your product variants and displays them as-is. Since no automatic sorting is applied, options will appear in whatever order they were created or listed in Shopify.

How to sort the dropdown options alphabetically

You can resolve this by adding a custom JavaScript snippet to your store via the App Embed or App Block (depending on what you are using) in your Shopify theme editor. The script will automatically sort the dropdown options alphabetically when the bundle loads.

You can download the JavaScript snippet here.

Option 1: App Embed (recommended)

1. In your Shopify Admin, go to Online Store > Themes
2. Click Edit theme on your active theme
3. In the theme editor, click App Embeds (the puzzle piece icon in the left sidebar)
4. Locate the Simple Bundles app embed and open its settings
5. Paste the JavaScript snippet into the custom code field
6. Click Save

Option 2: App Block

1. In your Shopify Admin, go to Online Store > Themes
2. Click Edit theme on your active theme
3. Navigate to the product page template where your bundle is displayed
4. Add or locate the Simple Bundles App Block
5. In the block settings, paste the JavaScript snippet into the custom code field
6. Click Save

What to expect after adding the script

Once the script is in place, the dropdown options in your Infinite Options bundle will be sorted alphabetically on the storefront. No changes are made to your actual product data in Shopify, the sorting happens on the frontend only.

Sample Implementation:

If you run into any issues after adding the script or have questions along the way, feel free to reach out to our support team at hello@simplebundles.io.