How To Create Navigation Like This???

  • Hi folks,

    I need some help with regards to navigation. Say for example, i have a site selling sporting goods. My top level navigation menu will be something like football, cricket, rugby, golf, basketball. Once a user clicks on one of these they will be presented with a page allowing them to chose an area within that sport. So for football, they may then have a choice of boots, shirts, shorts, gloves. When they select one of those they are presented with a page showing all the products within that area. What i want to achieve is have a sidebar that lists links to the various brands within that sector and the number of products in brackets afterwards (ie. nike(5) ). Hear is an example of a site that does just the thing:

    https://www.feelunique.com/skin/treatments

    If i’m right in thinking, the top part of this sidebar features a list of pages that are sub pages of ‘skin’ using the wp_list_pages template tags. But how is the bottom half of the sidebar created? Any help would be greatly appreciated. Thanks.

Viewing 1 replies (of 1 total)

  • Hi paa1605!

    This are a number of ways to achieve this, especially with WordPress 3.0+. If you are not comfortable with PHP, you could do the top part as you explained, listing the pages.

    As for the bottom part, I am assuming that each of your posts is a product. You can then use categories for brands, and then list them using wp_list_categories() (link to codex)

    If you are ready to modify your theme to achieve this, you could utilize custom post types, and custom categories. WordPress uses some post types internally (regular posts are one, pages are another for example), but you can now create your own, eg: books, or products. Take a look here for an explanation and here for the codex article.

    Custom categories will be useful to you if you already use categories (eg: winter sports, summer sports, triathlon). You can then create a custom category named “Brands”, which you could use to assign brands to posts. This article provides a good overview of this, take a look!

    I know this is a pretty vague answer, but I hope you find what you’re looking for. Good luck!

Viewing 1 replies (of 1 total)
  • The topic ‘How To Create Navigation Like This???’ is closed to new replies.