https://www.youtube .com/watch?v=mdNxE32C-h0

Add the finishing touch to your online shop: create a mega menu for a #WooCommerce shop in a blink of an eye. Build a complex #mega #menu with Elementor and include any content you need. 💡 Tip 1. Make sure that JetMenu is enabled for the current location. 💡 Tip 2. Don’t forget to set the thumbnails for the product categories. ◼️ To create WP mega menu, hover on the menu item in the admin panel and use JetMenu plugin Mega Content settings ◼️ Expand the menu functionality — build a submenu that contains the elements you need (categories, tags, links, etc.) ◼️ Tune the mega menu with Elementor by choosing its position, motion effect, and applying various styling options ◼️ Apply Vertical Mega Menu widget to add as many submenus as you want ◼️ Enrich the mega menu content by adding illustrative grids — use Products grid widget, style it, query the products to display, and enable carousel to simplify the design ◼️ Insert product categories, using WooCommerce category grid widgets That’s it for creating a mega menu for WooCommerce, stay tuned because more useful tutorials on plugins are coming soon. ————- ☕LIKED THIS VIDEO? BUY JULIA A COFFEE ► https://www.buymeacoffee.com/JuliaMcHale ————- ► TIMESTAMPS 00:00 Introduction 01:25 Creating Mega menu using JetMenu plugin 05:53 Applying JetGridBuilder widgets 07:01 Adjusting the Mega menu width ————- Useful links from the video: 👉WooCommerce playlist http://bit.ly/3ch2siy 👉Designing WooCommerce Product Grid https://youtu.be/tG6kIyUqH1c 👉Setting different menu per page https://youtu.be/MOeUZzIlfCE 👉 JetMenu plugin overview https://youtu.be/Pndy-eEgGsY ————- Discover JetWooBuilder ► features on our website https://bit.ly/30yQk5p ► tutorials in our Knowledge Base https://bit.ly/3bDeORa ————— Website template used: Zolden — Dynamic WooCommerce Template ► https://bit.ly/3qzC5aY ————— Try JetGridBuilder for FREE ► https://bit.ly/3qHuYNL ————— Explore JetMenu plugin ► https://bit.ly/3qzCiuM ————— Check on handy widgets ► Vertical Mega Menu widget https://bit.ly/3layv67 ► Products Grid widget https://bit.ly/3qAJIOx ► Taxonomy Tiles widget https://bit.ly/3qCAEsh ► Categories Grid widget https://bit.ly/3tfXDLk ————— Join us here: ► FB Community: https://www.facebook.com/groups/CrocoblockCommunity ► Facebook: https://www.facebook.com/crocoblock/ ► Twitter: https://twitter.com/mrcrocoblock ► Instagram: https://www.instagram.com/mrcrocoblock/ ► Pinterest: https://www.pinterest.com/crocoblock/ #jetmenu #jetwoobuilder #jetgridbuilder #woomenu #websitemenu #wordpress #onlineshop #megamenu #elementormenu

30 Replies to “Designing WooCommerce Mega Menu”

  1. Wow. I was having issue with custom cart & checkout cos they are showing when activated on woocommerce settings. I’m using kava & it showed a blank page with the page title.

  2. So Amazing! Only thing is I was waiting for ya Julia to get to the mobile styling but it never came #sigh #mobilefirstwebdesigner
    📲⚡️💪🏻⚡️🌎

  3. Hello Crocoblock. Please I need some help with how to add my custom icons to the list of icons in crocoblock ITEM ICON.
    In case you don’t fully understand what I mean, please follow this path: Go to APPEARANCE(in the WordPress Dashboard) -> MENUS -> ITEM ICON -> ITEM ICON (The list of icons here EXCLUDES my uploaded icon set).
    How can I INCLUDE my icon set here.
    Thanks for your anticipated prompt reply.

    1. hey, what do you mean?😀 this is about turning your menu into a Mega Menu. Of course you need some menu to be already created on your website. Simply speaking add any menu items and that’s it.

  4. But with Jetmenu it is not possbile to import the Woocommerce categories into the menu. WIth more then 2500 categories, you do not do that by hand.
    I purchased it, so its the full version. Lost time and money.
    Is there a real woocommerce Menu widget plugin available?

  5. I can’t make my menu full weight because I don’t see jetmenu for desktop in my dashboard.

  6. Hi there I’m interested in purchasing the plugin i wanted to ask one question here.
    Can we display 2 columns menu with list on the 1st column and when we hover on any item inside it. Then it shows products on the 2nd column.

    Structure will be.
    We hovered on
    Parent menu -> List of sub menus ->
    Now when we will hover on any sub menu it will display products with images on the column next to it.

Leave a Reply

Your email address will not be published. Required fields are marked *