How to reorder products in your bundle?

To reorder individually selected products:

Overview

This article details the logic and necessary actions required to change the display sequence of products within a specific step of a bundle. The method for reordering is strictly determined by how the products were added to the step: via Individual Product Selection or via Collection Selection.

Core Logic & Functionality

The application utilizes two distinct logic paths for product ordering.

Scenario A: IF products were added individually

When a step contains specific products manually selected (e.g., "8 Selected Products"):

1. Navigate to Step: Open the specific bundle step where individual products are configured.
2. Access List: Click on the text label displaying the product count (e.g., "8 Selected Products").
3. Reorder: Inside the list view, use the drag and drop function to move products into the desired sequence (e.g., moving a gray product to position 1).
4. Commit Change: Click the Save button.
5. Verification: Refresh the bundle screen. The front-end display order will immediately match the drag-and-drop order saved in the app.

Scenario B: IF a Collection was added

When a step is populated by selecting a single Collection:

1. Inheritance Logic: The app does not determine the order locally. It mirrors the sort order defined within the Collection settings in the e-commerce platform backend.
2. External Reorder:

• • Navigate to the Collection settings (outside the Bundle app).
  • Manually reorder the products within that Collection.
  • Ensure the Collection changes are saved (typically autosaved).

3. Synchronization (Crucial Step):

• • Return to the Home Screen of the Bundle app.
  • Click the Sync collections button.
  • Wait until the system displays a message confirming that "syncing is complete."

4. Verification: Refresh the bundle screen on the specific step. The product order will now match the order set in the external Collection.

Constraints & Edge Cases

• Mutually Exclusive Methods: You cannot use drag-and-drop reordering inside the app for steps based on Collections. You must use the "Sync collections" method.
• Sync Requirement: IF the product order is changed in a Collection but Sync collections is not clicked on the app Home Screen, THEN the bundle step will display the old order.
• UI Refresh: Changes may not be visible immediately on the live bundle page until the browser page is refreshed.

Updated on: 01/12/2025