Updated instructions

README.md

@@ -9,6 +9,7 @@ This repository is a module for Magento 2. This module is used to create customi
     3.1. <a href="#form-menu">Creating first menu</a><br/>
     3.2. <a href="#form-item">Adding menu items</a><br/>
     3.3. <a href="#render">Structure for ScandiPWA</a><br/>
+    3.4. <a href="#per-store">How to enable/disable menu per store</a><br/>
 4. <a href="#dev">For development</a><br/>
     4.1.  <a href="#dev-db">DB structure</a><br/>
     4.2.  <a href="#dev-graphql">GraphQl structure</a><br/>
@@ -40,15 +41,15 @@ composer require scandipwa/menu-organizer
 ### 3.1. Creating first menu
 1. Open admin panel
 2. Locate `admin/scandipwa_menuorganizer/menu` via URL or by using side panel menu: `Scandiweb -> Navigation -> MenuManager`
-3. Find `Add New Menu` button in the right top corner, click it.
+3. Find `Add New Menu` button in the right top corner, click it.<div id="step"></div>
 4. Fill out form fields:
     1. Required:
         * _Title_
         * _Menu identifier (used in graphql requests)_
         * _Menu status (enabled / disabled)_
     2. Optional:
         * _Custom Menu CSS Class_
-        * _Store (to which store-view this menu is assigned to)_
+        * _Store (to which store-view this menu is assigned to)_ 
 5. Click `Save`.
 
 ![image](https://user-images.githubusercontent.com/82165392/128774925-e1c39338-84ed-4add-9140-13fe647b6692.png)
@@ -81,6 +82,27 @@ By default ScandiPWA will only render yellow elements _(check image)_ and ignore
 
 ![image](https://user-images.githubusercontent.com/82165392/128774980-d1e07103-fc64-4398-a2d3-1912bb6e11e9.png)
 
+The example below would result in a menu with the options Women, Men and Accessories and their respective sub-items (such as Bags and Tops).
+
+![image](https://user-images.githubusercontent.com/82165392/128775983-575bacfa-bbf7-4506-8734-37c635fa3ea1.png)
+
+<div id="per-store"></div>
+
+### 3.4. How to enable/disable menu per store
+
+To enable a menu for a specific store, make sure you have selected the store in the menu configuration on step <a href="#step">3.1.4.ii.</a><br/> Then, select the correct menu id in the configuration:
+
+1. Open admin panel
+2. Using the side panel menu, go to: `Stores -> Settings -> Configuration`
+3. Find `Scope` and select the desired store view.
+4. Using the menu dropdown, go to: `ScandiPWA -> Content Customization -> Header and Menu`
+5. Uncheck the checkbox `Use Website`
+6. Select the desired menu in `Menu to display`
+7. Tap `Save Config`
+8. Flush Cache Storage
+
+![image](https://user-images.githubusercontent.com/82165392/128777137-05d918b2-94cf-403b-9898-e8ad65ccd588.png)
+
 -----
 <div id="dev"></div>