Load a modal entirely from JS

BB product pages use JS to create and append modal to page using settings from a non loaded modal.

Create empty modal to theme and apply settings to.

Load the modal like so

$(document).on(‘click’, ‘.product .panel-preview .button’, function(e){
var $this = $(this);
e.preventDefault();
e.stopPropagation();
if(!$(‘#eModal-Panel-Preview’).length)
{
var modal = $(‘

@EasyModal

A Wizard WordPress Solution

From the Blog

Load a modal entirely from JS
BB product pages use JS to create and append modal to page using settings from a non loaded modal. Create empty modal to theme and apply settings to. Load the modal like so $(document).on('click', '.product .panel-preview .button', function(e){ var $this = $(this); e.preventDefault(); e.stopPropagation(); if(!$('#eModal-Panel-Preview').length) { var modal = $('
'); modal.append($('img', $this.parent().clone())); $('img', modal).removeAttr('width'); modal.append('×'); modal.appendTo('body'); modal.emodal(easymodal.modals[1]); } $('#eModal-Panel-Preview').emodal('open'); });
Add Easy Modal options to custom post types.
If you have custom post types set up either via a plugin or theme you may want to add modals to these post types. To show the easy modal options panel for custom post types add the following to your themes functions.php file. Simply change the post types added below to match those you are using.
```
add_filter('em_post_types', 'my_em_post_types');
function my_em_post_types($post_types)
{
    $post_types[] = 'product';
    $post_types[] = 'faq';
    $post_types[] = 'article';
    $post_types[] = 'video';
    $post_types[] = 'diy';
    return $post_types;
}
```