Here is a sample of OrderCloud and how product information is handled using Headstart.
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4ZUYnzOzCSSoQIJrpsWnZ%2Fe230ed61ea9114b264fb018975b010ec%2Fadrian-sulyok-c_4eaGRDSVU-unsplash.jpg&w=3840&q=75)
This series, which will be posted for a while, is the one we had planned to introduce previously.
Check the initial status
When I log in to the admin page and select Products - All Products from the menu, I see that the product information has not yet been registered.
![ordercloudnewproduct01.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2Fa2EYYF7DIQyYTAorGoIjc%2F9e767f8c6ea1a5d58ce65e0956f1dfbd%2Fordercloudnewproduct01.png&w=3840&q=75)
Naturally, EC sites also have no product information registered.
![ordercloudnewproduct02.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F2O1WwHVKPojurUWk99HS6C%2F65cf41163dd672f7d0fcf496daea9d36%2Fordercloudnewproduct02.png&w=3840&q=75)
We will review the items required for actual registration.
Add Seller Address
Check the required fields for registering a product. When registering a product, click the Create new Product button from the screen displayed above to move to the following screen.
![ordercloudnewproduct03.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5z4MhkF5gWqoraUZYypaIq%2F8c4b319444de5ee3de485907633d95d2%2Fordercloudnewproduct03.png&w=3840&q=75)
Required items on this screen are as follows. The item names below are in Japanese for clarity, if Japanese is available.
Column | Value |
---|---|
Name | Product name |
Product SKU | SKU number of the product (if not entered, it will be generated) |
Quantity per unit | Number per unit |
Unit of measurement | Cases, users, etc. |
From which location will this item be shipped? | Select Address |
Weight of goods | |
Price | Product price |
Of these, nothing can be selected for location yet. First, create it.
Add Seller Address
Selecting the menu Seller Admin - Seller Addresses, nothing is registered as shown below.
![ordercloudnewproduct04.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6Xm8MRCAMIIBqFniTGQk4h%2F1ad71eae2f8a9f25f3ad7804c42e4ab3%2Fordercloudnewproduct04.png&w=3840&q=75)
Add the following line to the file src/UI/Seller/src/app/shared/models/supported-countries.constant.ts to reflect it in Seller. Seller by adding the following line to the file
{ label: 'Japan', abbreviation: 'JP', currency: 'JPY' },
To enable the above JPY (Japanese Yen), add JPY to the definition in the file src\UI\Seller\src\app\models\currency-geography.types.ts.
export enum SupportedCurrencies {
AUD = 'AUD',
USD = 'USD',
JPY = 'JPY',
CAD = 'CAD',
EUR = 'EUR',
}
It contains a regular expression regarding zip codes. This definition needs to be added for the JP case in ValidateZip in the file src/UI/Seller/src/app/validators/validators.ts. I added the JP part as follows
switch (countryCode) {
case 'AU':
isValid =
/^((0[289][0-9]{2})|([1345689][0-9]{3})|(2[0-8][0-9]{2})|(290[0-9])|(291[0-4])|(7[0-4][0-9]{2})|(7[8-9][0-9]{2}))$/.test(
control.value
)
break
case 'JP':
isValid = /^[0-9]{7}(?:-[0-9]{4})?$/.test(control.value)
break
case 'CA':
The two changes will be complete. You will now register your address as follows
![ordercloudnewproduct05.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5MBjDSzyDt2bKtRcMuMAF5%2Fbc64da5722d16d56c74a8a41f5d5613f%2Fordercloudnewproduct05.png&w=3840&q=75)
One Seller Address is now set.
New Product Registration
Now that you have additional choices, you can register a new product by selecting Create New Product. There are two required fields, one on the Product tab and one on the Pricing tab.
![ordercloudnewproduct06.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1G2zYTcMhjLwmoqfhNxAjd%2F7747da20248797b74460de4b9f5482b5%2Fordercloudnewproduct06.png&w=3840&q=75)
Upon registration, the product information was registered as follows.
![ordercloudnewproduct07.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6KSXc8WhYn06QZ0eefkgcS%2F56472f7b7298aaeeab29fdff9714f371%2Fordercloudnewproduct07.png&w=3840&q=75)
Cataloging
Now that we have created the product information, we need to create the catalogs to deploy them on the actual site. As a menu, click on Buyers - Catalogs and you will see that nothing has been set up yet.
![ordercloudnewproduct08.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F4jmF9BZ2DE8mZKUWTtwuK6%2Fc0c94628037e851c48a6779254326d5f%2Fordercloudnewproduct08.png&w=3840&q=75)
In this case, we will create a catalog called Sitecore SaaS.
![ordercloudnewproduct09.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6s3YpjhjTaEBk9wVRkYRsL%2F6076a022b106490945d82e1b734b5f31%2Fordercloudnewproduct09.png&w=3840&q=75)
It is then necessary to define which sites this catalog will be available at. By default, a group called Default Headstart Address is provided in Buyer Groups.
![ordercloudnewproduct10.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F7EyM4oeBf1uADUtm9KNXWo%2F36ed564d21eaf23d1d32d2b51d981450%2Fordercloudnewproduct10.png&w=3840&q=75)
A catalog item is provided at the bottom of the settings for this group. Check this.
![ordercloudnewproduct11.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2FNolVcHCH2aAyIbovzCsCc%2Fa10c6108d1ce05097d998033540aca79%2Fordercloudnewproduct11.png&w=3840&q=75)
You have now specified the catalog to be used when accessed by anonymous users of the site. Finally, go back again to the product you are registering and check Buyer Visibility. You should see the following
![ordercloudnewproduct12.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2FxwO9DTh6P4SQMIDqaGoOF%2F8f33d4326d9303ddee276fa675c39898%2Fordercloudnewproduct12.png&w=3840&q=75)
Open Settings and turn on Catalog.
![ordercloudnewproduct13.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F36S1e6EyKSOd0Po2FDQILX%2Fbd122cc57ad1d5a7a7f50b3d2848a46e%2Fordercloudnewproduct13.png&w=3840&q=75)
This completes the product registration. The product information is now displayed as shown below.
![ordercloudnewproduct14.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6fOaWxozNpBTNCllS8P0am%2Fcf47a7ef2cde11075ab242d9e2c4e877%2Fordercloudnewproduct14.png&w=3840&q=75)
Summary
In this article, we have introduced the steps from a situation where nothing has been set up yet to posting product information on the site. In reality, Seller Addresses and catalogs are already set up when the site is in operation, so the first half of the procedure is not necessary, but it is a good introduction to see how the product information is held in OrderCloud and how HeadStart works. This is a good introduction to the procedure to see how HeadStart works.