Scenario A: IF products were added individually
When a step contains specific products manually selected (e.g., "8 Selected Products"):
Navigate to Step: Open the specific bundle step where individual products are configured.
Access List: Click on the text label displaying the product count (e.g., "8 Selected Products").
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).
Commit Change: Click the Save button.
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:
The app does not determine the order locally. It mirrors the sort order defined within the Collection settings in the e-commerce platform backend.
Navigate to the Collection settings (outside the Bundle app).
Manually reorder the products within that Collection.
Ensure the Collection changes are saved (typically autosaved).
2. Sync Collections (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."