Skip to content

Commit 77dfb03

Browse files
authored
Update create-product.md
1 parent 143f60d commit 77dfb03

File tree

1 file changed

+24
-24
lines changed

1 file changed

+24
-24
lines changed

15/umbraco-commerce/tutorials/build-a-store/create-product.md

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -4,66 +4,66 @@ description: Learn how to create your first product in Umbraco Commerce.
44

55
# Creating your first Product
66

7-
By default, products in Umbraco Commerce are regular content nodes. These can consist of any number of properties dependant on the site design. To be considered a product however, a document type must contain the fields `Sku` and `Price`, with their corresponding aliases `sku` and `price`.
7+
By default, products in Umbraco Commerce are regular content nodes. These can consist of any number of properties depending on the site design. To be considered a product, however, a Document Type must contain the fields `Sku` and `Price`, with their corresponding aliases `sku` and `price`.
88

99
## Create a Product Composition
1010

11-
Because any node in Umbraco can be a product, we'll first create a `Product` composition that we could apply to any document type to make it a product.
11+
Because any node in Umbraco can be a product, the first step is to create a **Product** Composition. This composition can be applied to any Document Type to make it a product.
1212

13-
1. Navigate to the **Settings** section of the backoffice
14-
2. Create a new element type called `Product`
15-
3. Add an SKU property to your document type with the alias `sku` and using the `Text Box Editor`.
16-
4. Add a Price property to your document type with the alias `price` and using the `Price Property Editor` that comes with Umbraco Commerce.
13+
1. Navigate to the **Settings** section of the backoffice.
14+
2. Create a new Element Type called **Product**.
15+
3. Add an SKU property with the alias `sku` and select the `Text Box Editor`.
16+
4. Add a Price property with the alias `price` and select the `Price Property Editor` that comes with Umbraco Commerce.
1717

1818
![Umbraco Commerce Property Editors](../images/blendid/commerce_property_editors.png)
1919

2020
![Product Composition](../images/blendid/product_composition.png)
2121

22-
6. Click **Save** to save the changes to the element type.
22+
6. Click **Save** to create the Element Type.
2323

2424
## Create a Product Document Type
2525

26-
With the product composition created, we can now create a document type for a product.
26+
With the product composition created, you can now create a Document Tyoe for a product.
2727

28-
1. Navigate to the **Settings** section of the backoffice
29-
2. Either create or open a document type that you want to use as a product
30-
3. Click the **Compositions** button to open the compositions modal
31-
4. Select the `Product` composition you created earlier and click **Submit**
28+
1. Navigate to the **Settings** section of the backoffice.
29+
2. Create or open a Document Type that you want to use as a product.
30+
3. Click the **Compositions** button.
31+
4. Select the `Product` composition you created earlier and **Submit**.
3232

3333
![Umbraco Commerce Property Editors](../images/blendid/product_pick_composition.png)
3434

35-
5. Add an other properties to your document type as needed for your product.
35+
5. Add any other properties to your Document Type as needed for your product.
3636

3737
![Umbraco Commerce Property Editors](../images/blendid/product_page_doctype.png)
3838

39-
6. Click **Save** to save the changes to the document type.
39+
6. Click **Save** to save the changes.
4040

4141
## Allow Creating Product Pages
4242

43-
If you haven't already, you'll need to allow the product document type to be a child node of the store root or product container document type.
43+
If you haven't already, you'll need to allow the product Document Type to be a child node of the store root or product container Document Type.
4444

45-
1. Open your store root or product container document type to edit.
45+
1. Open your store root or product container Document Type to edit.
4646
2. Navigate to the **Structure** tab.
47-
3. Add our new document type to the **Allowed child node types** property.
47+
3. Add our new Document Type to the **Allowed child node types** property.
4848

4949
![Allow Product as Child Node](../images/blendid/product_allowed_child_node.png)
5050

51-
4. Click **Save** to save the changes to the root document type.
51+
4. Click **Save** to save the changes.
5252

5353
## Create a Product
5454

55-
1. Navigate to the **Content** section of the backoffice
56-
2. Create a new content node somewhere beneath the store root using the document type you created earlier
55+
1. Navigate to the **Content** section of the backoffice.
56+
2. Create a new content node somewhere beneath the store root using the Document Type you created earlier.
5757

5858
![Create Product](../images/blendid/create_product.png)
5959

60-
3. Fill in the details of the product, including the SKU and Price properties
60+
3. Fill in the details of the product, including the SKU and Price properties.
6161

6262
![Product Page Editor](../images/blendid/product_page_editor.png)
6363

64-
4. Click **Save and Publish** to save the product
65-
5. Navigate to the frontend of the site to view the product page
64+
4. Click **Save and Publish** to save the product.
65+
5. Navigate to the frontend of the site to view the product page.
6666

6767
![Product Page](../images/blendid/product_page.png)
6868

69-
With the product created, we can now move on to [Implementing a Shopping Cart](cart-management/overview.md).
69+
With the product created, you can now move on to [Implementing a Shopping Cart](cart-management/overview.md).

0 commit comments

Comments
 (0)