How to properly create a menu

Hi,

I created the page Shop in the header, as my menu. Then, I created a HTML Block for the Shop page, which contains an Extra Menu List called ‘Clothes’ + several “Extra menu list item”(s), respectively ‘Tops’, ‘Dresses’ and ‘Pants’ (please see attached).

Now, ‘Clothes’ is a Product Category for clothes, created in Products -> Categories.

I ve already spent so many hours trying to figure this out but I simply do not know how to create my Shop menu so that:

– ‘Shop’ is “websitename.com/shop”;
– ‘Clothes’ should be “websitename.com/shop/clothes”;
– ‘Tops’ should be “websitename.com/shop/clothes/tops”.
– etc.

Can you please help me with this?

Attachments:

You must be logged in to view attached files.

Basically, I want to have the parents and all their children categories in the URL, in order to make my pages user-friendly so that everything matches the breadcrumb navigation on my website.

Btw, my Product permalinks in Settings -> Permalinks is set to Custom base: /shop/%product_cat%/

Hope that I’ve made myself clear enough in order for you to be able to help me.

Thank you

Hello,

You want to create menu and add parent-child categories there to get such a url in the result:

– ‘Shop’ is “websitename.com/shop”;
– ‘Clothes’ should be “websitename.com/shop/clothes”;
– ‘Tops’ should be “websitename.com/shop/clothes/tops”.

Categories, however, will have another view of url:

By default, you will have parent category URL like this: http://web.net/product-category/clocks/
and child category would look like this: http://web.net/product-category/clocks/accessories/

If you want URL to look exactly like you mentioned in your first message, it is possible to do with pages, not categories.

Please clarify:

What items do you want to add to menu: pages or categories?

Best Regards

Hi,

Thank you for your answer.

What I want to obtain is the following (I present it to you in the order of how the processes should ensue):

1) in my Header, I have the Shop page in place.

2) When I hover on Shop, a dropdown should appear and should contain my categories of products that I sell -> that is, for example, “Clothes”, “Shoes” and “Accessories”.

3) Underneath the “Clothes”, “Shoes” and “Accessories” categories of products for my business, there must be the corresponding available sub-categories of products that I establish -> that is, for example, for “Clothes” -> “Tops”, “Dresses” and “Pants”.

4) Now, if I click directly on “Shop”, the page that I am directed to must display ALL PRODUCTS from ALL CATEGORIES of ALL KINDS that I have in shop for sale, and the URL / breadcrumbs must be “websitename.com/shop” -> no issue here so far.

5) If I click directly on “Clothes” from the dropdown, the page that I am directed to must display ALL CLOTHES of ALL KINDS that I have in shop for sale, and the URL / breadcrumbs must be “websitename.com/shop/clothes” -> I cannot figure how to do this.

6) If I click directly on “Dresses” from the dropdown, the page that I am directed to must display ALL DRESSES in shop for sale, and the URL / breadcrumbs must be “websitename.com/shop/clothes/dresses” -> again, I cannot figure how to do this.

7) And so on…

In my opinion (and as I’ve seen on other websites) this should be the proper way to have a SHOP Menu and the corresponding pages in place. Please explain to me what I have to do in order to obtain this? How to create the respective “shop pages”?

Thank you kindly

Hello,

1. You need to establish a hierarchy in your categories: parent-child as shown http://prntscr.com/jk7emc Navigate to Products > Categories > Edit Category > Choose the parent from the drop-down and the current category will become a child. Your child category, for example, clothes may become the parent for dresses, enter dresses category and set clothes as a parent.

2. Appearance > Menu > your menu: Shop > set full width: http://prntscr.com/jk7ftr next add your HTML block from drop-down. I cannot see your site admin and have no idea what has been done and what has not.
3. In order to create HTML block read this instruction first https://xtemos.com/docs/woodmart/html-blocks-2/ next follow these steps:
– Create the necessary number of columns
– Add Extra Menu List element http://prntscr.com/jk7gue you see this is a wrapping http://prntscr.com/jk7hvh in each column
– Add the second child subcategory, for example, dresses http://prntscr.com/jk7i52 and http://prntscr.com/jk7ibn then http://prntscr.com/jk7iue
You will get the mega menu shown on your screen and each category and subcategory will show the products as you describe.

Best Regards

Elise, you are a real gem! I cannot express enough how much I appreciate what you did!

However, I kinda got stuck to this step:

– Add Extra Menu List element http://prntscr.com/jk7gue you see this is a wrapping http://prntscr.com/jk7hvh in each column

You wrote to me inside the printscreen that I must select the URL from the drop-down. Ok, which URL to be more precise?

Hello,

As soon as you press “select” http://prntscr.com/jkc7ib you will see http://prntscr.com/jkc2dy insert the category link and wording in the fields.

Best Regards

What do you mean? To insert “websitename.com/shop/clothes” in the URL field? I did, and it’s not working, all I get is a 404 Error if I try it on the website.

Hello,

Please navigate to Products > Categories > View Category http://prntscr.com/jkijhw You will get to the page of the category, copy its url and paste into your HTML block element.

Make sure you have copied the full url, for example, https://yoursite.com/…..
Best Regards

Please see in private, in their title order.

Ok, I made them clickable so it would be easier for you. Ignore my previous message and see in Private please.

Hello,

URL configuration is WordPress functionality and our theme does not influence that. Please read and follow the instructions to configure URL https://codex.wordpress.org/Using_Permalinks

WooCommerce breadcrumbs are configured as per instructions here https://docs.woocommerce.com/document/woocommerce_breadcrumb/

One more way is to find a plugin cause usually such a configuration requires skills and experience.

Best Regards

[Author]

Posts