====== Setting Up Navigation On Shopify To Point To Created Collections ======

Here is the video that covers this content:

[[listingmanager:videos:vidcreateshopifynav|How To Create And Edit Your Menu Navigation]]

You are responsible for setting up the navigation to point to the appropriate collections.   You can visit the following article for more information directly from Shopify on this process:
https://help.shopify.com/en/manual/sell-online/online-store/menus-and-links

This will need to be done before you can start selling any items.  This is because without navigation links pointing to collections, your customers will not be able to see your product listings very easily:

Alternatively, you can contact the Shopify Gurus to get help doing this.

The following information can help you get started with creating your navigation so that collections can be linked to your main menu.

**Note**: This is something that a Resaleworld Support Technician cannot fully walk you through as this is a design choice.  You can build out your navigation menu to say whatever you would like.

  - Go to [[https://customersstore.myshopify.com/admin|https:%%//%%myshopifystore.myshopify.com/admin]] on your computer and then log in. \\ Example:  https:%%//%%State-of-mind-consignment.myshopify.com/admin \\ {{libertyreact:lib:newitem1307.png|NewItem1307.png}}
  - In the menu to the left, click on **Online Store** then **Navigation**. \\ {{libertyreact:lib:newitem1303.png|NewItem1303.png}}
  - Click on the **Main menu** option. \\ {{libertyreact:lib:newitem1302.png|NewItem1302.png}}
  - Click the **Add menu item** link at the bottom of the list of menus. \\ {{libertyreact:lib:newitem1301.png|NewItem1301.png}}
  - Next, we can create a Level 1 menu drop-down.  If you have a 2 level or a 3 level category structure in **Liberty**, you can type the **Name** to match your level 1 department category.  For this example, we used **Woman’s Apparel**. \\ For the **Link**, it is possible to push your level 1 category structure as a collection as well. This setting can be setup under Settings > Options > Shopify Options within the **Listing Manager**.  For the below example, I just had the header going to the home page since I do not have a level 1 category of **Woman’s Apparel** being created as a collection on shopify. \\ Finally, click the **Add** button. \\ **Note**: You do not have to create dropdown menus if you do not want to.  This example is showing how to create them just in case.  It is possible to create a single link on your main menu that jumps straight to your individual collections.  If you have a lot of collections, the bar may be too crowded for this method. \\ {{libertyreact:lib:newitem1300.png|NewItem1300.png}}
  - Next, we create a 2nd level menu item. In this example, we will use the **Tops** collection pushed up from **Liberty** when a listing under that category was created. \\ Click the **Add menu item** link again. \\ {{libertyreact:lib:newitem1299.png|NewItem1299.png}}
  - For the **Name**, you can type whatever you wish the navigation title to be set as. \\ In this example, we are naming the menu entry the same as the collection; **Tops**. \\ For the **Link**, you need to click on the appropriate **Collection** you wish the customer to be brought to, when they click on the drop-down menu option.  In this example, we are using the **Tops** collection. \\ Click the **Add** button. \\ {{libertyreact:lib:newitem1298.png|NewItem1298.png}}
  - We next need to move the **Tops** menu option underneath the **Woman’s Apparel** menu option.  This is how we tell Shopify that we want to create a drop-down menu. \\ You do this by simply dragging the appropriate menu underneath another menu until you see a drop-down arrow. \\ Once you let go of the mouse button, the menu will now be underneath the menu you wanted. \\ In the example below, **Tops** is now a child menu of **Woman’s Apparel**. \\ {{libertyreact:lib:newitem1297.gif|NewItem1297.gif}}
  - Now that a child menu has been created, you will now see that it is very easy to add another child menu if you would like.  This child menu would be associated with another collection that falls under **Woman’s Apparel** like **Pants/Shorts**. \\ {{libertyreact:lib:newitem1296.png|NewItem1296.png}}
  - You must now continue until you have created the rest of your menu options. You can then drag and drop them in the order you want them to appear on your **Shopify Page**. \\ {{libertyreact:lib:newitem1295.png|NewItem1295.png}}
  - Here is an example of what the above menu structure looks like to help you visualize the end product. \\ {{libertyreact:lib:newitem1294.gif|NewItem1294.gif}}
==== Next Section Navigation Link ====

Click the following link to see a list of articles for the next section: \\ [[:listingmanager:ebaylisting|Ebay Listings]]

==== Related Topics ====

[[listingmanager:newtopic24:shopifynavigation]]
[[listingmanager:newtopic24:2ndleveltoshopify]]
[[listingmanager:newtopic24:smartcollectionsshopify]]
[[listingmanager:shoprwshopify:maintainshoprwshopify]]
[[listingmanager:shoprwshopify:addpackagesrecom]]
[[listingmanager:shoprwshopify:addingwebdescrec]]
[[listingmanager:shoprwshopify:editingawebdescshop]]
[[listingmanager:shoprwshopify:definitionsofwebdesc]]
[[listingmanager:shoprwshopify:previewingwebrecom]]
[[listingmanager:shoprwshopify:addingimageslisting]]
[[listingmanager:shoprwshopify:deletingiamgeslisting]]