Hemi UI / Hemi 3 0 UI - Functional Scope and Wireframes / Product & Listing View / Create New Bundle Product

Create New Bundle Product

Summary of Changes: (The purpose of this table is to keep traceability and Product team to highlight the things that were changed into the scope, based on comments or discussions)

Version Date Created / Updated Notes
1.0 03.01.2025 Bogomil First publish

There is a new flow for managing bundles within the Hemi UI. We want to incorporate the bundle components within the same product view and display them only if we have Is Bundle flag set on Yes. The new option should be available when we are in Edit mode of the Product.

The whole figma project available - https://www.figma.com/design/UdlQyxZ0F3ZLxcZUdY1RG2/Multichannel-Pro?node-id=3519-61429&t=gfOccX4BxmXfJrxB-0 Prototype available - https://www.figma.com/proto/UdlQyxZ0F3ZLxcZUdY1RG2/Multichannel-Pro?node-id=3519-61429&t=gfOccX4BxmXfJrxB-0&scaling=min-zoom&content-scaling=fixed&page-id=1703%3A17324&starting-point-node-id=2226%3A24975&show-proto-sidebar=1

Create New Bundle Product

If we click on the Is Bundle flag we want to show the Bundle Components section from where we can add the components. Once we click on the “Add Bundle Component” button a popup should appear with the following details.

We want to add additional validation when the user is typing the SKU and allow them to input only SKUs which already exist in Hemi

Once we have added the components we want to have actions for them as well by selecting any of the components the action bar should appear

The available action which we would like to have are bulk Edit and Delete. Also if we click on the row we can enter the bundle component view mode:

Is this article helpful?
0 0 0