0
CATEGORIES
CATEGORIES MENU

Basic Code Structure for Modals:

<div class="modalitem" data-id="12">Launch Modal</div>

<div id="modal-12" class="r-modal">
      <div class="header">Header Title</div>
      <div class="content">Content to show on the modal</div>
      <div class="actions">Footer Content</div>
</div>

You need to make sure data-id=[id] and modal-[id] is the same for a modal. If you create multiple modal add different ID for each modal.

 

Standard Modal
Launch Modal

 

Basic Modal
Basic Modal

 

Full Screen
Fullscreen Modal

 

Size - Small
Small Size Modal

 

Size - Large
Large Size Modal

SIGN UP FOR NEWSLETTER

Sign up today for a 30% OFF COUPON

Register an account today and get great deals, offers and customised products only for you.

  • Secure registration form
  • Your data on your hand, you can update anytime
  • Save your favourite products and access anytime
  • Order products easily.