SBModal

Screenshots

You could easily create Bootstrap Modals. It requires only: Fill the Content section with needed data. Provide call Selector (See “Usage” -> “Options” -> “Call Selector”). You may use all features of standard WP WYSIWYG editor for creating Modal content. E.g.: CF7 shortcodes to show the form. Usage Plugin Settings Enqueue bootstrap.js (Yes or NO) – If you using bootstrap.min.js in your own theme (or plugin), use this option to remove this script from SBModal queue. Enqueue Bootstrap CSS Style: Full Bootstrap.css – Complete bootstrap.min.css. Styles ONLY for Modal – Enqueue Bootstrap styles only for Modal. Do NOT Load CSS – Do not load any Bootstrap styles. Create Modal GOTO “Modals” -> “Add New”. Add some data to Content section. This field mandatory. Title and Footer are optional. Configure Modal behaviour in “Options” metabox (right sidebar). Options Select Template: Simple (display only content), Middle (title + content), Full (title + content + footer). Call Selector – jQuery selector of the element which will open Modal by click. (Examples: a[href=”#OpenModal”], a#click_me, a.open-modal). Width – Aliases for standart Bootstrap styles: Large (modal-lg), Middle (modal-md), Small (modal-sm). Max Width – You could provide INT value to limit width of Modal (px). Class – custom class. ID – custom ID. Custom url – Custom url for each modal. For example: http://yourdomain.com/#modal-custom-url Filters sbmodal_client_templates_path – path to the folder with templates. From template root. sbmodal_templates – array of templates (‘slug’ => __(‘Template Name’, ‘sbmodal’)). sbmodal_width_classes – array of modal width classes (‘modal-width-class’ => __(‘Class Name’, ‘sbmodal’), …).