How to configure navigation bar

  • 245 views
Uploaded on

Navigation bar is a sub region of a webpage that contain hypertext links in order to navigate between the pages of a website. There can be two kinds of navigation bar links: category link & page link.

Navigation bar is a sub region of a webpage that contain hypertext links in order to navigate between the pages of a website. There can be two kinds of navigation bar links: category link & page link.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
245
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Goingo2o Wiki for Store Owners
    How to configure navigation bar
    Category:Design
  • 2. Welcome to Goingo2o Wiki
    What will you learn here?
    • What is a navigation bar
    • 3. How to configure navigation bar
    • 4. Category link
    • 5. Page link
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 6. 1
    What is navigation bar
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 7. What is navigation bar
    • Navigation bar is a part of your store header which constitutes of different links which helps a user to navigate to different pages of your store
    • 8. There can be two types of navigation bar links: Category Link and Page link
    Category link
    Page link
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 9. 2
    How to configure navigation bar, category link
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 10. How to configure navigation bar, category link
    Step 1:
    • Log in to your store admin panel with your user name and id
    • 11. Under the ‘Design’ tab select the ‘Template designer’ option
    Active tab
    • Once you have selected template designer you will be directed to the template designer bar
    Template design bar
    Content editing
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 12. How to configure navigation bar, category link
    Step 2:
    • On the bottom of the page you will now see content editor bar. Select ‘Manage Content’
    • 13. This will open a configuration pop up
    Content editor bar
    Manage content menu
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 14. How to configure navigation bar, category link
    Step 3:
    • On the configuration pop up the following options will be displayed to you
    Active tab
    Navigation bar box
    Select & configure to proceed
    • Make sure your active tab is ‘Header’
    • 15. Select the ‘Navigation bar’ box and click on ‘Select & configure’
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 16. How to configure navigation bar, category link
    Step 4:
    • You are now on the navigation bar configuration page
    • 17. The configuration page will look like the screenshot below
    Navigation bar box
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 18. How to configure navigation bar, category link
    Step 5:
    • By default the ‘Navigation bar link’ will be selected as ‘Category’. You can also select the second option of ‘Pages’, as per your requirement (discussed later in the presentation)
    • 19. Select the ‘category’ option if you just want to display store’s category on the navigation bar
    Select category
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 20. How to configure navigation bar, category link
    Step 6:
    • After you have selected ‘Navigation bar links’ as ‘Category’, The ‘Default display’ will show you all the default categories of your store’s navigation bar
    • 21. The ‘Default display’ shows you all the categories that are created by you and currently reflect on your store navigation bar. If the default display is blank, it means you have not defined any categories (you can create categories under the ‘Create’ tab from your store admin panel or read our ‘how to create category?’ wiki )
    Default display
    Default category
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 22. How to configure navigation bar, category link
    Step 7:
    • ‘More display’ shows those categories which are placed under the more tab in your navigation bar
    • 23. The ‘More display’ is used to add those categories in the ‘More’ tab’ which you do not want to display in your default navigation bar
    • 24. You can add any link that you want to display under “More” by simply clicking on the drop down arrow and moving it to the desires display option
    Links under ‘More tab’
    More display
    Drop down arrow
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 25. How to configure navigation bar, category link
    Step 8:
    • Once you have selected which category links to be placed as the ‘Default display’ or ‘More display’ in your store navigation bar, click “save” to update your settings and successfully update your navigation bar
    Save to continue and update your settings
    • You have now successfully configured your navigation bar
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 26. 3
    How to configure navigation bar, page link
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 27. How to configure navigation bar, page link
    Step 1:
    • Log in to your store admin panel with your user name and id
    • 28. Under the ‘Design’ tab select ‘template designer’
    Design tab
    Content editor page
    • Once you have selected template designer you will be directed to the template designer bar
    Template design bar
    Content editing
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 29. How to configure navigation bar, page link
    Step 2:
    • On the bottom of the page you will now see content editor bar. Select ‘Manage Content’
    • 30. This will open a configuration pop up
    Manage content menu
    Content editor bar
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 31. How to configure navigation bar, page link
    Step 3:
    • On the configuration pop up the following option will be displayed to you
    Navigation bar box
    Select to configure and proceed
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 32. How to configure navigation bar, page link
    Step 4:
    • You are now on the navigation bar configuration page
    • 33. The configuration page will look like the screenshot below
    Navigation bar configuration Page
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 34. How to configure navigation bar, page link
    Step 5:
    • Choose ‘Pages’ link if you want to upload your pages designed by you e.g. ‘About us’, ‘contact us
    • 35. Page link has two default pages 1.Home 2. Catalog
    • 36. By default the ‘Navigation bar link’ will be selected as ‘Category’. Select ‘Pages’ as your navigation bar link
    Select pages
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 37. How to configure navigation bar, page link
    Step 6:
    • After you have selected ‘Navigation bar links’ as ‘Page’, The ‘Default display’ will show all the default categories of your store’s navigation bar
    • 38. The ‘Default display’ will show you all the categories that are created by you and currently reflect on your store
    • 39. You can add any link that you want to display under “More” by simply clicking on the down arrow and moving it to the desired display option
    Default display
    Default categories
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 40. How to configure navigation bar, page link
    Step 7:
    • The ‘More display’ is used to add those categories in the ‘more field’ which you do not want to display in your default navigation bar
    • 41. You can add any link that you want to display under “default display” by simply clicking on the down arrow and moving it to the desired display option
    Links under ‘More tab’
    More Display
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 42. How to configure navigation bar, page link
    Step 8:
    • Once you have selected which page links to be placed as the ‘Default display’ or ‘more display’ in the navigation bar, click “save” to update your settings and successfully update your navigation bar
    Save to continue and update your settings
    • You have now successfully configured your navigation bar
    A Goo2o Wiki production. © All Rights Reserved at Goo2o Technologies Pvt. Ltd.
  • 43. Feel free to contact us
    • If you’ve any query, please feel free to ask a question at goo2o supportafter logging in with your goo2o user id & password
    • 44. You can post your query at goingo2o forum also to learn & discuss it with other goo2o store owners
    • 45. For any further assistance, mail us atsupport@goo2o.com
    Follow us for regular updates: