Image
Stacks add-on

Pop

Build beautiful, animated popup icon bars to serve as call to action controls. These are riggered by your choice of a button or a custom image, and populated with useful icon links for your visitors.

This page outlines the settings included in the Pop stack and looks at what they do, and how they affect the its functionality. In addition we have a tutorial and walk-thru video below that helps get you started using the stack, as well as gives you an idea what the stack can do before your purchase. For examples of the stack in action, please visit the product page.


Pop is unique and easy to use

Below we take a deep dive into what each setting within the stack does. This is a good reference for you as you work with the stack, as well as it provides you an inside look at each setting within the stack before you make your purchase.

Image

Trigger

TRIGGER TYPE
This setting is used to choose whether you'd like the Pop call to action icons to be displayed when a visitor clicks on a button, or an image. When image is chosen you'll be given a drop zone for your image in the main Editor view of the page.

ALIGNMNET
Allows you to align the trigger, whether it be a button or an image, to the left, center or right of its parent container.

Image

Button Content

CONTENT
Here you can choose whether you want the button trigger to contain an icon, text label or both.

ICON
When the icon is enabled you can choose from a drop down of available icons to add to your button.

LABEL
If you opt to have a label on the trigger button you're given a field here to enter your label's text.

Image

Button Size

BUTTON SIZE
Pop offers three pre-determined button sizes to choose from. You can use this drop down to choose whether it should be small, medium or large.

SIDE PADDING
Adjusts the padding on the left and right sides of your button's content. This is applied only when using a text label in your button.

Image

Button Style

BACKGROUND & FOREGROUND COLORS
Adjust the background and text / icon colors using these color pickers. You can set both the normal and hover colors for these items.

ROUNDED CORNERS
Allows you to adjust the roundness of the corners of your button trigger.

Image

Icon Bar

POSITION
Choose whether you'd like the Pop icon bar to appear above, or below your trigger.

SHOW ON
Your icon bar can be displayed in one of two ways -- when the visitor clicks on the trigger or when they hover over it with their mouse.

Image

Icon Bar Style

ROUNDED CORNERS
Adjust the roundness of the icon bar to your liking.

BACKGROUND & FOREGROUND COLORS
Adjust the background and text / icon colors for the pop up icon bar using these color pickers. You can set both the normal and hover colors for these items.

Image

Icon Bar Animation

ANIMATION
Choose from several different animation styles for the Icon Bar. This setting adjusts how the Icon Bar is animated into view when the trigger is activated.

Image

Edit Mode

SHOW ICON BAR SAMPLE
Allows you to show a sample of the Icon Bar in Edit Mode. This visual aid is helpful when styling the Icon Bar.

On this page