These modular elements can be readily used and customized across pages and in different blocks.

Explore all of Stack’s modular elements
at the Element Index Page →

Basic Modal

Modals in Stack are easy to set up and trigger from any element on the page. At their most basic usage, an element with class .modal-trigger inside the same .modal-instance triggers the modal to appear.

Autoshow Modal

Modals can be triggered automatically after a period of time once the page has been loaded by adding data-autoshow=”” to the .modal-container element. The attribute requires a numerical value in milliseconds, ie. a value of 1000 would show the modal 1 second after the page has loaded.

Cookies Enabled Modal

Adding attribute data-cookie to any modal container will make the modal a one-time modal. When the modal is dismissed, a browser cookie is set, and the modal is permanently dismissed. Any future page views will not show the modal. The cookie will suppress modals shown via triggers and via autoshow. The text set in the `data-cookie` modal will be used as the name for the cookie.

The one-time modal is handy to alert users to a message which they can “accept” or “agree” to, such as an EU Cookies law notice, a promo/sale or a newsletter signup offer.

Exit Modal

“Exit” modals can be used to draw the user’s attention to a promotion or any other alert when their mouse leaves a particular element on the page. Exit modals use the data-show-on-exit attribute to set a selector matching the element where the user’s mouse must exit to show the modal. This means that you could set this selector to match your “Check Out” button, the body of the page, or even a single section on your page so the modal shows when the user scrolls past it. You could also use an exit modal to draw attention back to the page when the user’s mouse leaves the browser window.

An “exit modal” will show immediately, each time your mouse leaves this box.

Stephen Duncan, DCH., S.PhD., PSc.D, FSAC is not a licensed medical doctor and is not licensed or credentialed by the Texas Medical Board, nor does he choose to be based on his personal and professional beliefs regarding natural healing modalities. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC in no way provides procedures, services, labs, or treatments which should be perceived as recommendations made by a license, medical healthcare provider. Stephen Duncan, DCH., S.PhD., PSc.D, FSAC believes that God has created within our bodies the perfect signatures for healing. It is his call/desire to help each individual clear the pathways that block healing and create disharmony by utilizing God’s great pharmacy-the Earth.
The information and resources presented on this site are not intended to replace the care of a qualified health professional. While the ideas presented here are based on extensive research, they are not intended to provide specific advice for any individual person’s medical concerns. The resources on this site are for educational purposes; it is recommended that each individual choose a trusted health care professional for diagnosis and treatment purposes. The author of this site encourages visitors to educate themselves about the various theories and treatment approaches for health care issues, so that the safest, most effective approach can be identified.