diff --git a/docs/user/customer_portal/docs.user.customer_portal.login.md b/docs/user/customer_portal/docs.user.customer_portal.login.md
new file mode 100644
index 0000000..982683a
--- /dev/null
+++ b/docs/user/customer_portal/docs.user.customer_portal.login.md
@@ -0,0 +1,8 @@
+---
+{
+	"_label": "Login"
+}
+---
+To login into the customer account, use the customer email id and the password sent by ERPNext, generated by the sign-up process.
+
+![Login](img/customer-portal-login.png)
\ No newline at end of file
diff --git a/docs/user/customer_portal/docs.user.customer_portal.md b/docs/user/customer_portal/docs.user.customer_portal.md
new file mode 100644
index 0000000..2f08065
--- /dev/null
+++ b/docs/user/customer_portal/docs.user.customer_portal.md
@@ -0,0 +1,14 @@
+---
+{
+	"_label": "Customer Portal",
+	"_toc": [
+		"docs.user.customer_portal.sign_up",
+		"docs.user.customer_portal.login"
+	]
+}
+---
+
+Customer Portal is designed to give easy accesibility to customers of a company.
+
+
+
diff --git a/docs/user/customer_portal/docs.user.customer_portal.orders.md b/docs/user/customer_portal/docs.user.customer_portal.orders.md
new file mode 100644
index 0000000..dd1fbff
--- /dev/null
+++ b/docs/user/customer_portal/docs.user.customer_portal.orders.md
@@ -0,0 +1,13 @@
+---
+{
+	"_label": "Customer Orders"
+}
+---
+
+ERPNext Web Portal gives your customers quick access to their Orders. Customers can check the status of their orders by logging on to the web.
+
+Once an order is raised, either using the Shopping Cart or from within ERPNext, your customer can view the order and keep an eye on the billing and shipment status. When the invoice and payment against these orders are submitted, the customer can see the updated status on the portal, at a glance. 
+
+
+![Customer Portal](img/customer-portal-orders-1.png)
+
diff --git a/docs/user/customer_portal/docs.user.customer_portal.sign_up.md b/docs/user/customer_portal/docs.user.customer_portal.sign_up.md
new file mode 100644
index 0000000..4a217c2
--- /dev/null
+++ b/docs/user/customer_portal/docs.user.customer_portal.sign_up.md
@@ -0,0 +1,25 @@
+---
+{
+	"_label": "Sign-Up"
+}
+---
+Customers have to log-in to the Company Website,and sign-up as a customer. 
+
+#### Step 1: Click on Login Icon 
+
+![Sign Up](img/customer-portal-sign-up-1.png)
+
+<br>
+
+#### Step 2: Click on Sign Up Icon
+
+![Sign Up](img/customer-portal-sign-up-2.png)
+
+<br>
+
+#### Step 3: Enter Customer Name and ID
+
+![Sign Up](img/customer-portal-sign-up-3.png)
+
+After the sign up process, a mail will be sent to the customers email id with the password details.
+
diff --git a/docs/user/customize/docs.user.customize.custom_field.md b/docs/user/customize/docs.user.customize.custom_field.md
index a457f07..c5aac31 100644
--- a/docs/user/customize/docs.user.customize.custom_field.md
+++ b/docs/user/customize/docs.user.customize.custom_field.md
@@ -7,18 +7,20 @@
 
 > Setup > Custom Field > New Custom Field
 
-![Custome Field](img/custom-field.png)
+![Custom Field](img/custom-field.png)
 
 
 
 In the form:
 
 - Select the Document on which you want to add the Custom Field.
-- Select the Type of field and the Options (see section on field types).
+- Select the Type of field and the Options .
 - Select where you want the field to appear in the Form (“after field” section).
 
 and save the Custom Field. When you open a new / existing form of the type you selected in step 1, you will see it with the Custom Fields.
 
+To understand Custom Fields in detail, visit [DocType-Fields](docs.user.knowledge.doctype_fields.html)
+
 #### Naming
 
 Many times you want your fields to be carried over from one form to another. For example, you may have added a Custom Field in Quotation that you want to include in Sales Order when a Sales Order is created from the Quotation. This is simple in ERPNext, just make sure the fields have the same “fieldname”
diff --git a/docs/user/customize/docs.user.customize.custom_form.md b/docs/user/customize/docs.user.customize.custom_form.md
index 6b37bd1..f418430 100644
--- a/docs/user/customize/docs.user.customize.custom_form.md
+++ b/docs/user/customize/docs.user.customize.custom_form.md
@@ -3,12 +3,13 @@
 	"_label": "Customize Form"
 }
 ---
-Please read  ERPNext Structure before you start customizing.
 
 You can Customize Forms by changing its layout, making certain fields mandatory, hiding others and changing permission levels on fields by going to:
 
 > Setup > Customize ERPNext > Customize Forms
 
+#### Step 1: Select the required Form Type for Customization.
+
 
 ![Customize Forms](img/customize-form-1.png)
 
@@ -24,12 +25,14 @@
 
 You can also allow attachments, set max number of attachments and set the default Print Format.
 
+#### Step 2: Replace Fields with required changes.
 
 ![Customize Forms](img/customize-form-2.png)
 
 
 <br>
 
+To understand field definitions, visit [Doctype-Fields](docs.user.knowledge.doctype_fields.html)
 
 
 > Though we want you to do everything you can to customize your ERP based on your business needs, we recommend that you do not make “wild” changes to the forms. This is because, these changes may affect certain operations and may mess up your forms. Make small changes and see its effect before doing some more.
\ No newline at end of file
diff --git a/docs/user/docs.user.md b/docs/user/docs.user.md
index 5c65882..cf0e273 100644
--- a/docs/user/docs.user.md
+++ b/docs/user/docs.user.md
@@ -17,8 +17,9 @@
 		"docs.user.website",
 		"docs.user.tools",
 		"docs.user.customize",
-		"docs.user.knowledge"
-			],
+		"docs.user.knowledge",
+		"docs.user.customer_portal"
+	],
 	"_no_toc": 1
 }
 ---
@@ -70,6 +71,7 @@
 		1. [Terms and Conditions](docs.user.selling.terms.html)
 		1. [Price Lists](docs.user.setup.price_list.html)
 		1. [Discount](docs.user.selling.discount.html)
+		1. [Shopping Cart](docs.user.selling.shopping_cart.html)
 	1. [Customers](docs.user.selling.customer.html)
 	1. [Lead](docs.user.selling.lead.html)
 	1. [Opportunity](docs.user.selling.opportunity.html)
@@ -88,6 +90,7 @@
 	1. [Warehouse](docs.user.stock.warehouse.html)
 	1. [Item Group](docs.user.stock.item_group.html)
 	1. [Item](docs.user.stock.item.html)
+	1. [Product Listing on Website](docs.user.stock.product_listing_on_website.html)
 	1. [Serialized Inventory](docs.user.stock.serialized.html)
 	1. [Purchase Receipt](docs.user.stock.purchase_receipt.html)
 	1. [Delivery Note](docs.user.stock.delivery_note.html)
@@ -159,5 +162,10 @@
 	1. [Accounting Knowledge](docs.user.knowledge.accounting.html)
 	1. [Accounting Entries](docs.user.knowledge.accounting_entries.html)
 	1. [DocType Definitions](docs.user.knowledge.doctype.html)
+	1. [DocType Fields](docs.user.knowledge.doctype_fields.html)
 	1. [Attachment and CSV Files](docs.user.knowledge.attachment_csv.html)
 	1. [Format using Markdown](docs.user.knowledge.markdown.html)
+1. [Customer Portal](docs.user.customer_portal.html)
+	1. [Sign Up](docs.user.customer_portal.sign_up.html)
+	2. [Login](docs.user.customer_portal.login.html)
+	3. [Customer Orders](docs.user.customer_portal.orders.html)
diff --git a/docs/user/knowledge/docs.user.knowledge.doctype.md b/docs/user/knowledge/docs.user.knowledge.doctype.md
index a2550d4..8614fdf 100644
--- a/docs/user/knowledge/docs.user.knowledge.doctype.md
+++ b/docs/user/knowledge/docs.user.knowledge.doctype.md
@@ -71,197 +71,3 @@
 
 There are a certain type of DocTypes that are “Single”, i.e. they have no table associated and have only one record of its fields. DocTypes such as Global Defaults, Production Planning Tool are “Single” DocTypes.
 
-#### Field Columns
-
-In the fields table, there are many columns, here is an explanation of the columns of the field table.
-
-<table class="table table-bordered text-left">
-	<thead>
-		<tr class="active">
-			<td width="30%">Column</td>
-			<td>Description</td>
-		</tr>
-		</thead>
-		<tbody>
-			<tr>
-				<td>Label</td>
-				<td>Field Label (that appears in the form).</td>
-			</tr>
-			<tr>
-				<td>Type</td>
-				<td>Field Type</td>
-			</tr>
-			<tr>
-				<td>Name</td>
-				<td>Column name in the database, must be code friendly with no white spaces, special characters and capital letters.</td>
-		</tr>
-			<tr>
-			<td>options</td>
-			<td>Field settings:<br>
-				For Select: List of options (each on a new line).<br>
-				For Link: DocType that is “linked”.<br>
-				For HTML: HTML Content
-		</tr>
-		<tr>
-			<td>Perm Level</td>
-			<td>Permission level (number) of the field. You can group fields by numbers, called levels, and apply rules on the levels.</td>
-		</tr>
-		<tr>
-			<td>Width</td>
-			<td>Width of the field (in pixels) - useful for “Table” types.</td>
-		</tr>
-		<tr>
-			<td>Reqd</td>
-			<td>Checked if field is mandatory (required).</td>
-		</tr>
-		<tr>
-			<td>In Filter</td>
-			<td>Checked if field appears as a standard filter in old style reports.</td>
-		</tr>
-		<tr>
-			<td>Hidden</td>
-			<td>Checked if field is hidden.</td>
-		</tr>
-		<tr>
-			<td>Print Hide</td>
-			<td>Checked if field is hidden in Print Formats.</td>
-		</tr>
-		<tr>
-			<td>Report Hide</td>
-			<td>Checked if field is hidden in old style reports.</td>
-		</tr>
-		<tr>
-			<td>Allow on Submit</td>
-			<td>Checked if this field can be edited after the document is “Submitted”.</td>
-		</tr>
-		<tr>
-			<td>Depends On</td>
-			<td>The fieldname of the field that will decide whether this field will be shown or hidden. It is useful to hide un-necessary fields.</td>
-		</tr>
-		<tr>
-			<td>Description</td>
-			<td>Description of the field</td>
-		</tr>
-		<tr>
-			<td>Default</td>
-			<td>Default value when a new record is created.<br>
-			Note: “user” will set the current user as default and “today” will set today’s date (if the field is a Date field).</td>
-		</tr>
-	<tbody>
-<table>
-
-#### Field Types and Options
-
-Here is a list of the different types of fields used to make / customize forms in ERPNext.
-
-<table class="table table-bordered text-left">
-	<thead>
-		<tr class="active">
-			<td width="30%">Type</td>
-			<td>Description</td>
-			<td>Options/Setting</td>
-		</tr>
-	</thead>
-	<tbody>
-		<tr>
-			<td>Data</td>
-			<td>Single line text field with 180 characters</td>
-			<td>  </td>
-		</tr>
-		<tr>
-			<td>Select</td>
-			<td>Select from a pre-determined items in a drop-down.</td>
-			<td>The “Options” contains the drop-down items, each on a new row</td>
-		</tr>
-		<tr>
-			<td>Link</td>
-			<td>Link an existing document / record</td>
-			<td>Options contains the name of the type of document (DocType)</td>
-		</tr>
-		<tr>
-			<td>Currency</td>
-			<td>Number with 2 decimal places, that will be shown separated by commas for thousands etc. in Print.</td>
-			<td>e.g. 1,000,000.00</td>
-		</tr>
-		<tr>
-			<td>Float</td>
-			<td>Number with 6 decimal places.</td>
-			<td>e.g. 3.141593</td>
-		</tr>
-		<tr>
-			<td>Int</td>
-			<td>Integer (no decimals)</td>
-			<td>e.g. 100</td>
-		</tr>
-		<tr>
-			<td>Date</td>
-			<td>Date</td>
-			<td>Format can be selected in Global Defaults</td>
-		</tr>
-		<tr>
-			<td>Time</td>
-			<td>Time</td>
-			<td></td>
-		</tr>
-		<tr>
-			<td colspan="3" class="active">Text</td>
-		</tr>
-		<tr>
-			<td>Text</td>
-			<td>Multi-line text box without formatting features</td>
-			<td></td>
-		</tr>
-		<tr>
-			<td>Text editor</td>
-			<td>Multi-line text box with formatting toolbar etc</td>
-			<td></td>
-		</tr>
-		<tr>
-			<td>Code</td>
-			<td>Code Editor</td>
-			<td>Options can include the type of language for syntax formatting.
-				Eg JS / Python / HTML</td>
-		</tr>
-		<tr>
-			<td colspan="3" class="active">Table (Grid)</td>
-		</tr>
-		<tr> 
-			<td>Table</td>
-			<td>Table of child items linked to the record.</td>
-			<td>Options contains the name of the DocType of the child table. For example “Sales Invoice Item” for “Sales Invoice”</td>
-		</tr>
-		<tr>
-			<td colspan="3" class="active">Layout</td>
-		</tr>
-		<tr>
-			<td>Section Break</td>
-			<td>Break into a new horizontal section.</td>
-			<td>The layout in ERPNext is evaluated from top to bottom.</td>
-		</tr>
-		<tr>
-			<td>Column Break</td>
-			<td>Break into a new vertical column.</td>
-			<td></td>
-		</tr>
-		<tr>
-			<td>HTML</td>
-			<td>Add a static text / help / link etc in HTML</td>
-			<td>Options contains the HTML.</td>
-		</tr>
-		<tr>
-			<td colspan="3" class="active">Action</td>
-		</tr>
-		<tr>
-			<td>Button</td>
-			<td>Button</td>
-			<td>[for developers only]</td>
-		</tr>
-		<tbody>
-	<table>
-
-
-
-
-
-
-		
\ No newline at end of file
diff --git a/docs/user/knowledge/docs.user.knowledge.doctype_fields.md b/docs/user/knowledge/docs.user.knowledge.doctype_fields.md
new file mode 100644
index 0000000..dcc6d4e
--- /dev/null
+++ b/docs/user/knowledge/docs.user.knowledge.doctype_fields.md
@@ -0,0 +1,201 @@
+---
+{
+	"_label": "DocType-Fields"
+}
+---
+
+#### Field Columns
+
+In the fields table, there are many columns. The columns of the field table are explained below:
+
+<table class="table table-bordered text-left">
+	<thead>
+		<tr class="active">
+			<td width="30%">Column</td>
+			<td>Description</td>
+		</tr>
+		</thead>
+		<tbody>
+			<tr>
+				<td>Label</td>
+				<td>Field Label (that appears in the form).</td>
+			</tr>
+			<tr>
+				<td>Type</td>
+				<td>Field Type</td>
+			</tr>
+			<tr>
+				<td>Name</td>
+				<td>Column name in the database, must be code friendly with no white spaces, special characters and capital letters.</td>
+		</tr>
+			<tr>
+			<td>options</td>
+			<td>Field settings:<br>
+				For Select: List of options (each on a new line).<br>
+				For Link: DocType that is “linked”.<br>
+				For HTML: HTML Content
+		</tr>
+		<tr>
+			<td>Perm Level</td>
+			<td>Permission level (number) of the field. You can group fields by numbers, called levels, and apply rules on the levels.</td>
+		</tr>
+		<tr>
+			<td>Width</td>
+			<td>Width of the field (in pixels) - useful for “Table” types.</td>
+		</tr>
+		<tr>
+			<td>Reqd</td>
+			<td>Checked if field is mandatory (required).</td>
+		</tr>
+		<tr>
+			<td>In Filter</td>
+			<td>Checked if field appears as a standard filter in old style reports.</td>
+		</tr>
+		<tr>
+			<td>Hidden</td>
+			<td>Checked if field is hidden.</td>
+		</tr>
+		<tr>
+			<td>Print Hide</td>
+			<td>Checked if field is hidden in Print Formats.</td>
+		</tr>
+		<tr>
+			<td>Report Hide</td>
+			<td>Checked if field is hidden in old style reports.</td>
+		</tr>
+		<tr>
+			<td>Allow on Submit</td>
+			<td>Checked if this field can be edited after the document is “Submitted”.</td>
+		</tr>
+		<tr>
+			<td>Depends On</td>
+			<td>The fieldname of the field that will decide whether this field will be shown or hidden. It is useful to hide un-necessary fields.</td>
+		</tr>
+		<tr>
+			<td>Description</td>
+			<td>Description of the field</td>
+		</tr>
+		<tr>
+			<td>Default</td>
+			<td>Default value when a new record is created.<br>
+			Note: “user” will set the current user as default and “today” will set today’s date (if the field is a Date field).</td>
+		</tr>
+	<tbody>
+<table>
+
+
+#### Field Types and Options
+
+Here is a list of the different types of fields used to make / customize forms in ERPNext.
+
+<table class="table table-bordered text-left">
+	<thead>
+		<tr class="active">
+			<td width="30%">Type</td>
+			<td>Description</td>
+			<td>Options/Setting</td>
+		</tr>
+	</thead>
+	<tbody>
+		<tr>
+			<td>Data</td>
+			<td>Single line text field with 180 characters</td>
+			<td>  </td>
+		</tr>
+		<tr>
+			<td>Select</td>
+			<td>Select from a pre-determined items in a drop-down.</td>
+			<td>The “Options” contains the drop-down items, each on a new row</td>
+		</tr>
+		<tr>
+			<td>Link</td>
+			<td>Link an existing document / record</td>
+			<td>Options contains the name of the type of document (DocType)</td>
+		</tr>
+		<tr>
+			<td>Currency</td>
+			<td>Number with 2 decimal places, that will be shown separated by commas for thousands etc. in Print.</td>
+			<td>e.g. 1,000,000.00</td>
+		</tr>
+		<tr>
+			<td>Float</td>
+			<td>Number with 6 decimal places.</td>
+			<td>e.g. 3.141593</td>
+		</tr>
+		<tr>
+			<td>Int</td>
+			<td>Integer (no decimals)</td>
+			<td>e.g. 100</td>
+		</tr>
+		<tr>
+			<td>Date</td>
+			<td>Date</td>
+			<td>Format can be selected in Global Defaults</td>
+		</tr>
+		<tr>
+			<td>Time</td>
+			<td>Time</td>
+			<td></td>
+		</tr>
+		<tr>
+			<td colspan="3" class="active">Text</td>
+		</tr>
+		<tr>
+			<td>Text</td>
+			<td>Multi-line text box without formatting features</td>
+			<td></td>
+		</tr>
+		<tr>
+			<td>Text editor</td>
+			<td>Multi-line text box with formatting toolbar etc</td>
+			<td></td>
+		</tr>
+		<tr>
+			<td>Code</td>
+			<td>Code Editor</td>
+			<td>Options can include the type of language for syntax formatting.
+				Eg JS / Python / HTML</td>
+		</tr>
+		<tr>
+			<td colspan="3" class="active">Table (Grid)</td>
+		</tr>
+		<tr> 
+			<td>Table</td>
+			<td>Table of child items linked to the record.</td>
+			<td>Options contains the name of the DocType of the child table. For example “Sales Invoice Item” for “Sales Invoice”</td>
+		</tr>
+		<tr>
+			<td colspan="3" class="active">Layout</td>
+		</tr>
+		<tr>
+			<td>Section Break</td>
+			<td>Break into a new horizontal section.</td>
+			<td>The layout in ERPNext is evaluated from top to bottom.</td>
+		</tr>
+		<tr>
+			<td>Column Break</td>
+			<td>Break into a new vertical column.</td>
+			<td></td>
+		</tr>
+		<tr>
+			<td>HTML</td>
+			<td>Add a static text / help / link etc in HTML</td>
+			<td>Options contains the HTML.</td>
+		</tr>
+		<tr>
+			<td colspan="3" class="active">Action</td>
+		</tr>
+		<tr>
+			<td>Button</td>
+			<td>Button</td>
+			<td>[for developers only]</td>
+		</tr>
+		<tbody>
+	<table>
+
+
+
+
+
+
+		
\ No newline at end of file
diff --git a/docs/user/knowledge/docs.user.knowledge.md b/docs/user/knowledge/docs.user.knowledge.md
index 11dc995..1fa88d9 100644
--- a/docs/user/knowledge/docs.user.knowledge.md
+++ b/docs/user/knowledge/docs.user.knowledge.md
@@ -6,6 +6,7 @@
 		"docs.user.knowledge.accounting",
 		"docs.user.knowledge.accounting_entries",
 		"docs.user.knowledge.doctype",
+		"docs.user.knowledge.doctype_fields",
 		"docs.user.knowledge.attachment_csv",
 		"docs.user.knowledge.markdown"		
 	]
diff --git a/docs/user/selling/docs.user.selling.md b/docs/user/selling/docs.user.selling.md
index 9794556..86a07a8 100644
--- a/docs/user/selling/docs.user.selling.md
+++ b/docs/user/selling/docs.user.selling.md
@@ -9,6 +9,9 @@
 		"docs.user.selling.sales_person",
 		"docs.user.selling.campaign",
 		"docs.user.selling.terms",
+		"docs.user.setup.price_list",
+		"docs.user.selling.discount",
+		"docs.user.selling.shopping_cart",
 		"docs.user.selling. customer",
 		"docs.user.selling.lead",
 		"docs.user.selling.opportunity",
diff --git a/docs/user/selling/docs.user.selling.shopping_cart.md b/docs/user/selling/docs.user.selling.shopping_cart.md
new file mode 100644
index 0000000..cf55f76
--- /dev/null
+++ b/docs/user/selling/docs.user.selling.shopping_cart.md
@@ -0,0 +1,41 @@
+---
+{
+	"_label": "Shopping Cart"
+}
+---
+On the Webpage, a shopping cart is an icon that allows you to store all the things that you have earmarked for purchasing. It is a graphical representation of a shopping basket or a shopping cart that allows you to save the items you intend to buy. 
+
+This software displays the price of the product . It also displays shipping and handling charges, along with taxes, if applicable.
+
+To set up a shopping cart, go to the selling module.
+
+> Selling > Shopping Cart Settings
+
+
+#### Step 1: Enter Company Details and Default Territory.
+
+
+![Shopping Cart](img/shopping-cart-1.png)
+
+<br>
+
+#### Step 2: Enter Price List, Tax Master and Shipping Rule.
+
+
+![Shopping Cart](img/shopping-cart-2.png)
+
+<br>
+
+#### Shopping Cart Display
+
+On the Website, the shopping cart image will be seen below the Item price. Customers can click on the cart and enter the amount of quantity they wish to buy. The Item number will be stored on the right hand corner of the page, next to the flower sign.
+
+![Shopping Cart](img/shopping-cart-display-1.png)
+
+<br>
+
+Click on the flower sign on the right hand side to see the cart details. Click on the cart to get the final amount details.
+
+
+![Shopping Cart](img/shopping-cart-display-amount.png)
+
diff --git a/docs/user/stock/docs.user.stock.item.md b/docs/user/stock/docs.user.stock.item.md
index fdf3045..14c1831 100644
--- a/docs/user/stock/docs.user.stock.item.md
+++ b/docs/user/stock/docs.user.stock.item.md
@@ -92,58 +92,4 @@
 
 Visit [Manufacturing](docs.user.mfg.html) and [Website](docs.user.website.html) to understand these topics in detail.
 
-### Listing Item on Website
-
-To list your Item on the Website, fill the Item details and save the file. Once the file is saved, a plus (+) button will appear next to the Image icon. Click on the plus button and add your Item image. The html code will be generated automatically. 
-
-##### Step 1: Save Image
-
-![Webimage](img/item-webimage.png)
-
-<br>
-
-##### Step 2: Check the 'Show in Website' box.
-
-Under the Website section, please check the box that says 'show in Website'. Once the box is checked, the page will display other fields for entering information. 
-
-![Webimage](img/item-webimage-1.png)
-
-<br>
-
-
-##### Step 3: Enter Website Details
-
-![Webimage](img/item-webimage-2.png)
-
-
-The page name will be generated automatically. Mention the Item-Group under which the Item will be displayed.
-
-#### Item Groups
-
-Mention the Item Group under this column. If you wish to list your Item under the broad category products, name your Item Group as Products. In case you have various varieties of Item and want to classify them under different names, make Item Groups with those names and check the box that says 'show in Website'. For Example, if you wish to create a category called 'Bags', create a Item Group named Bags.
-
-
-![Item Group](img/itemgroup-webimage-bags.png)
-
-Once the Item Group is created go to the Website Settings page under Website. Enter the Label, Url, and Parent Label.
-
-
-![Item Group](img/itemgroup-website-settings.png)
-
-<br>
-
-#### Webpage labels
-
-![Webpage](img/webpage-labels.png)
-
-Add more Items under a particular Item Group.
-
-To add more Items under a certain Label, mention the Item Group on the Item Page. The Items will be added automatically on the Webpage, under the Item Group Label. For Example, To add Item-Kiddies Bag and Butterfly Print Bag, check the 'Show in Website'box. The Items will be placed under the Label Bags on the Webpage.
-
-![Item Group](img/itemgroup-websettings.png)
-
-<br>
-
-Item Group Display
-
-![Item Group Display](img/webpage-itemgroup-display.png)
\ No newline at end of file
+To list your products on the website and understand this process in detail, visit [Product Listing On Website](docs.user.stock.product_listing_on_website.html)
diff --git a/docs/user/stock/docs.user.stock.md b/docs/user/stock/docs.user.stock.md
index a8c74c9..d0ab146 100644
--- a/docs/user/stock/docs.user.stock.md
+++ b/docs/user/stock/docs.user.stock.md
@@ -5,6 +5,7 @@
 		"docs.user.stock.warehouse",
 		"docs.user.stock.item_group",
 		"docs.user.stock.item",
+		"docs.user.stock.product_listing_on_website",
 		"docs.user.stock.serialized",
 		"docs.user.stock.purchase_receipt",
 		"docs.user.stock.delivery_note",
diff --git a/docs/user/stock/docs.user.stock.product_listing_on_website.md b/docs/user/stock/docs.user.stock.product_listing_on_website.md
new file mode 100644
index 0000000..6a544a1
--- /dev/null
+++ b/docs/user/stock/docs.user.stock.product_listing_on_website.md
@@ -0,0 +1,61 @@
+---
+{
+	"_label": "Product Listing on Website"
+}
+---
+
+### Listing Item on Website
+
+To list your Item on the Website, fill the Item details and save the file. Once the file is saved, a plus (+) button will appear next to the Image icon. Click on the plus button and add your Item image. The html code will be generated automatically. 
+
+##### Step 1: Save Image
+
+![Webimage](img/item-webimage.png)
+
+<br>
+
+##### Step 2: Check the 'Show in Website' box.
+
+Under the Website section, please check the box that says 'show in Website'. Once the box is checked, the page will display other fields for entering information. 
+
+![Webimage](img/item-webimage-1.png)
+
+<br>
+
+
+##### Step 3: Enter Website Details
+
+![Webimage](img/item-webimage-2.png)
+
+
+The page name will be generated automatically. Mention the Item-Group under which the Item will be displayed.
+
+#### Item Groups
+
+Mention the Item Group under this column. If you wish to list your Item under the broad category products, name your Item Group as Products. In case you have various varieties of Item and want to classify them under different names, make Item Groups with those names and check the box that says 'show in Website'. For Example, if you wish to create a category called 'Bags', create a Item Group named Bags.
+
+
+![Item Group](img/itemgroup-webimage-bags.png)
+
+Once the Item Group is created go to the Website Settings page under Website. Enter the Label, Url, and Parent Label.
+
+
+![Item Group](img/itemgroup-website-settings.png)
+
+<br>
+
+#### Webpage labels
+
+![Webpage](img/webpage-labels.png)
+
+Add more Items under a particular Item Group.
+
+To add more Items under a certain Label, mention the Item Group on the Item Page. The Items will be added automatically on the Webpage, under the Item Group Label. For Example, To add Item-Kiddies Bag and Butterfly Print Bag, check the 'Show in Website'box. The Items will be placed under the Label Bags on the Webpage.
+
+![Item Group](img/itemgroup-websettings.png)
+
+<br>
+
+Item Group Display
+
+![Item Group Display](img/webpage-itemgroup-display.png)
\ No newline at end of file