How to rearrange the variant list in a bundle

Topic summary

Issue: Variant order cannot be rearranged within a product bundle built with the basic Shopify Bundles app.

  • Context: A bundle combines an electrical fuse and holder, letting buyers choose 1, 2, or 3 fuses.
  • Update: New fuse variants (40A–400A) were added; several are currently out of stock.
  • Problem: On the bundle’s product page, fuse variants display in an unwanted order. The merchant wants ascending order (40A → 400A) but cannot find a way to reorder within the Bundles app.
  • Contrast: On the standalone fuse product page, variant ordering can be set and is correct, but this order does not carry over to the bundle.

Screenshots are central, showing correct order on the product page vs. incorrect order in the bundle view.

Status: No solution provided yet; the author is seeking guidance and hopes to avoid rebuilding the bundle. Discussion remains open.

Summarized with AI on January 5. AI used: gpt-5.

Looking for a bit of guidance because I’m really hoping I don’t need to rebuild the bundle from scratch (I also have 3 others like this, with the same issue).

The bundle is for an electrical fuse, and a holder (plus they can choose 1, 2, or 3 fuses in the bundle). I am using the basic Shopify Bundle app.

I am expanding the fuse offering, and have added the ones you can see below that are out of stock.

I have added the new variants into the bundle. (Bundle app screen below)

Save and continue.

The product page (for the bundle) shows them all listed. which is great. But they are out of the order i want them to be listed. Obviously it makes the most sense to list them in ascending order from 40 Amp up to 400 Amp. I can’t see a way to re-arrange them.

On the fuse (not bundle) product page screen, I can re-arrange. And I did that first, when I was adding the new variants and setting up pricing. Here they are in the correct order.

Anything I can do?

2 Likes

Usually, the order come from variants list of the product, depends on how your JS/APP rendering.
My suggestion is use a ReactJS/JS with graphqlQL for the best. I built many small bundles App before, we rearrange them in JS.

Unfortunately, Shopify Bundles treats a bundle as product that you cannot rearrange the variants like a normal product. But it should update the variant arrangement when you rearrange them in Product. Have you tried logging out, clearing cache, or testing a sample bundle? When you rearrange them in Product, go to the app and they should be updated. They could have changed it though, and you’d have to delete the bundle and create a new one based on the new arranged products.

I appreciate anyone trying to help, but pretty sure I can’t do any of that with the basic bundle app.

This is what I am afraid of. What a pain in the arse! This seems like such a simple fix…. c’mon Shopify!

1 Like

I guess they figured you wouldn’t need to rearrange the variants once you made a bundle.. Interesting enough to bring to Shopify as a feature request for sure.

Hi @Sapphire_Energy

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

Hi @Sapphire_Energy :raising_hands:

The issue is that on the bundle product page, fuse variants are displayed in an incorrect order. Even though the Amp ratings are sorted correctly (40–400 Amp) on the individual product page, they appear mixed in the bundle and cannot be reordered.

In this case, I recommend using Easify Product Options, which allows you to create a custom Amp Rating option (buttons or radio buttons) and control the display order without rebuilding the bundle.

Here’s an example I’ve created so you can see how it works:

  • This is the result:

  • This is the app setting:

You can use Easify Product Options to create a dedicated custom option for the Amp Rating instead of relying on the variant order in Shopify Bundles. This option can be displayed as buttons or radio buttons, and you have full control over the order of the Amp values - for example, showing them in ascending order from 40 Amp => 50 Amp => 60 Amp … up to 400 Amp.

This ensures the options are always clean, clear, and easy for customers to understand, even when you add new Amp values in the future, without running into the messy display issues of Shopify’s default bundle setup.

Additionally, Easify Product Options is very easy to use and beginner-friendly, even if you don’t have any coding experience. Everything can be set up directly in the app with a clear interface, allowing you to manage and adjust options quickly without touching your theme code.:smiling_face_with_three_hearts: