Using Default Modal of BigCommerce

1. Paste this html structure inside the page you want your modal to popup (This page can be base.html if you want it available on all pages).

<div id="your-modal-id" class="modal" data-reveal>
    //other elements here..
    <button class="modal-close">Close</button>
</div>

2. Add the link that opens the modal (Modal must be available on the page).

<a href=" #your-modal-id" data-reveal-id="your-modal-id" ></a>

• Modal id has to be unique.
• data-reveal-id and id must match.
• You can add the modal-close class to any element acting as a closing button.