Hemi Knowledge Base Hemi Core

Hemi UI / Hemi 3 0 UI - Functional Scope and Wireframes / Do Not Read / Create New Product (1)

Create New Product (1)

The purpose of this page is to describe in details how we will create products in Hemi 3.0

Requirements

All requirements can be found here:

https://wearepentagon.atlassian.net/wiki/spaces/HEMI/pages/2600697895/Single+Record+View+In+progress#Requirements

User Journey

The journey can be found here: Create Product - User Journey

Create New Product

It will be separated into 3 main sections- “Main“, “Bundle“, “Listing“ and users would be able to create & list a product from one place ( we will have 1 flow for creating and listing product)

Note: Below picture is showing general flow of creating & listing product. Each separate WF and its fields and buttons will be described one by one.

Complete flow:

Product Create flow - official flow.pdf

“Main“ section

Into the “Main“ section we will have 3 subsections, which will include the general(main) information regarding the product and the subsections will be separated with horizontal separator - “General“ subsection, “Media“ subsection and “Dimensions“ subsection;

The reason of combining the subsection into one page is to achieve better visibility and to save white space.

As per wireframe below, when section “Main“ is clicked, the tab will be colored in purple. Note: colors are not agreed, once we have approved colors, scope & wireframes will be updated accordingly.

“General“ subsection

Into this subsection we will have the basic information for the product.

All fields into subsection “General“ are described into the below table.

	Name of the Field	Field Type	*Required (In terms of required to be filled by user)**
1	Title	Text Field	No
2	SKU	Integer	No
3	Application Data	Disabled (Filled automatically? ) TBD	No
4	Condition ID	Dropdown button with following options:

New (with tags); New other (see details, without tags/box); New with defects; Manufacturer refurbished; Seller refurbished (Re-manufactured); Used (Pre-owned, Like new); Very Good; Good; Acceptable; For parts or not working; Like New; | No | | 5 | Variation Group | Text Field | | | 6 | Brand | Text Field | | | 7 | Barcode | Text Field | | | 8 | EAN | Text Field | | | 9 | ISBN | Text Field | | | 10 | MPN | Text Field | | | 11 | VAT code | Dropdown button with following options: Empty Value; 0; 5; 15; 20; | | | 12 | UPC | Text Field | |

“Media“ subsection

Into this subsection, we will have option for uploading images and videos.

Images - users would be able to upload images via 2 ways - with drag and drop option or uploading a file from browser; The first uploaded image would be main image, and the others would be the listing images. The main image should be bigger than the others in order to achieve visual effect.

User would be able to change the main image with drag and drop option, i.e as per example below, if user would want to make the 2nd image main, he should simply go to the second image and “drag and drop“ indicator should appear on hoover.

Each image should have an option to be deleted (x- button, located at the top right corner on each image)

Once images have been uploaded, there should be an option for reviewing each image via clicking on image box;

“Add more“ button should be frozen, i.e. if user upload 20 images, those images to not hidden or replace the location of button (maybe we can have kind of scroll or dots icon for visualizing all uploaded images.

Videos - users would be able to upload a video via 2 ways - with drag and drop option or via clicking on “add more“, selecting the video file and the uploading.

“Dimension“ subsection

There are no changes into this subsection.

Fields are described below:

	Name of the Field	Field Type	*Required (In terms of required to be filled by user)**
1	Weight	Text Field	No
2	Height	Text Field	No
3	Width	Text Field	No
4	Lenght	Text Field	No

With clicking on “Next“ button into Main section, “Bundle“ section will be opened;

“Bundle“ section

“Is Bundle“ check box button will have 2 possible values - Selected or Normal. If user clicked on “Is Bundle“ button, it should unlock all fields related to this section - into the “Bundle“ & “Components“ subsections. If user didn’t click on “Is Bundle“, all fields into subsections “Bundle“ & “Components“ should be not visualized;

Condition 1: Is bundle check box is checked:

Condition 2: Is bundle check box is not checked:

“Bundle“ subsection

It will contain following fields

	Name of the Field	Field Type
1	Is Bundle	check box
2	Is Expanded	check box
3	Calculate Price	check box
4	Bundle Error	check box
5	Error Text	Text Field
6	Parent bundle	Text Field

“Components“ subsection

It will contain following fields:

	Name of the Field	Field Type
1	SKU	Integer
2	Quantity	Integer
3	Discount Price	Integer

”Insert new component” button will insert a new fields;

Here we have “Next“ button and via clicking it “Listing“ section should be opened; Via clicking on “Back“ button, Main section should be opened;

“Listing“ section

Into this section, users would be able to add listing, via using “Add new listing“ button, or to add listing on later stage (users would be able to close the pop up using X button at the top right corner. The important is all completed information for the product should be saved via “Add product“ button;

If user clicked on “Add new listing“ button, Listing subsections will appear. We will have “Listing“ section as a main section, and will have 7 subsections - “General“, “Categories &Descriptions“, “Item & Variation Specifics“ , “Shipping & Payment“, “Account Specifics“ , “Exchange Rate Calculator“ , “Others“

Note: Please, see below the description of each Listing’s subsection

“General“ subsection

Before subcategories, we will have a field for choosing account. It will be a drop-down button with options.

Note: Options will be described into the table below

Note: Wireframe above is applicable to “General“ subsection

All fields are described into the table:

	Name of the Field	Field Type
1	Select Account	DropDown button;
Values : All accounts	Yes
2	Title	Text Field

The “Next“ button should open subsection “Categories & Description“;

The “Back“ button should transfer us to Listing section (3);

“Categories & Description“ subsection

The main change into this subcategory is it combines both “Category“ & “Description“. Both are separated with horizontal separator.

Into “Categories“ we have following fields:

	Name of the Field	Field Type	*Required (In terms of required to be filled by user)**
1	Primary Category ID	Text Field	Yes
2	Secondary Category ID	Text Field
3	Store Category ID	Text Field
4	Store Category2ID	Text Field

Into “Description“ we have following fields:

	Name of the Field	Field Type	*Required (In terms of required to be filled by user)**
1	Description:	Text Field
2	Condition Description	Text Field

“Item & Variation specifics“ subsection

Mainly design changes. IS & VS will be separated with horizontal line.

For Item specifics we will have “Add rows“ button & option for deleting rows ( the x-button on each row)

Variation Specifics Fields:

	Name of the Field	Field Type
1	Variation Group PA	Text Field
2	Variation Specific Name	Text Field
3	Variation Specific Value	Text Field

Item Specifics Fields:

	Name of the Field	Field Type	*Required (In terms of required to be filled by user)**
1	Item Specific Name	Text Field
2	Item Specific Value	Text Field

“Shipping & Payment“ subsection

The main change, comparing with current Hemi version is both shipping & payments are combined into one subsection

Shipping fields:

	Name of the Field	Field Type
1	Shipping template	drop down button with following options:
TBD
2	Dispatch time max	Integer
3	Is flat shipping charge	check box ( as described, it is applicable only for TradeMe)

Payment fields:

	Name of the Field	Field Type	*Required (In terms of required to be filled by user)**
1	Immediate Payment	check box
2	Payment Method 1	Radio buttons with options:

PayPal; PayPAI; PayPal; ManagePayments; Amazon Payments; | | | 3 | Payment Method 2 | drop-down button with following options: Empty Value; PayPal; PayPAI; PayPal; ManagePayments; Amazon Payments; | |

“Account specifics“ subsection

The important is when user select account from the drop down menu, specific fields for chosen account to be visualized into this section;

TBAdded: Fileds for specific accounts Bogomil Pavlov Danail Deltchev (Unlicensed)

“Exchange rate Calculator“ subsection

Fields into this section:

	Name of the Field	Field Type
1	Home Country VAT rating
2	Target Country VAT rating
3	Shipping Amount
4	Duty
5	VAT
6	Price Include VAT	Radio buttons with following values:

“Others“ subsection

This subcategory will consist following fields:

	Name of the Field	Field Type
1	Specific field for deleting item	Text field
2	Delete variant	Check box
3	Delete Variant Error	Text field
4	Discount Price Info	Drop-down field with following options:
TBD - for specific accounts only?
5	Country	Drop-down field with all countries
6	Return Policy	Drop-down field with following options:

This section will be the final step of the wizard.

Here we have an option “Back“ which will save the changes, but will not send the listing to the marketplace. Once user click “back“ button, it should open the Listing section (wireframe 3)

If user click on the “Add Listing“ button, confirmation box with following text should appear “Do you want to send the product to [MP name]?“ If user click “yes“, the Listing section (wireframe 3) will be opened and will contain the record for the created listing. Also, we will have a “Summary“ section, where we could see details for product we have created. The summary section is detailed described in document for “View Product“

If user click “no“, the Listing section (wireframe 3) will be opened and will not contain any record (TBD)

Via clicking on this icon, listing information should be opened in view mode;

Via clicking on this icon, listing information should be opened in edit mode;

Via clicking on this icon, users would be able to perform actions like Update Price, Quantity,List/Update the whole item, Zero stock update, Delisting, Delete; (TBA: Others will be added soon)

Is this article helpful?

0 0 0