Home New Guten Forums WoodMart support forum Set up header menu similar to “Vegetables” demo

Set up header menu similar to “Vegetables” demo

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #652002

    jeremb5
    Participant

    Hello,

    I’d like to create a menu similar to the one used in your “Vegetables” demo (https://woodmart.xtemos.com/vegetables/).

    Specifically, what I like is how smoothly users can navigate from a parent category directly to its child categories.

    A few quick questions:

    Are child categories automatically included in the menu dropdown?

    I don’t necessarily need the sidebar with image icons (on the left). My primary interest is in the off-canvas style menu triggered by clicking the main categories.

    Additionally, I’m curious about your plans regarding conditional logic for header menus:

    Do you plan on implementing a “conditions” feature for displaying the header menu like it’s possible with “layouts”? If this feature is already available, could you please guide me on how to use it? I haven’t found it yet.

    I use Elementor Pro alongside Woodmart, and sometimes I’m uncertain about which widget is best to use—for example, choosing between the Woodmart text block and Elementor’s native widgets. Regarding layouts, I tend to prefer Woodmart for WooCommerce pages, but for general page-building, I’m leaning toward Elementor Theme Builder.

    Could you advise me on the best practices for choosing between Woodmart’s built-in features and Elementor Pro’s widgets?

    Thanks in advance for your help!

    • This topic was modified 4 months, 1 week ago by jeremb5.
    #652166

    Hello,

    Navigate to WoodMart > Header builder > edit current header > add the browse categories elements in the header and choose the categories menu: https://prnt.sc/GAEwUkFgxBz1

    Child categories are not added automatically in the dropdown.

    To show subcategories:
    Go to Appearance > Menus > Edit your Categories Menu

    Use mega menu HTML blocks to build custom dropdown content for each parent category.
    https://xtemos.com/docs/woodmart/html-blocks-2/

    The “Browse Categories” element will remain sticky (visible in the sidebar position) and triggers the off-canvas menu.

    This is the intended behavior by design, and it ensures users can always access the categories menu easily.

    If you have any questions feel free to contact us.

    Best Regards

    #652185

    jeremb5
    Participant

    Ok thanks will try it . You didn’t answer to this card :

    I use Elementor Pro alongside Woodmart, and sometimes I’m uncertain about which widget is best to use—for example, choosing between the Woodmart text block and Elementor’s native widgets. Regarding layouts, I tend to prefer Woodmart for WooCommerce pages, but for general page-building, I’m leaning toward Elementor Theme Builder.

    Could you advise me on the best practices for choosing between Woodmart’s built-in features and Elementor Pro’s widgets?

    #652360

    Hello,

    Elementor Pro: More flexibility, design freedom, and dynamic content.

    Woodmart built-in features = More lightweight, WooCommerce-optimized, and deeply integrated with the theme styling system.

    When using Elementor Pro with Woodmart, it’s best to use Elementor for general page-building like landing pages, about, or contact pages where you need full design flexibility and dynamic content. For WooCommerce-related pages (shop, product, category), stick with Woodmart’s built-in elements as they’re optimized for performance and better integrated with the theme’s AJAX features.

    Best Regards,

    #666580

    jeremb5
    Participant

    Hello,
    I was able to reproduce approximately the vegetables menu but this effect doesn’t apply on mobile. I was expected that in mobile , we’ll be able to have a responsive drill down effect like : suitsupply.com , samsonite.com , etc…
    Is there a Woodmart feature that can do it ?
    Thanks you

    #666635

    Hello,

    Navigate to WoodMart > Header Builder, then click Edit Current Header.
    Next, switch to the Mobile Header view, open the Mobile Menu settings, and under the Style tab, change the Menu Layout to “Drilldown”: https://ibb.co/BnYSmn3

    Best Regards,

Viewing 6 posts - 1 through 6 (of 6 total)