How to make floating panels and toolbars in Wordpress

In this video, we are going to explain how to make a different kind of floating panels and toolbars in Greenshift plugin. You can use it to make mobile floating toolbars, custom notices, or floating panels.

00:00 Intro
00:20 Add Reusable Template
01:30 Add icons to toolbar
02:30 Add styles to toolbar
04:15 Add fix position
04:55 Add toolbar via shortcode
06:30 Hide toolbar on desktop
07:00 How to add toolbar in Block themes
08:00 Add side Toolbar
11:00 Add sliding panels to icons
15:00 Add login popup
16:30 Add animation on scroll for toolbar

[BavarianRedeemer]

Very helpfull and very good described. :) And ... a lovely voice with an sweet accent :)

[mecrayavcin]

9:47 Why we add css transform? y -50% ?
Even if we add a position that top box = %50, right box 0, Custom Floating Toolbar stays at right middle.
Why did you add css transform? y -50% I could not understand it

[sachinbhagat]

How did you built modal sign up and login form?

[iamsukosan]

I was waiting for a long time for this.. Thank you so much Wp Soul & team, very useful tutorial 😊 👍 ❤ best of luck with your new plugin... A affiliate offer would make it more compelling to promote to many new users as it is new plugin with so many features, I hope you have planned for something like that 😀 Thanks again 😁

[techplus-ar]

hello i bought the theme
the comparison tool working only in the product, how i can use the comparison feature with the post

[indigetal]

I'm wondering if it's possible to create a left hand fixed panel with 100% vh that displays a vertical list of icons but uses a hamburger menu icon in the same icon list that toggles the panel width to reveal text to go along with the icons. The sliding panel/popout/trigger block looks like it reveals a whole other separate panel or pop-up. This video got sooo close to that though and I'll have to play around with it!