Action Bar for HivePress [Custom Plugin]

General HivePress
1

Hey @everyone,

I’ve been busy playing around with AI again, and I’m excited to release the latest project that I’ve been working on! :tada:

Action Bar for HivePress

This extension adds a customisable, bottom navigation bar on mobile and tablet devices.

Examples:

image

image

image

After installing the plugin, you can find the Action Bar settings tab under HivePress > Settings to configure things how you like.

I’ve included helpful tooltips and built-in various options to try and give users the ability to get creative, so that we don’t all end up with clones of each other’s sites! :sweat_smile:

Features:

  • Fixed bottom navigation bar on mobile and tablet, with a separate on and off toggle for each device type
  • Up to 5 items per bar, added, edited and reordered with simple drag and drop rows
  • Optional separate action bars for regular users and for vendors, so each audience sees the actions that matter most to them
  • A smart link picker that adapts to your site and includes core HivePress pages, account pages added by your active extensions (for example Bookings, Requests, Offers, etc.), your own WordPress pages, WooCommerce pages (if active), or any custom URL
  • Icons chosen from the full bundled Font Awesome library in a searchable dropdown with live previews
  • Optional text labels, positioned above or below the icons
  • A Prominent style that lifts an item into a raised, highlighted circle, ideal for increasing engagement.
  • An unread message badge on ‘Account’ and ‘Messages’ items, powered by the Messages extension
  • An Account item that sends signed out visitors to the login page and signed in users straight to their account settings
  • Full colour controls for the action bar, icons, labels, active state, prominent circle and badge, with soft grey defaults and one click reset in case things go wrong whilst experimenting
  • Adjustable bar height between 44 and 120 pixels
  • The ability to hide the bar on any pages you choose, and automatically on the WooCommerce cart and checkout
  • Safe area support for iPhones with a notch design

Notes:

  • If you use a performance plugin that delays JavaScript, try excluding hivepress-action-bar-frontend, if you encounter any issues.

Download:

:backhand_index_pointing_right: Click here to download Action Bar for HivePress

If you decide to give it a try, I’d love to hear what you think, and if everything works smoothly on your end. Bug reports, questions and feature requests are all welcome in this thread.

Happy HivePress-ing! :honeybee:

P.S. If this extension saved you time or money, consider buying me a coffee! Sharing these tools for free takes a lot of time and resources, and your support helps me keep doing it for the community. Thank you! :hot_beverage:

Cheers,
Chris :victory_hand:

3 Likes
3

Hi @ChrisB,

Wow, what can I say, just wow!

Thanks so much for taking the time to share this solution with the community. I’m sure many HivePress users will find it useful and inspiring.

We really appreciate community members like you who share ideas, solutions, and experience to help others build and improve their projects. Thanks again for contributing! :face_holding_back_tears:

1 Like
5

Hi @kseniia,

Aww, thank you so much – I really appreciate that! :smiling_face:

It’s awesome being part of such a supportive community. HivePress has been a huge help for my own projects, so I’m happy to give back where I can.

I’m actually still in the process of cooking up quite a few more ideas for extensions. I keep thinking of improvements, and I need to test everything works and fix a few bugs, too. However, I’m quietly confident that the ones I’m excited to share soon will certainly go down well with the community! :honeybee:

Cheers,
Chris :victory_hand:

1 Like