Creating navigation bar with categories in magento - magento-2.0

I am creating a Magento shop , right now shop have no navigation bar. I want to add a navigation bar on the top of the page using the categories hierarchy I created. Or just tell me how to create a navigation manually or add it through some widget. Please.

If your using Luma Theme (the default magento2 theme), the top navigation should automatically appear after you create your categories. You can check the following guide: http://docs.magento.com/m2/ce/user_guide/catalog/navigation-top.html
If you want to create custom navigation you can check this page:
http://icecubedigital.com/blog/how-to-create-a-cms-page-in-magento-2-and-add-its-link-to-top-navigation-menu/

Related

Sperate menu for plugin menus

Hey there is there anyway that I can create a separate menu where all the whenever I activate a plugin if it has its own menu it will create them on a specific place. for example whenever we active woocommerce it create its own menu but I don't want those menu to be on the left side I want those menu to show up at a different place for example maybe on top or custom menu I create on the right.

How to adjust the position of sidebar within the Woocommerce product category page

I have a main menu which has multiple sub-menus. Some of the sub-menus are created based on some product categories. So there is no page exist which is directly associated with this sub-menu item. Once we select a sub-menu, it actually display all the products belongs to the category.
Problem is that the sidebar is always displayed on the left side of the page. But I want to show it on the right side of the page. Since there is no page associated with the product category, I don't know which page to modify to change the sidebar position.
I am using OceanWp theme.
I was suffering from the same problem as you and couldn't find a solution. I'm using an OceanWp theme as well. I added this in the Custom CSS/JS section in the customize window:
var body = document.getElementsByTagName("BODY")[0];
body.classList.remove("content-left-sidebar");
body.classList.add("content-right-sidebar");
Pages with sidebars active have the class has-sidebar in its <body />'s classlist, while pages without sidebars do not contain that class. This means that this code snippet will not any affect pages without sidebars enabled.

How to add custom navigation bar in Wordpress?

I am going to create a Wordpress website using 2017 Wordpress theme and I want it to be fully customized design. So I am trying to use my own navigation bar design in it.
For now I have remove default navigation bar in php file and add custom html and css code. But it is not actually what I want. I want it to be fully customisable from wordpress admin panel. For a example if I add new page it should add to navigation bar like normal function in Wordpress. But for now each and every page I have to update navigation bar manually. Can you provide solution for this?
You need register menu register_nav_menu
Use wp_nav_menu for showing menu in your template
For full customization markup for menu you can use wp_nav_menu( [ 'walker' => new My_Menu_Walker() ] );
Create class My_Menu_Walker and customize all elements.

Wordpress menu links wrong

I have a Wordpress theme which has been designed, however, the links are wrong at the top
For example:
About Us should go to here
Furniture should go to here
The link to the blog is here
I have already tried adjusting the position, and the width of each menu item, but to no avail.
In Wordpress Admin console there is the option Appearance>Menu. Create a new menu, add the items you want (you can add pages you made, create custom items with links to other pages, etc), save the menu. Now go to Appeareance>Themes>Customize current theme and change the navigation path.

How to link top and side navigation in wordpress?

I have following navigation structure, which i want to implement in wordpress:
(Home / About / news / Contact) are in top navigation, whereas all sub links are in sidebar.
How can i create this type of navigation in wordpress. i.e. How can i display first level navigation in header and second level navigation in sidebar.
Follow these steps:
First create a main Navigation to your site without child pages and
add it to the theme.
Then create a new menu with child menus only and save it.
Now goto widgets section and from there drag Custom Menu from left
side and add to your sidebar.
Then select your child menu and click save.
Thats all. :)
Check this WordPress Codex section for creating menu tutorial
Cheers!!!
I found these plugins helpful:
Simple Section Navigation
http://wordpress.org/extend/plugins/simple-section-navigation/
It allowed me to create the side nav based on the hierarchy of the pages and their children.
I wanted a bit more control though because I didn't want some of the parents to have their own page ... just a heading for their children. So instead, I'm using this plugin (for the Genesis Framework).
Genesis Simple Sidebars
http://wordpress.org/extend/plugins/genesis-simple-sidebars/
This allows me to create as many sidebars as I want and add custom menus to those. I'm new to this, so maybe I'm taking a long route, but so far it seems to be doing what I want it to.

Resources