{"id":24528,"date":"2012-10-04T06:05:52","date_gmt":"2012-10-04T10:05:52","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=24528"},"modified":"2016-07-21T04:45:06","modified_gmt":"2016-07-21T08:45:06","slug":"magento-adding-page-links-in-the-navigation-bar","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/magento-adding-page-links-in-the-navigation-bar.html","title":{"rendered":"Magento. Adding page links to the navigation bar"},"content":{"rendered":"

<\/p>\r\n

This tutorial shows how to add page links to Magento navigation bar.<\/p>\r\n

Magento. Adding page links in the navigation bar<\/a><\/p>\r\n

In order to add the page links to the navigation bar, you should perform the following steps:<\/p>\r\n

Step 1: Adding the Subcategory<\/h3>\r\n
    \r\n
  1. \r\n

    Go to Catalog -> Manage Categories<\/strong> in your Magento Admin. <\/p>\r\n<\/li>\r\n

  2. \r\n

    Select ‘Default Category’<\/strong> on the left, then click the ‘Add Subcategory’<\/strong> button: <\/p>\r\n

    \"Magento.-Adding-page-links-in-the-navigation-bar1\"<\/a><\/p>\r\n<\/li>\r\n

  3. \r\n

    Fill in the fields:<\/p>\r\n

    – Specify your link Name<\/strong>.<\/p>\r\n

    – Set ‘Is Active’<\/strong> to Yes<\/strong>.<\/p>\r\n

    – In the URL Key<\/strong> field type the name of your page link in lowercase letters with hyphens instead of spaces (f.e.’About Us’ becomes about-us):<\/p>\r\n

    \"Magento.-Adding-page-links-in-the-navigation-bar2\"<\/a><\/p>\r\n

    – Scroll down to the bottom of the form and set Include to Navigation Menu<\/strong> to ‘yes’<\/strong>.<\/p>\r\n

    – Click ‘Save Category’<\/strong> button:<\/p>\r\n

    \"Magento.-Adding-page-links-in-the-navigation-bar3\"<\/a>\r\n <\/li>\r\n<\/ol>\r\n

    Step 2: Creating a Redirect<\/h3>\r\n
      \r\n
    1. \r\n

      Navigate to Catalog -> URL Rewrite Management<\/strong>.<\/p>\r\n<\/li>\r\n

    2. \r\n

      In the search box of the Request Path<\/strong> column, type in the URL key<\/strong> for the subcategory, and click Search<\/strong>.<\/p>\r\n

      When the subcategory is located, click ‘Edit’<\/strong> to open the record: <\/p>\r\n

      \"Magento.-Adding-page-links-in-the-navigation-bar4\"<\/a>\r\n<\/p>\r\n

      NOTE: you will have records for each installed language. You can open the record for each language in the new browser tab<\/strong>.<\/p>\r\n<\/li>\r\n

    3. \r\n

      Open the notepad<\/strong> on your PC and save<\/strong> the following info: the ID path<\/strong> of your URL Rewrite and the Request path<\/strong>: <\/p>\r\n

      \"Magento.-Adding-page-links-in-the-navigation-bar5\"<\/a><\/p>\r\n<\/li>\r\n

    4. \r\n

      Now we should delete the URL Rewrite<\/strong> for each language – click the Delete<\/strong> button at the top right.<\/p>\r\n<\/li>\r\n<\/ol>\r\n

      Step 3: Adding a new URL rewrite<\/h3>\r\n
        \r\n
      1. \r\n

        In Catalog -> URL Rewrite Management<\/strong> click Add URL Rewrite<\/strong> button at the top right.<\/p>\r\n<\/li>\r\n

      2. \r\n

        In the Create URL Rewrite<\/strong> field select ‘Custom’<\/strong>.<\/p>\r\n<\/li>\r\n

      3. \r\n

        Fill in the URL Rewrite Information form<\/strong>:<\/p>\r\n

        – Add the ID path<\/strong> for the item which you have noted and saved in the notepad on step 2.2.<\/p>\r\n

        – Add the Request Path<\/strong> for the item which you have noted and saved in the notepad on step 2.2.<\/p>\r\n

        – To fill in the Target Path<\/strong> field, open any navigation menu on your site and copy-paste its url into the field, f.e: http:\/\/yourdomain.com\/index.php\/contacts\/ (where ‘contacts’<\/strong> is the Request Path for the Contact Us navigation page). Replace the Request Path with the new item Request Path which you have noted and saved in the notepad on step 2.2 of this tutorial.<\/p>\r\n<\/li>\r\n

      4. \r\n

        Set Redirect<\/strong> to ‘Permanent 301’<\/strong>.<\/p>\r\n<\/li>\r\n

      5. \r\n

        Click ‘save’<\/strong> button at the top right:\r\n<\/p>\r\n

        \"Magento.-Adding-page-links-in-the-navigation-bar6\"<\/a><\/p>\r\n

        NOTE: this needs to be done for each language.<\/p>\r\n<\/li>\r\n<\/ol>\r\n

        Step 4: Creating a page<\/h3>\r\n
          \r\n
        1. \r\n

          Go to CMS -> Pages<\/strong>.<\/p>\r\n<\/li>\r\n

        2. \r\n

          Click ‘Add New Page’<\/strong>. <\/p>\r\n<\/li>\r\n

        3. \r\n

          Specify the page title, the URL key<\/strong> for the page, select All Store Views<\/strong>:<\/p>\r\n

          \"Magento.-Adding-page-links-in-the-navigation-bar7\"<\/a>\r\n <\/li>\r\n

        4. \r\n

          Switch to the Content<\/strong> Tab on the left. Put the html for your page content here.<\/p>\r\n<\/li>\r\n

        5. \r\n

          Switch to the Design Tab<\/strong> on the left. In the layout field choose the desired Page Layout: <\/p>\r\n

          \"Magento.-Adding-page-links-in-the-navigation-bar8\"<\/a><\/p>\r\n<\/li>\r\n

        6. Click ‘Save Page’<\/strong>.\r\n <\/li>\r\n<\/ol>\r\n

          Step 5: Clearing your Magento Cache<\/h3>\r\n

          Refer to this tutorial to learn how to clear cache in Magento<\/a>.<\/p>\r\n

          This is the end of the tutorial. You’ve learned how to add page links to Magento navigation bar <\/p>\r\n

          Feel free to check the detailed video tutorial below:<\/p>\r\n

          Magento. Adding page links in the navigation bar<\/a><\/p>\r\n

          Don’t forget to check out newcomers in our collection of premium Magento themes<\/a>!<\/p>\r\n

          <\/p>","protected":false},"excerpt":{"rendered":"

          This tutorial shows how to add page links to Magento navigation bar.<\/p>\n","protected":false},"author":37,"featured_media":56245,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[729],"tags":[1158,521,2407,571,634],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/24528"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=24528"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/24528\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/56245"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=24528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=24528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=24528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}