SBModal

You could easily create Bootstrap Modals.

It requires only:

1. Fill the Content section with needed data.
2. 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

1. GOTO “Modals” -> “Add New”.
2. Add some data to Content section. This field mandatory. Title and Footer are optional.
3. 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’), …).

1. Upload sbmodal to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. GOTO Usage.

Installation Instructions

1. Upload sbmodal to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. GOTO Usage.

1. 

   Modal edit page.

2. 

   Modal in action.

3. 

   Options Page

1.4.1

• Fixed issue: Modals don’t appear on version 1.4.0

1.4.0

• Add “Load Condition” to be able load modal`s code on selected posts/pages or for whole site
• Update Bootstrap to version 3.3.7

1.3.5

• Custom url for each modal. Example: http://yourdomain.com/#modal-custom-url
• Update Bootstrap to version 3.3.6

1.3.4

• Fixed Issue “unrecognized expression [href=#thanksModal] #1” https://github.com/sevenbytes/sbmodal/issues/1

1.3.3

• Backward Compatibility with v1.3

1.3.2

• Usage Helper on Modals List in admin page – “Inset into Link Anchor” column.

1.3.1

• Usage Helper on editor page – “How To Use” metabox.
• Add Modal HTML ID Generation
• Set ‘Styles ONLY for Modal’ as default value for ‘Enqueue Boots trap CSS Style’ option

1.3

• Move all parts of Bootstrap Modal html markup into template files.

1.2

• Added setting page.
• Available to enqueue bootstrap styles only for Modal Component.
• Screenshots updated.

1.1

• Readme.txt updated.
• Screenshots added.

1.0

• Initial release.