Corner Popup

A small, unobtrusive popup that appears in the corner of the screen with an optional message notofication.

Click the button on the bottom right of your screen to open the popup.

To add the message notification: Use data-unread="1" on the button. (values are 1, 2 or 3)

To add the notification bounce animation, add data-animate="true" to the button

The notification alert will be hidden for 24 hours upon clicking the button

Code Example

<div class="corner-popup">
    <button class="btn-circle" data-unread="1" data-animate="true"><i class="zenicon-local-offer text-lg"></i></button>
    <div class="hidden">
        <h5>Pop Up Sale</h5>
        <p>Lorem ipsum, dolor sit amet consetur adipisicing elit. Incidunt consectetur.</p>
    </div>
</div>