In order to post, you must be logged in and have a membership.

Home Forums Woocommerce How to create custom Woocommerce Site Header

Viewing 2 reply threads
  • Author
    Posts
    • #2496
      Paul Luxford
      Participant

      Hey there,

      I am wanting to build a header similar to this  screenshot > https://prnt.sc/12vjukw .

      The screenshot is taken from a Themeforest theme called Kapee > https://kapee.presslayouts.com/.

      The main features that I am after is an ajax search bar with category dropdown and a mega menu to shop for products by category (shop by department as per screenshot).

      Has anyone achieved what I am wanting to do? Is this possible to do with a few plugins, or would it need customised code?

      Thanks for your help.

      • This topic was modified 1 month, 1 week ago by Paul Luxford.
    • #2498
      Soph Simmonds
      Moderator

      Hi Paul,

      > The main features that I am after is an ajax search bar with category dropdown

      This isn't possible out-of-the-box with Oxygen. You'd likely be best to find a plugin that adds that functionality for you.

      > mega menu to shop for products by category (shop by department as per screenshot).

      Oxygen now has Composite Elements, which allow you to create a Mega Menu. You can see a demo here: https://elijahmills.com/composite-elements-demo/#megamenu.

      Otherwise, the (paid, third-party) add-on, OxyExtras has a great Mega Menu as well: https://oxyextras.com/docs/mega-menu/.

    • #2579
      Paul Luxford
      Participant

      Thanks so much Soph, I really appreciate your reply.

      I found a plugin called Advanced Woo Search which did everything I needed > https://advanced-woo-search.com/

      I did see the Mega menu composite element and that lead me on the right path to purchase OxyExtras - totally worth it.

      Thanks again for your help Soph 🙂

Viewing 2 reply threads
  • You must be logged in to reply to this topic.
menu
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram