These iconic popup bars will bring your call to action buttons to life
Pop offers you a host of different customization options to help you get the look and feel you want for your site. Fine tune buttons, pick beautiful, fluid animations styles, and choose from over 300 different icons for your button and popup icon bar!
Quick look
Before we check out the Pop stack samples, let's have a look at some of the highlights of what the stack can do for us when building our pages. We also offer a quick overview and tutorial video to give you an idea of what Pop can do, and get you started.
Trigger
Trigger the unique and beautiful icon bar from a button or a custom image of your own.
Alignment
Choose to align your button or image to the left, right or center to make it fit your layout.
Inside Info
Your button, which triggers Pop, can contain an icon, text or both making it very versatile.
Custom Button Styling
Adjust the colors, size, left and right padding and the rounded corners of your button. These adjustments allow you to make Pop's buttons fit the look and style of your site.
Iconic
Choose from over 300 different FontAwesome icons for your button and icon bar links
Smooth
Pop comes with smooth, fluid animation styles to choose from for your icon bar.
Sneak Peek
You can choose to preview your icon bar in Edit Mode to get the look you're going for.
Samples
See what's possible
Here we've created several different examples of what you can do using the Pop stack. You can link to just about anything you like from the icon bar. These are just a few of the many designs you can create!
Customizable
We offer a wide variety of settings that allow you to perfect the look and feel of the buttons on your Stacks-based RapidWeaver pages.
Documentation
What does this setting do?
In addition to the tutorial walk through video, toward the top of the page, we also offer detailed documentation for each setting within this stack to aid you in creating your site and making the decision to purchase the Pop stack.
You can find the full documentation and tutorials for Pop, as well as all of our other products in the Elixir Support Hub.
Requirements
What will you need?
While Pop is pretty straight forward, we do use some tools in the Stacks API to load icons and other tools needed for features in this stack. Let's look at the required software as well as the browser support for this stack.
What you need
As mentioned, we use the latest Stacks API for the Pop stack to help facilitate its functionality. You'll need the following tools to make use of Pop for your site:
- RapidWeaver v8 or newer
- Stacks v4 or newer
Works with Foundry
This add-on works great with Foundry v3 as well as the legacy Foundry v2.
Browser support
This stack is designed with modern browsers in mind to give your visitors the best experience possible. Pop will work nicely in the most recent versions of these browsers:
- Safari
- Firefox
- Chrome
- Edge