Fixes erpnext issue 6891 (#7128)

* Fixes erpnext issue 6891

Updated all 4 items listed on the issue. Removed old out of date image
files and created new ones. Fixed broken links.

* Update to Pull Request #7128

Changes to images to comply with guidelines.

erpnext/docs/user/manual/en/website/add-products-to-website.md

@@ -1,69 +1,63 @@
 ### Add Products to the 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
+ERPNext will populate your website with products out of your Item Master. The html code will be
 generated automatically.
 
-##### Step 1: Save Image
+#### Step 1: Edit Item
 
-![Webimage]({{docs_base_url}}/assets/old_images/erpnext/item-webimage.png)
+For this example we will add a rocking chair to our catalog to sell on our website.
 
-  
+To edit a catalog item go to: `Stock > Items and Pricing > Item`.  From there select an item to add to website or create a new item by clicking the **New** button in the upper right.
 
-##### Step 2: Check the 'Show in Website' box.
+For this example, click on the **New** button to create a new item.  Fill in the form and then click **Save**.
 
-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.
+![New Website Item 01]({{docs_base_url}}/assets/img/articles/new-item-for-website-01.png)
 
-![Webimage]({{docs_base_url}}/assets/old_images/erpnext/item-webimage-1.png)
+#### Step 2: Save Image
 
-  
+1. Click the new item from the list to edit it.
+1. In the upper left, click the image block to give the product a picture. Be sure to uncheck the **Private** box so the image will be publicly viewable.
 
-##### Step 3: Enter Website Details
+![New Website Item 02]({{docs_base_url}}/assets/img/articles/new-item-for-website-02.png)  
 
-![Webimage]({{docs_base_url}}/assets/old_images/erpnext/item-webimage-2.png)
+#### Step 3: Check the 'Show in Website' box
 
-The page name will be generated automatically. Mention the Item-Group under
-which the Item will be displayed.
+Under the Website section near the bottom of the form, check the box that says **Show in Website**. Once the box is checked, the page will display other fields for entering information.
 
-#### Item Groups
+* Give the page a route on the website.
 
-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.
+![New Website Item 03]({{docs_base_url}}/assets/img/articles/new-item-for-website-03.png)    
 
-![Item Group]({{docs_base_url}}/assets/old_images/erpnext/itemgroup-webimage-bags.png)
+#### Step 4: Enter Website Details
 
-Once the Item Group is created go to the Website Settings page under Website.
-Enter the Label, Url, and Parent Label.
+Once the `Show in Website` checkbox is checked, a new section called **Website Specifications** appears. Expand this section to add more details about the rocking chair to the website.
 
-![Item Group]({{docs_base_url}}/assets/old_images/erpnext/itemgroup-website-settings.png)
+![New Website Item 04]({{docs_base_url}}/assets/img/articles/new-item-for-website-04.png)
 
-  
+Click **Save** in the upper right and then click `See on Website` on the left under the product image to see the item on your website.
 
-#### Webpage labels
+![New Website Item 05]({{docs_base_url}}/assets/img/articles/new-item-for-website-05.png)
 
-![Webpage]({{docs_base_url}}/assets/old_images/erpnext/webpage-labels.png)
+### Item Groups
 
-Add more Items under a particular Item Group.
+Items can be grouped together in items groups.  To see a listing of the existing item groups to go: `Stock > Items and Pricing > Item Group`. Out of the box, ERPNext comes with a collection of item groups that you can use. Click `Products` to select it and then click `Edit` to open it up.
 
-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.
+* Click the **Show in Website** check box.
+* Change the route to `products`.
+* Fill in a description for your products page.
+* Click **Save**.
 
-![Item Group]({{docs_base_url}}/assets/old_images/erpnext/itemgroup-websettings.png)
+![New Website Item 06]({{docs_base_url}}/assets/img/articles/new-item-for-website-06.png)
 
-  
+* Go back to the rocking chair item, expand the **website** section.
+* Click **Add new row** button under the `Item Group` table.
+* Select `Products` from the list.
+* Click **Save**. 
 
-Item Group Display
+![New Website Item 07]({{docs_base_url}}/assets/img/articles/new-item-for-website-07.png)
 
-![Item Group Display]({{docs_base_url}}/assets/old_images/erpnext/webpage-itemgroup-display.png)
+To see on the website, go back to the `Item Group` and then click **See on website**.
+
+![New Website Item 08]({{docs_base_url}}/assets/img/articles/new-item-for-website-08.png)
 
 {next}

erpnext/docs/user/manual/en/website/articles/managing-user-sign-up-via-website.md

@@ -2,7 +2,7 @@
 
 Users can sign up for ERPNext account via the ERPNext Website.
 
-<img src="{{docs_base_path}}/assets/img/articles/Screen Shot 2014-12-10 at 4.45.27 pm.jpg">
+<img src="{{docs_base_url}}/assets/img/website/website-login.png">
 
 As seen above the login / sign-up button appears on the homepage of the website generated using ERPNext.
 
@@ -16,7 +16,7 @@ To do so, Go to
 
 3. Check the disable SignUp check-box and save the doc.
 
-Now only the login button shall appear and there shall be no option to sign-up via the website. You can always revert back by following the same steps.
+Now only the login button will appear and there shall be no option to sign-up via the website. You can always revert back by following the same steps.
 
 
 <!-- markdown -->

erpnext/docs/user/manual/en/website/articles/website-home-page.md

@@ -1,23 +1,25 @@
-<h1>Website Home Page</h1>
+# Wesite Home Page
 
 It is very much possible in ERPNext to setup certain standard page as default website Home Page. Following are steps to setup default website home page.
 
-#### **Step 1: Open Website Settings Page.**
-To Open website settings page go to:
+#### **Step 1: Create a Web Page**
+To create a web page go to: `Website > Web Site > Web Page` and then click on the `New` button in the upper right.
 
-`Website > Setup > Website Settings`
+* Fill in the page title
+* Give the page a route (keep it lower case)
+* Add content to the `Main Content` section. If you want, you can use markdown to create a more complex page.
+* Tick (Check) the `Published` check box
+* Click the `Save` button.
 
+#### **Step 2: Open Website Settings Page**
+To Open website settings page go to: `Website > Setup > Website Settings`
 
-#### **Step 2: Set Home page.**
+#### **Step 3: Set Home page**
 
-Enter standard page like, index, login, products, blog, about, contact etc. as Home Page in Landing Page section of Website Settings page. For e.g consider you want login page as your default website home page.      
+Enter the same value you entered for the `route` field in the previous section to the `Home Page` field. ERPNext will set this route to be the same as /index for your page.      
 
 ![Website Setting Home]({{docs_base_url}}/assets/img/articles/Selection_021.png)
 
-#### **Step 3: Save Website Settings Form.**
+#### **Step 4: Save Website Settings Form.**
 
-After setting up Home Page Press 'Save' button from website settings page and refresh the system from Help menu. Like this you can set any standard page as your default website home page. When some one visited to your website, he/she will see home page as default landing page on your website.
-
-![Website Home Page]({{docs_base_url}}/assets/img/articles/Selection_022.png)    
-
-<!-- markdown -->
+After setting up Home Page Press `Save` button from website settings page and refresh the system from Help menu. Like this you can set any standard page as your default website home page. When some one visited to your website, he/she will see home page as default landing page on your website.

erpnext/docs/user/manual/en/website/articles/website-security.md

@@ -1,9 +1,11 @@
 #Website Security
 
-One can easily generate a website using erpnext. We can list out Products on the website and also create blogs. Products are directly fetched from the Item Master records of your erpnext account. some people would like to limit the access of the website generated by ERPNext to certain people. This is because some of the items may not be available to public.
+One can easily generate a website using ERPNext. We can list our Products on the website and also create blogs. Products are directly fetched from the Item Master records of your ERPNext account. Some people would like to limit the access of the website generated by ERPNext to certain people. This is because some of the items may not be available to the public.
 
-Well at the moment this feature is not available. You cannot limit the access of the website generated by ERPNext to certain people. If you publish the website it will be publicly visible. However while you cannot control who can view the website, you can always choose which items to display on the website. To show or not show an Item on your website go to 'Item Master' and in the Item form check the 'show in website' checkbox. 
+Well at the moment this feature is not available. You cannot limit the access of the website generated by ERPNext to certain people. If you publish the website it will be publicly visible. However while you cannot control who can view the website, you can always choose which items to display on the website. To show or not show an Item on your website go to `Selling > Items and Pricing > Item` and in the Item form check the `show in website` checkbox. 
 
-<img src="{{docs_base_path}}/assets/img/articles/Screen Shot 2014-11-26 at 10.43.51 am.png"> 
+<img src="{{docs_base_url}}/assets/img/articles/item-show-on-website-checkbox.png"> 
 
-You can also fill in the details of the product as to be shown on the website here.
+Once the check box has been checked, then more details will appear that you can fill in for the details of the product as to be shown on the website.
+
+<img src="{{docs_base_url}}/assets/img/articles/item-show-on-website-checkbox-checked.png">