Mega menu creation

Hi,

I am a bit confused when it comes to create the mega menu.
I have seen your well documented articles about that but I am still confused : do I need to create html block or html category blocks ? So, I can’t use the “category products” to create my menu ? I am asking this for seo purpose.

Please kindly check my doc attached because I have created category html blocks and the sub elements are not showing on the front.

Thanks for your help

Attachments:

You must be logged in to view attached files.

I have replaced the menu with the products categories and it looks like this (doc attached).
I would like a menu as your basel demo (see doc attached), what should I do ?
Do I need to create for every categories ; sub categories and sub sub catgories a html block ?

Attachments:

You must be logged in to view attached files.

Hello,

You need to create one level menu in Appearance > Menu using Product categories.

At the same time you create HTML blocks that would be mega menu blocks: https://xtemos.com/docs/basel/html-blocks/

Then you need to insert the HTML block iD into the menu item as described in the documentation.

If you have any questions please feel free to contact us.

Best Regards

Hi,
This is how the menu is shouwing up (see doc attached). I have sub categories that are not showing up (see doc attached). Do I need to create for each categories, sub categories, sub-sub categories an html block ? Because I have only created one html block for “Boutique naturelle”, the main category.

Also how do you add a picture as on your demo ?
And I could’nt add a font awesome on “selection de Noël”, look how it is showing (I have used the code you gave in your documentation).

Thank you for our help

Attachments:

You must be logged in to view attached files.

Hello,

You can assign an HTML block to one menu item, if you want to show the sub-categories, add them into the HTML block.

You need to change the Design in the menu item to Set size or Full-width

You can upload an image inside the menu item or as the background of the row.

If you have any questions please feel free to contact us.

Best Regards

Hi, What about the awesome font code that is not working ?
How to add an icone to the menu ?

Hello,

You can replace the Extra menu list with Info Box to insert the icon, in addition, insert a class to the element so that you could change the font for the custom selector by means of Advanced typography: https://xtemos.com/docs/basel/advanced-typography-settings-2/

If you need help with the custom selector finding, let us know as soon as you set the classes for all the Inforboxes.

Best Regards

Hi,
Thank you for your advice. I have succedded to add an image but I still don’t understand how can I show the sub categories on the menu.
Can you show me live what I need to do to show second levels on the menu please ?

Thank you for your help,

Lorene

Hello,

You need to create an HTML block: https://xtemos.com/docs/basel/html-blocks/

Then using Extra menu list – Create a menu list for your mega menu dropdown, see the main menu – you add subcategories https://xtemos.com/docs/basel/shortcodes/

And finally, configure the mega menu: https://xtemos.com/docs/basel/create-mega-menu/

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts