goEASYdesign

Product Navigation in Shopify

// November 14th, 2007 // Shopify, Web Builders

What these directions are setup to do are to help you create pages that contain a list of links that connect to your individual collection (or category) pages for your products. So you will have a link in your side navigation that connects to a page (you can call this “Products” if you would like) that contains links that connect to some of your collection pages (or product category pages). Here are the steps for setting up an effective navigation in Shopify:
1. Login to your Shopify account for your site.
2. Click on “Products” and add your products.
3. After adding your products, click on “Collections” then click on “Create new Collection” and make a new collection (these are basically categories that you are going to be putting your products into). Remember what you name your Collection; the relative URL for you new collection will be something like “/collections/watches”.
4. Now click on “Blogs & Pages” then click on “Create Blog or Page”. Create a new Page.
5. While still editining your page, create links that you can use to connect your new page to your collections pages. You will need to use textile coding to create the links.
Example: If you want to create a link on the word, “watches” you would need to type the following in your edit box for you page: “watches”:/collections/watches
6. Create links for the collection pages (or category pages) you would like to be displayed on this page using this process. Click “Post Page” when finished (or, if you are editing an already created page, click on “Add Changes”.
7. Now, click on “Navigation” to add your newly created page to your side navigation. After clicking on “Navigation” click on “Add Link” under the list that is beneath “Main Menu”. Choose a name you would like (“Products” may be a good choice) for the “Name of link”. In the “Links to” drop down choose “Page”. After doing this another drop down menu will appear to the right of the “Links to” drop down. From that drop down choose the page you just created. Click “Add Link” when finished.