Changeset 3156386

boostbox/assets/blueprints/blueprint.json

-                      r3061236
+                      r3156386
+{
     "landingPage": "\/wp-admin\//",
+    "landingPage": "/wp-admin/post-new.php?post_type=boostbox_popups",
     "preferredVersions": {
         "php": "8.0",
         "wp": "6.3"
+        "wp": "6.4.3"
     },
     "phpExtensionBundles": [
 …
             "username": "admin",
             "password": "password"
-        },
+        {
-            "step": "installTheme",
-            "themeZipFile": {
-                "resource": "wordpress.org\/themes",
-                "slug": "ollie"
+            }
         },
+        {
 …
         },
+        {
+            "step": "installTheme",
+            "themeZipFile": {
+                "resource": "wordpress.org\/themes",
+                "slug": "olliewp"
+            }
+        },
+        {
             "step": "importFile",
             "file": {

boostbox/trunk/README.md

-                      r3021397
+                      r3156386
 # BoostBox by Devio Digital
+# BoostBox Plugin for WordPress
 :rocket: Increase conversion rates, customer retention and revenue.
 Build popups for lead generation, content promotion and more using the core WordPress editor.
+**BoostBox** is a WordPress plugin designed to create flexible and customizable popups, modals, and content overlays within the core WordPress editor.
 Easily style your popups, modals, and content overlays in the editor you are already used to. No more trying to learn *another popup plugin* and their unique design experience.
+Without requiring additional design interfaces or tools, **BoostBox** integrates seamlessly with the editor you're already familiar with, offering the ability to build effective and targeted popups to improve engagement, conversions, and overall website functionality.
+With **BoostBox**, the type of popup you build is limitless.
+No more trying to learn *another popup plugin* and their unique design experience :sunglasses:
+*   Generate email signups
+*   Giveaway free downloads
+*   Build a sales funnel
+*   Showcase featured products
+*   Promote upcoming events
+*   ... and more!
+## Key Features
+### FSE popup builder for WordPress
+:white_check_mark: Build popups directly within the WordPress editor using blocks, columns, groups, and patterns.
+:white_check_mark: Style and configure each popup with custom animation and targeting options.
+:white_check_mark: Display popups to capture leads, promote content, showcase products, drive sales funnels, and more.
+The **BoostBox** plugin was created to give website owners the ability to create popups within the WordPress core editor, and it succeeds flawlessly in this mission.
+### Custom Popup Types
+With **BoostBox**, you have the flexibility to create a variety of popup types for different needs:
+Using WordPress blocks, columns, groups and your favorite patterns, the style possibilities for the popups you build with the **BoostBox** plugin are endless.
+:email: **Email Signups**: Capture and grow your email list with targeted popups.
+:camera: **Product Showcases**: Highlight featured products or services to boost conversions.
+:calendar: **Event Promotion**: Promote upcoming events or announcements with ease.
+:money_with_wings: **Lead Generation**: Build custom forms and popups to attract leads.
+:dart: **Custom Campaigns**: Tailor popups to your specific goals with advanced targeting.
+### Full-Site Editing (FSE) Integration
+**BoostBox** takes full advantage of WordPress's Full-Site Editing (FSE) capabilities. By leveraging WordPress blocks and patterns, you can design popups that align with your site's theme and branding.
+There's no need to use third-party popup builders — **BoostBox** integrates natively with the WordPress editor, ensuring a seamless and familiar experience.
+## Settings Overview
+### General Settings
+- **Display Location**: Choose where your popups appear, such as center on the screen, across the entire top, or a box in the bottom right.
+- **Max Width**: Set an optional max-width for popups to ensure they fit your design needs.
+- **Cookie Days**: Configure the cookie expiration to control when users will see the popup again (overrides the global setting).
+### Animation Settings
+- **Type**: Choose from several animation options (none, fade in, slide up, slide down, slide left, slide right, pop swirl and anvil).
+- **Animation Speed**: Set the speed of the animation in milliseconds to match your design preferences.
+### Targeting Options
+- **General**: Target popups sitewide, on home pages, search results, 404 pages and blog indexes.
+- **Custom Post Types**: Display popups across all content for specific custom post types.
+- **Post/Page**: Target individual posts or pages for granular control over popup placement.
+### Trigger Options
+- **Auto Open**: Show the popup immediately on page load.
+- **On Scroll**: Trigger the popup when the user scrolls a specific percentage down the page.
+- **Timer**: Delay the popup for a set time after the page loads.
+### Close Button Settings
+- **Location**: Control the placement of the close button (inside, outside, or hidden).
+- **Color**: Customize the color of the close button to match your design.
+## Getting Started
+### Installation
+. Upload the **BoostBox** plugin files to the `/wp-content/plugins/boostbox/` directory, install it directly from the WordPress Plugin Repository or by searching for **BoostBox** in your WordPress dashboard.
+. Activate the plugin through the 'Plugins' menu in WordPress.
+. Navigate to `BoosBox -> Add New` to configure your first popup.

boostbox/trunk/README.txt

-                      r3148388
+                      r3156386
 Requires at least: 3.0.1
 Tested up to: 6.6.2
 Stable tag: 1.6.2
+Stable tag: 2.0.0
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 …
 == Description ==
+**BoostBox** helps you increase conversion rates, customer retention and revenue.
+Build popups for lead generation, content promotion and more using the core WordPress editor.
+Easily style your popups, modals, and content overlays in the editor you are already used to. No more trying to learn *another popup plugin* and their unique design experience.
+With **BoostBox**, the type of popup you build is limitless.
+*   Generate email signups
+*   Giveaway free downloads
+*   Build a sales funnel
+**BoostBox** is a powerful WordPress plugin designed to increase conversion rates, customer retention, and revenue by offering flexible, customizable popups, modals, and content overlays.
+With **BoostBox**, you can effortlessly build popups directly within the WordPress editor using blocks, columns, groups, and patterns—no need to learn a new interface or design tool. It's a seamless integration with the editor you're already familiar with, enabling you to create targeted popups that drive engagement and conversions.
+Whether you're looking to capture leads, promote events, showcase products, or drive sales, **BoostBox** has you covered. The plugin's versatility allows you to:
+*   Capture email signups
 *   Showcase featured products
 *   Promote upcoming events
+*   Build custom sales funnels
+*   Launch targeted campaigns
 *   ... and more!
+### FSE popup builder
+The **BoostBox** plugin was created to give website owners the ability to create popups within the core editor, and it succeeds flawlessly in this mission.
+Using WordPress blocks, columns, groups and patterns, the style possibilities for the popups you build with the **BoostBox** plugin are endless.
+### Full-Site Editing (FSE) Integration
+**BoostBox** leverages WordPress Full-Site Editing (FSE) capabilities, enabling you to design popups that perfectly match your site’s branding and layout. Say goodbye to third-party builders—**BoostBox** works natively within WordPress, making popup creation fast and intuitive.
+### Key Features
+*   Create popups, modals, and overlays using WordPress blocks and patterns
+*   Customize animations, display settings, and targeting options
+*   Support for custom post types and granular targeting of specific pages or posts
+*   Multiple trigger options including auto-open, scroll, and timer-based popups
+*   Full control over popup design and placement without leaving the WordPress editor
+**BoostBox** is your go-to plugin for building popups that enhance engagement, increase conversions, and improve overall site functionality—all without adding complexity to your workflow.
 == Installation ==
 …
 . Install and activate the plugin directly in your admin panel
 . Pat yourself on the back for a job well done :)
+== Frequently Asked Questions ==
+= Can I use BoostBox without any coding knowledge? =
+Yes, BoostBox is designed to work seamlessly within the WordPress editor, using the familiar block-based interface. No coding skills are needed to create beautiful, functional popups.
+= What types of popups can I create with BoostBox? =
+BoostBox allows you to create various types of popups including:
+* Email signups
+* Product showcases
+* Event promotions
+* Lead generation forms
+* Basically, the ideas are only limited to your imagination
+= How can I customize the appearance and behavior of my popups? =
+BoostBox provides a wide range of customization options beyond the actual popup built in the editor, including:
+* Setting max width for the popup
+* Choosing from various animation styles (fade, slide, pop swirl, and more)
+* Configuring popup triggers (on page load, scroll, or timer)
+* Targeting specific pages, posts, or custom post types
+* Customizing the look and placement of the close button
+= Is BoostBox compatible with other WordPress themes and plugins? =
+Yes, BoostBox is designed to be compatible with most WordPress themes and plugins. It integrates directly with the core WordPress editor, so it should work smoothly across most environments.
 == Screenshots ==
 …
 . BoostBox popup display settings
 . BoostBox metrics displayed on the Popups screen
+. Another example popup using a pattern from the Powder theme
 == Changelog ==
+= 2.0.0 =
+*   Added 2 new AJAX functions for fetching posts in `admin/class-boostbox-admin.php`
+*   Added Trigger options to display settings metabox in `admin/metaboxes/boostbox-display-settings.php`
+*   Added 4 new helper functions in `includes/boostbox-helper-functions.php`
+*   Updated the `boostbox_allowed_tags` function's svg options in `includes/boostbox-helper-functions.php`
+*   Updated JS to include new trigger options in `admin/js/boostbox-admin.js`
+*   Updated localize scripts with code for multiple popups in `public/class-boostbox-public.php`
+*   Updated CSS to include new Trigger tab in `admin/css/boostbox-admin.css`
+*   Updated `boostbox_popup_post_check` to include CPTs and general targets in `includes/boostbox-helper-functions.php`
+*   Updated impression and conversion tracking to work with multiple popups in `public/class-boostbox-public.php`
+*   Updated the public JS to include functionaliy for multiple popups in `public/js/boostbox-public.js`
+*   Updated popup metabox with checkbox option to disable popups on a page-by-page basis in `admin/metaboxes/boostbox-popup-settings.php`
+*   Updated CSS to only enqueue if popups are present on the page in `public/class-boostbox-public.php`
+*   Updated `boostbox_popup_html` to use `wp_footer` instead of `template_redirect` in `public/boostbox-popups.php`
+*   Updated admin JS to only load if you are on the edit screen in `admin/class-boostbox-admin.php`
+*   Optimized the display settings metabox tabbed content in `admin/metaboxes/boostbox-display-settings.php`
+*   General code cleanup throughout multiple files of the plugin
 = 1.6.2 =

boostbox/trunk/admin/boostbox-admin-settings.php

-                      r3148388
+                      r3156386
         );
-        // Field: Global popup.
-        $boostbox_obj->add_field(
-            'boostbox_general',
+            [
-                'id'      => 'boostbox_global_popup',
-                'type'    => 'select',
-                'name'    => esc_attr__( 'Global popup', 'boostbox' ),
-                'desc'    => esc_attr__( 'Select the popup used whenever the global option is set on posts/pages', 'boostbox' ),
-                'options' => $options,
+            ]
-        );
         // Field: Cookie days.
         $boostbox_obj->add_field(

boostbox/trunk/admin/class-boostbox-admin.php

-                      r3148388
+                      r3156386
         // Check if you're on the edit screen for the "boostbox_popups" Custom Post Type
         if ( is_admin() && $current_screen && (
             in_array( $current_screen->post_type, [ 'boostbox_popups', 'post', 'page' ] ) ||
+            in_array( $current_screen->post_type, [ 'boostbox_popups' ] ) ||
             ( 'post' === $current_screen->base && 'post-new.php' === $current_screen->id )
         ) ) {
             // General: Select2 JS.
             wp_enqueue_script( $this->plugin_name . '-select2', plugin_dir_url( __FILE__ ) . 'js/select2.min.js', [ 'jquery' ], $this->version, false );
+            // General: Admin JS.
+            wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/boostbox-admin.js', [ 'jquery', 'wp-hooks', 'wp-blocks', 'wp-color-picker', 'boostbox-select2' ], $this->version, false );
+            wp_localize_script( $this->plugin_name, 'script_vars', [
+                'stylesheet_url'      => get_stylesheet_directory_uri(),
+                'popup_id'            => json_encode( get_the_ID() ),
+                'metrics_reset_nonce' => wp_create_nonce( 'boostbox_metrics_reset_nonce' ),
+                'ajax_url'            => admin_url( 'admin-ajax.php' )
+            ] );
+        }
-        // General: Admin JS.
-        wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/boostbox-admin.js', [ 'jquery', 'wp-hooks', 'wp-blocks', 'wp-color-picker', 'boostbox-select2' ], $this->version, false );
-        wp_localize_script( $this->plugin_name, 'script_vars', [
-            'stylesheet_url'      => get_stylesheet_directory_uri(),
-            'popup_id'            => json_encode( get_the_ID() ),
-            'metrics_reset_nonce' => wp_create_nonce( 'boostbox_metrics_reset_nonce' ),
-        ] );
+    }
 …
+}
 add_action( 'save_post', 'save_boostbox_popups_block', 10, 2 );
+/**
+ * Fetch posts by post type
+ *
+ * @since  2.0.0
+ * @return void
+ */
+function fetch_posts_by_post_type() {
+    // Get the selected post types (can be multiple).
+    $post_types = isset( $_POST['post_types'] ) ? array_map( 'sanitize_text_field', (array) $_POST['post_types'] ) : [];
+    if ( empty( $post_types ) ) {
+        wp_send_json_error( 'No post type selected' );
+    }
+    // Get posts from the selected post types.
+    $args = [
+        'post_type'      => $post_types,
+        'posts_per_page' => -1,
+    ];
+    $posts = get_posts( $args );
+    $output = [];
+    // Loop through the posts.
+    foreach ( $posts as $post ) {
+        $output[] = array(
+            'id'    => $post->ID,
+            'title' => $post->post_title,
+        );
+    }
+    wp_send_json_success( $output );
+}
+add_action( 'wp_ajax_fetch_posts_by_post_type', 'fetch_posts_by_post_type' );
+add_action( 'wp_ajax_nopriv_fetch_posts_by_post_type', 'fetch_posts_by_post_type' );
+/**
+ * Fetch posts by search
+ *
+ * @since  2.0.0
+ * @return void
+ */
+function fetch_posts_by_search() {
+    // Check if the search term exists.
+    $search_term = isset( $_POST['search_term'] ) ? sanitize_text_field( $_POST['search_term'] ) : '';
+    // If search term is empty, return no results.
+    if ( empty( $search_term ) ) {
+        wp_send_json_error( 'No search term provided.' );
+    }
+    // Get all public post types (including custom post types).
+    $post_types = get_post_types( [ 'public' => true ], 'names' );
+    // Fetch posts based on the search term across all post types.
+    $args = [
+        's'              => $search_term, // Search term for post title
+        'post_type'      => $post_types,  // Search all public post types
+        'posts_per_page' => -1,
+        'post_status'    => 'publish',
+    ];
+    $posts = get_posts( $args );
+    $output = [];
+    // Loop through the posts and prepare output for Select2.
+    foreach ( $posts as $post ) {
+        $output[] = [
+            'id'    => $post->ID,
+            'text'  => $post->post_title,
+        ];
+    }
+    // Return the posts as a JSON response.
+    wp_send_json_success( $output );
+}
+add_action( 'wp_ajax_fetch_posts_by_search', 'fetch_posts_by_search' );
+add_action( 'wp_ajax_nopriv_fetch_posts_by_search', 'fetch_posts_by_search' );

boostbox/trunk/admin/css/boostbox-admin.css

-                      r3027699
+                      r3156386
 .edit-post-meta-boxes-area #boostbox_display_settings .inside #radio2:focus ~ .tabs #second-tab,
 .edit-post-meta-boxes-area #boostbox_display_settings .inside #radio3:focus ~ .tabs #third-tab,
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:focus ~ .tabs #fourth-tab  {
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:focus ~ .tabs #fourth-tab,
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio5:focus ~ .tabs #fifth-tab  {
+}
 …
 .edit-post-meta-boxes-area #boostbox_display_settings .inside #radio2:checked ~ .tabs #second-tab,
 .edit-post-meta-boxes-area #boostbox_display_settings .inside #radio3:checked ~ .tabs #third-tab,
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked ~ .tabs #fourth-tab{
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked ~ .tabs #fourth-tab,
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio5:checked ~ .tabs #fifth-tab {
     background-color: #007cba;
     color: #fff;
 …
 .edit-post-meta-boxes-area #boostbox_display_settings .inside #radio2:checked ~ .panels #second-panel,
 .edit-post-meta-boxes-area #boostbox_display_settings .inside #radio3:checked ~ .panels #third-panel,
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked ~ .panels #fourth-panel{
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked ~ .panels #fourth-panel,
+.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio5:checked ~ .panels #fifth-panel {
     display: block;
+}

boostbox/trunk/admin/css/boostbox-admin.min.css

r3027699	r3156386
1		body.boostbox_popups_page_settings{background:#fff}body.boostbox_popups_page_analytics #wpcontent,body.boostbox_popups_page_settings #wpcontent{padding-left:0}body.boostbox_popups_page_analytics ul#adminmenu>li.current>a.current:after,body.boostbox_popups_page_settings ul#adminmenu a.wp-has-current-submenu:after{display:none}.boostbox-field .select2-container{width:100%!important}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.boostbox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.toplevel_page_analytics #wpcontent,.toplevel_page_boostbox_settings #wpcontent{padding-left:0}.boostbox{overflow:hidden;margin:0}img.icon{width:20px;height:auto}.boostbox .panel-right .theme-image{background:#64717e;padding:2% 2% 0 2%;display:inline-block;width:100%;width:23%}.boostbox .panels{margin:0}.boostbox .panel{display:inline-block;width:100%;padding:4%;background:#fff;font-size:16px;animation:smoothFade .3s;-moz-animation:smoothFade .3s;-webkit-animation:smoothFade .3s;-o-animation:smoothFade .3s}@keyframes smoothFade{from{opacity:0}to{opacity:1}}@-moz-keyframes smoothFade{from{opacity:0}to{opacity:1}}@-webkit-keyframes smoothFade{from{opacity:0}to{opacity:1}}.boostbox .panel-left.visible{display:inline-block;animation:smoothFade .3s;-moz-animation:smoothFade .3s;-webkit-animation:smoothFade .3s;-o-animation:smoothFade .3s}.boostbox .panel-right p{font-size:16px;line-height:1.6}.boostbox .panel a{text-decoration:none}.boostbox .panel hr{height:1px;margin:2em 0;border:0;border-top:solid 2px #e6eaed}.boostbox .panel-left ol,.boostbox .panel-left ul{margin:0 0 5% 0;background:#f5f4f6;padding:5% 5% 5% 8%;list-style-type:square;font-size:19px;line-height:1.8}.boostbox .panel-left ol li,.boostbox .panel-left ul li{border-bottom:dotted 1px #ccc;margin-bottom:20px;padding-bottom:20px}.boostbox .panel-left ol li:last-child,.boostbox .panel-left ul li:last-child{border:none;margin-bottom:0;padding-bottom:0}.boostbox .panel-left .toc li ul{margin-bottom:0;padding-bottom:0;padding-top:3%}.boostbox .panel-left .toc li ul li{list-style:square}.boostbox .panel-left{display:inline-block;display:none;width:63%}.boostbox .panel-left img{max-width:100%;height:auto}.boostbox .panel-left h3{display:inline-block}.boostbox .panel-left h3,.boostbox .panel-right h3,.boostbox .panel-right p:first-child{margin-top:0}.boostbox .panel-right img{max-width:100%}.boostbox .panel-left ul.anchor-nav{padding:5%}.boostbox .anchor-nav li{list-style:none}.boostbox .back-to-top{text-transform:uppercase;font-size:11px;color:#999;position:absolute;right:0;top:8px}.boostbox .panels h3{width:100%;position:relative;padding-right:90px}.boostbox h3 .back-to-top{float:right}.boostbox .panel-right{width:32%;float:right;vertical-align:top}.boostbox .panel-aside{margin-bottom:40px;background:#f5f4f6}.boostbox .panel-aside:last-child{margin-bottom:0}.boostbox .panel-club{padding:0}.boostbox .panel-club .panel-club-inside{padding:30px 40px}.boostbox .panel-club img{padding-bottom:0;width:100%;max-width:100%;height:auto}.boostbox .panel-plugin img{padding:0}.boostbox .panel-aside .club-button{width:100%;text-align:center;line-height:46px;height:48px;margin-top:10px;font-size:15px}.boostbox .panel-aside h4{margin-top:0;font-size:1.1em;line-height:1.4}.boostbox .panel-aside ul{margin-bottom:25px}.boostbox .panel-aside li{list-style-type:square;margin-left:18px}#wpbody-content .boostbox .error,#wpbody-content .boostbox .updated{margin-top:2%}.boostbox .error+.intro-wrap,.boostbox .updated+.intro-wrap{padding-top:2%}.boostbox .intro-wrap{padding:4% 0 0 0;background:#333 url(../images/background.jpg) no-repeat bottom center;background-size:cover;background-attachment:fixed}.boostbox .intro{display:inline-block;width:100%;vertical-align:top;padding:0 50px;margin-bottom:4.5%}.boostbox .intro h3{font-size:40px;line-height:1.2;font-weight:300;margin:0;color:#fff;display:inline-block}.boostbox .devio-digital-logo{max-width:245px;float:right;margin-top:2px;transition:.3s ease;-webkit-backface-visibility:hidden;transform:translateZ(0)}@media only screen and (max-width:800px){.boostbox .devio-digital-logo{float:none;margin-bottom:6%}}.boostbox .devio-digital-logo:hover{transform:scale(1.03)}.boostbox .devio-digital-logo:active{transform:scale(1)}.boostbox .intro h4{color:#868b96;font-weight:400;font-size:18px;line-height:1.6;margin:0}.boostbox .inline-list{display:inline-block;width:100%;margin:0;background:0 0;padding:0 50px}.boostbox .inline-list li{display:inline-block;margin:0}.boostbox .inline-list li:last-child{margin-right:0;padding-right:0}.boostbox .inline-list li a{font-size:18px;text-decoration:none;padding:25px 30px;display:inline-block;color:#fff}.boostbox .inline-list li a::-moz-focus-inner,.boostbox .inline-list li a:active,.boostbox ul.inline-list a:focus{outline:0;border:0;box-shadow:none}.boostbox ul.toc{padding-left:5%}.boostbox .toc li{list-style-type:none}.boostbox .inline-list li.current a{background:#fff;outline:0;border:none;box-shadow:none;border-top-right-radius:3px;border-top-left-radius:3px;color:#76bd43}.boostbox .inline-list li a i{font-size:16px;margin-right:5px}.boostbox #changelog{display:none}.boostbox #install-video{display:none}.boostbox .arrayvideo{padding:3% 0}.boostbox #updates-panel ul{border-bottom:1px dotted #ddd;padding:1% 0 5% 3%;list-style-position:inside;background:0 0}.boostbox #updates-panel li{border-bottom:0;margin-bottom:0;padding-bottom:7px}.boostbox #updates-panel h4{font-size:1.1em;margin:.5em 0}.boostbox #themes.visible+.panel-right{display:none}.boostbox #themes.visible{width:100%}.boostbox .theme-intro{margin-bottom:4.5%;background:#f5f4f6;padding:2%}@media only screen and (max-width:800px){.boostbox .theme-intro{padding:5%;margin-bottom:5%}}.boostbox .theme-intro-left{max-width:60%;display:inline-block}@media only screen and (max-width:1110px){.boostbox .theme-intro-left{max-width:54%}}@media only screen and (max-width:800px){.boostbox .theme-intro-left,.boostbox .theme-intro-right{max-width:100%;width:100%}.boostbox .theme-intro-right{margin-bottom:5%}}.boostbox .theme-intro-left p{font-size:20px;margin-top:0;margin-bottom:0}.boostbox .theme-intro-right{float:right;margin-top:12px}@media only screen and (max-width:800px){.boostbox .theme-intro-right{margin-bottom:0}}.boostbox .theme-intro-right .button-primary{line-height:56px;height:auto;font-size:20px;padding:10px 20px}@media only screen and (max-width:800px){.boostbox .theme-intro-right .button-primary{width:100%;text-align:center}}.boostbox .array-theme{display:inline-block;width:30%;margin-right:5%;margin-bottom:3%;vertical-align:top}.boostbox .theme-list .array-theme:nth-child(3n+3){margin-right:0}@media only screen and (max-width:1100px){.boostbox .theme-list .array-theme{width:47%}.boostbox .theme-list .array-theme:nth-child(2n+2){margin-right:0}.boostbox .theme-list .array-theme:nth-child(3n+3){margin-right:5%}}@media only screen and (max-width:768px){.boostbox .theme-list .array-theme{width:100%}.boostbox .theme-list .array-theme:nth-child(2n+2){margin-right:0}.boostbox .theme-list .array-theme:nth-child(3n+3){margin-right:0}}.boostbox .array-theme .theme-image{max-height:265px;overflow:hidden;width:100%}.boostbox #themes .array-theme h3{margin-bottom:0;padding-right:0;margin-top:1em}.boostbox h4 .button{float:right;background:#5ac779;color:#fff;border-radius:3px;font-size:14px;padding:3px 6px;vertical-align:middle;margin-top:-5px!important}@media only screen and (max-width:768px){.boostbox .intro,.boostbox .panel-left,.boostbox .panel-right,.boostbox .theme-image{width:100%;float:none}.boostbox .intro{padding:0 20px;margin-top:3%;margin-bottom:8%}.boostbox .intro h2{font-size:34px}.boostbox .intro h3{margin-bottom:0}.boostbox .inline-list{margin-bottom:5%;padding:0 20px}.boostbox .inline-list li{width:100%}.boostbox .inline-list li a{width:100%;display:block}.boostbox .panel-right .theme-image{width:100%;margin-bottom:15px;padding:6% 6% 0 6%}.boostbox .enter-license .submit{width:100%}.boostbox .activate{width:100%;float:none;text-align:left;margin-bottom:20px}}.clear:after,.clear:before{content:'';display:table}.clear:after{clear:both}.boostbox .panel-plugin .panel-club-inside{padding:0}.boostbox .panel-plugin ul{margin:0}.boostbox .panel-plugin .cell{padding:30px 40px;border-bottom:solid 1px #e3e3e4;margin:0;list-style:none}.boostbox .panel-plugin .cell:last-child{border-bottom-width:2px}.quick-start ul i{color:#59bb31}.boostbox .step-complete .button-primary{pointer-events:none}.boostbox .panel-title.cell{background:#3e446d;padding:20px 40px;text-align:center}.boostbox .panel-title h3{margin:0;color:#fff;padding:0}.boostbox .panel-title h3 i{margin-right:6px}.boostbox h2{margin-top:0}.boostbox .form-table th{padding-left:0}.boostbox p.wp-caption-text{font-size:16px;margin-top:.5em;text-align:center}.boostbox div[id^=attachment]{max-width:100%!important}.theme-image{max-height:290px;overflow:hidden;border:solid 1px #ddd;border-radius:5px;display:block}.footer-wrap{margin-top:6%}@media only screen and (max-width:768px){.footer-wrap{padding:5%}}.block-footer{margin-top:5%;margin-bottom:3%}.block-footer-column{width:32.8%;display:inline-block;text-align:center;border-right:solid 3px #eceaee;padding:0 3%}@media (max-width:600px){.block-footer-column{width:100%;padding:0;border:none;margin-bottom:40px}}.block-footer-column:last-child{border-right:none}.block-footer-column i{color:#444;font-size:40px;margin-bottom:10px}.boostbox .block-footer-column h3{padding-right:0;margin-bottom:0;font-weight:700;font-size:22px}.boostbox .block-footer-column p{font-size:17px;margin-bottom:1.5em}.block-footer .button-primary{font-size:18px;border-radius:100px;padding:10px 15px;height:auto;font-size:16px}.block-footer .button-primary:active{vertical-align:initial!important;border-top-width:1px!important;color:#fff;background:#76bd43}.visit-title{text-align:center;display:inline-block;width:100%;margin:0}.footer{text-align:center;margin-top:8%}.footer-links a{margin:0 8px;position:relative}.footer a:hover{border-bottom:dotted 1px;color:#24282d}.footer-links a:after{content:"\22C5";position:absolute;right:-14px}.footer-links a:last-child:after{display:none}.block-feature-wrap{margin:0}@media (max-width:875px){.block-feature-wrap{padding-bottom:5%}}.block-feature-wrap h2{margin-bottom:0!important}.block-feature-wrap p{margin-top:1%;margin-bottom:5%}@media (max-width:875px){.block-feature-wrap p{margin-top:3%}}.block-feature-wrap i{color:#c5c0da;font-size:20px}.block-feature{background:#fff;padding:4% 3% 3% 3%;box-shadow:0 2px rgba(38,30,65,.1);border-radius:5px;width:30.6%;vertical-align:top;float:left;margin-right:4%;margin-bottom:4%;transition:.3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}#themes .block-feature{background:0 0;padding:0;box-shadow:none;margin-bottom:2%}@media (max-width:600px){.block-feature{padding:8% 4% 3% 4%}}.block-feature:nth-child(3n+1){clear:both}@media only screen and (min-width:600px){.block-feature:nth-child(3n+3){margin-right:0}.block-feature:nth-child(3n+1):nth-last-child(-n+3),.block-feature:nth-child(3n+1):nth-last-child(-n+3)~.post{margin-bottom:0}}@media (max-width:600px){.block-feature{width:100%;margin-right:0;margin-bottom:8%}.block-feature:last-child{margin-bottom:0}}.block-feature .block-feature-icon,.block-feature .block-feature-text{display:inline-block;width:100%;vertical-align:top}.block-feature .block-feature-text{text-align:center}.block-feature .block-feature-text h3{font-weight:700;margin-bottom:15px;padding-right:0}@media (min-width:1000px){.block-feature .block-feature-text h3{font-size:22px}}.block-feature .block-feature-text p{font-size:16px}.block-feature .block-feature-icon{text-align:center;margin-bottom:6%}.block-feature .block-feature-icon img{max-height:110px;border:none}.block-split-left,.block-split-right{display:inline-block;width:49%;vertical-align:top}@media (max-width:600px){.block-split-left,.block-split-right{width:100%}}.block-split-left{padding-right:4%;padding-top:4%;padding-bottom:5%}.block-split-right{background-size:1400px;padding:0 2%;float:right}.block-theme img{border:none!important;display:block}#boostbox-panel.visible+.panel-left+.panel-left+.panel-right,#boostbox-panel.visible+.panel-left+.panel-right{display:none}#boostbox-analytics-panel,#boostbox-panel{width:100%}.gutenberg-notice{background:#f1f0ff;border-radius:5px;padding:15px 20px 20px 20px;border:solid 1px #dbd9f7;margin-bottom:5%}.panel .gutenberg-notice p{font-size:17px;color:#493c8c;line-height:1.4;display:inline}.panel .gutenberg-notice .button-primary{margin-left:15px}.panel .gutenberg-notice .button-primary:active{vertical-align:baseline;border-top-width:1px}@media (max-width:600px){.panel .gutenberg-notice p{display:block}.panel .gutenberg-notice .button-primary{margin-left:0}}.boostbox-analytics-charts,.boostbox-charts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;flex-basis:100%;width:100%;position:relative}.viewport-main{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;flex-basis:100%;margin:24px 0;box-shadow:0 0 10px 3px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:3px}.viewport-main.two{flex-basis:48%}.viewport-main.three{flex-basis:31.333%}@media (max-width:768px){.viewport-main.three,.viewport-main.two{flex-basis:100%}}.viewport-top{background-color:#fff;border-radius:4px 4px 0 0;height:30px;position:relative}.viewport-top-dot{border-radius:50%;position:absolute;height:9px;width:9px;top:11px}.viewport-top-dot:first-child{background-color:#ff006d;left:10px}.viewport-top-dot:nth-child(2){background-color:#ffca50;left:26px}.viewport-top-dot:nth-child(3){background-color:#57ffd1;left:42px}.viewport-top span.title{position:absolute;line-height:30px;font-size:13px;font-weight:600;text-align:center;width:100%}.viewport-body{background:linear-gradient(180deg,#f7f7f7 0,#fff 19%,#fff);border:0;padding:15px}.section-title{flex-basis:100%}.section-title h2{margin:1em 0!important}.boostbox-field{padding:12px 0}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field.hidden{display:none}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field.active{display:block}.boostbox-field select{box-sizing:border-box;display:block;margin:0;width:100%}.edit-post-meta-boxes-area #boostbox_display_settings .inside{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;padding:0;margin-top:0}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field{flex-basis:23%;display:flex;flex-wrap:wrap;flex-direction:column;box-sizing:border-box}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field p{font-weight:600}@media screen and (max-width:782px){.edit-post-meta-boxes-area #boostbox_display_settings .inside{flex-direction:column}}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs{display:flex;flex-flow:row;justify-content:space-between;width:100%;border-top:1px solid #ddd}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .state{position:absolute;left:-10000px}.edit-post-meta-boxes-area #boostbox_display_settings .inside .tabs{display:flex;flex-flow:column;justify-content:space-around;align-self:flex-start;text-align:left;min-width:200px}@media (max-width:620px){.edit-post-meta-boxes-area #boostbox_display_settings .inside .tabs{min-width:auto}}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .tab{flex:none;display:flex;flex-flow:column;padding:0 12px;background-color:transparent;cursor:hand;cursor:pointer}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .tab:hover{background-color:#f0f0f0}.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio1:checked~.tabs #first-tab,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio2:checked~.tabs #second-tab,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio3:checked~.tabs #third-tab,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked~.tabs #fourth-tab{background-color:#007cba;color:#fff;cursor:default}.edit-post-meta-boxes-area #boostbox_display_settings .inside .tab-label{font-size:14px;line-height:1.4rem;padding:12px;font-weight:600}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .panels{flex:1;border-left:1px solid #ddd}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .panel{display:none;margin:0 24px;padding:12px 0}.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio1:checked~.panels #first-panel,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio2:checked~.panels #second-panel,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio3:checked~.panels #third-panel,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked~.panels #fourth-panel{display:block}.edit-post-meta-boxes-area #boostbox_display_settings .inside .left{text-align:left}#boostbox_display_settings.closed .inside{display:none}.boostbox-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #ddd}button#reset-metrics{margin-top:6px}
	1	body.boostbox_popups_page_settings{background:#fff}body.boostbox_popups_page_analytics #wpcontent,body.boostbox_popups_page_settings #wpcontent{padding-left:0}body.boostbox_popups_page_analytics ul#adminmenu>li.current>a.current:after,body.boostbox_popups_page_settings ul#adminmenu a.wp-has-current-submenu:after{display:none}.boostbox-field .select2-container{width:100%!important}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.boostbox *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.toplevel_page_analytics #wpcontent,.toplevel_page_boostbox_settings #wpcontent{padding-left:0}.boostbox{overflow:hidden;margin:0}img.icon{width:20px;height:auto}.boostbox .panel-right .theme-image{background:#64717e;padding:2% 2% 0 2%;display:inline-block;width:100%;width:23%}.boostbox .panels{margin:0}.boostbox .panel{display:inline-block;width:100%;padding:4%;background:#fff;font-size:16px;animation:smoothFade .3s;-moz-animation:smoothFade .3s;-webkit-animation:smoothFade .3s;-o-animation:smoothFade .3s}@keyframes smoothFade{from{opacity:0}to{opacity:1}}@-moz-keyframes smoothFade{from{opacity:0}to{opacity:1}}@-webkit-keyframes smoothFade{from{opacity:0}to{opacity:1}}.boostbox .panel-left.visible{display:inline-block;animation:smoothFade .3s;-moz-animation:smoothFade .3s;-webkit-animation:smoothFade .3s;-o-animation:smoothFade .3s}.boostbox .panel-right p{font-size:16px;line-height:1.6}.boostbox .panel a{text-decoration:none}.boostbox .panel hr{height:1px;margin:2em 0;border:0;border-top:solid 2px #e6eaed}.boostbox .panel-left ol,.boostbox .panel-left ul{margin:0 0 5% 0;background:#f5f4f6;padding:5% 5% 5% 8%;list-style-type:square;font-size:19px;line-height:1.8}.boostbox .panel-left ol li,.boostbox .panel-left ul li{border-bottom:dotted 1px #ccc;margin-bottom:20px;padding-bottom:20px}.boostbox .panel-left ol li:last-child,.boostbox .panel-left ul li:last-child{border:none;margin-bottom:0;padding-bottom:0}.boostbox .panel-left .toc li ul{margin-bottom:0;padding-bottom:0;padding-top:3%}.boostbox .panel-left .toc li ul li{list-style:square}.boostbox .panel-left{display:inline-block;display:none;width:63%}.boostbox .panel-left img{max-width:100%;height:auto}.boostbox .panel-left h3{display:inline-block}.boostbox .panel-left h3,.boostbox .panel-right h3,.boostbox .panel-right p:first-child{margin-top:0}.boostbox .panel-right img{max-width:100%}.boostbox .panel-left ul.anchor-nav{padding:5%}.boostbox .anchor-nav li{list-style:none}.boostbox .back-to-top{text-transform:uppercase;font-size:11px;color:#999;position:absolute;right:0;top:8px}.boostbox .panels h3{width:100%;position:relative;padding-right:90px}.boostbox h3 .back-to-top{float:right}.boostbox .panel-right{width:32%;float:right;vertical-align:top}.boostbox .panel-aside{margin-bottom:40px;background:#f5f4f6}.boostbox .panel-aside:last-child{margin-bottom:0}.boostbox .panel-club{padding:0}.boostbox .panel-club .panel-club-inside{padding:30px 40px}.boostbox .panel-club img{padding-bottom:0;width:100%;max-width:100%;height:auto}.boostbox .panel-plugin img{padding:0}.boostbox .panel-aside .club-button{width:100%;text-align:center;line-height:46px;height:48px;margin-top:10px;font-size:15px}.boostbox .panel-aside h4{margin-top:0;font-size:1.1em;line-height:1.4}.boostbox .panel-aside ul{margin-bottom:25px}.boostbox .panel-aside li{list-style-type:square;margin-left:18px}#wpbody-content .boostbox .error,#wpbody-content .boostbox .updated{margin-top:2%}.boostbox .error+.intro-wrap,.boostbox .updated+.intro-wrap{padding-top:2%}.boostbox .intro-wrap{padding:4% 0 0 0;background:#333 url(../images/background.jpg) no-repeat bottom center;background-size:cover;background-attachment:fixed}.boostbox .intro{display:inline-block;width:100%;vertical-align:top;padding:0 50px;margin-bottom:4.5%}.boostbox .intro h3{font-size:40px;line-height:1.2;font-weight:300;margin:0;color:#fff;display:inline-block}.boostbox .devio-digital-logo{max-width:245px;float:right;margin-top:2px;transition:.3s ease;-webkit-backface-visibility:hidden;transform:translateZ(0)}@media only screen and (max-width:800px){.boostbox .devio-digital-logo{float:none;margin-bottom:6%}}.boostbox .devio-digital-logo:hover{transform:scale(1.03)}.boostbox .devio-digital-logo:active{transform:scale(1)}.boostbox .intro h4{color:#868b96;font-weight:400;font-size:18px;line-height:1.6;margin:0}.boostbox .inline-list{display:inline-block;width:100%;margin:0;background:0 0;padding:0 50px}.boostbox .inline-list li{display:inline-block;margin:0}.boostbox .inline-list li:last-child{margin-right:0;padding-right:0}.boostbox .inline-list li a{font-size:18px;text-decoration:none;padding:25px 30px;display:inline-block;color:#fff}.boostbox .inline-list li a::-moz-focus-inner,.boostbox .inline-list li a:active,.boostbox ul.inline-list a:focus{outline:0;border:0;box-shadow:none}.boostbox ul.toc{padding-left:5%}.boostbox .toc li{list-style-type:none}.boostbox .inline-list li.current a{background:#fff;outline:0;border:none;box-shadow:none;border-top-right-radius:3px;border-top-left-radius:3px;color:#76bd43}.boostbox .inline-list li a i{font-size:16px;margin-right:5px}.boostbox #changelog{display:none}.boostbox #install-video{display:none}.boostbox .arrayvideo{padding:3% 0}.boostbox #updates-panel ul{border-bottom:1px dotted #ddd;padding:1% 0 5% 3%;list-style-position:inside;background:0 0}.boostbox #updates-panel li{border-bottom:0;margin-bottom:0;padding-bottom:7px}.boostbox #updates-panel h4{font-size:1.1em;margin:.5em 0}.boostbox #themes.visible+.panel-right{display:none}.boostbox #themes.visible{width:100%}.boostbox .theme-intro{margin-bottom:4.5%;background:#f5f4f6;padding:2%}@media only screen and (max-width:800px){.boostbox .theme-intro{padding:5%;margin-bottom:5%}}.boostbox .theme-intro-left{max-width:60%;display:inline-block}@media only screen and (max-width:1110px){.boostbox .theme-intro-left{max-width:54%}}@media only screen and (max-width:800px){.boostbox .theme-intro-left,.boostbox .theme-intro-right{max-width:100%;width:100%}.boostbox .theme-intro-right{margin-bottom:5%}}.boostbox .theme-intro-left p{font-size:20px;margin-top:0;margin-bottom:0}.boostbox .theme-intro-right{float:right;margin-top:12px}@media only screen and (max-width:800px){.boostbox .theme-intro-right{margin-bottom:0}}.boostbox .theme-intro-right .button-primary{line-height:56px;height:auto;font-size:20px;padding:10px 20px}@media only screen and (max-width:800px){.boostbox .theme-intro-right .button-primary{width:100%;text-align:center}}.boostbox .array-theme{display:inline-block;width:30%;margin-right:5%;margin-bottom:3%;vertical-align:top}.boostbox .theme-list .array-theme:nth-child(3n+3){margin-right:0}@media only screen and (max-width:1100px){.boostbox .theme-list .array-theme{width:47%}.boostbox .theme-list .array-theme:nth-child(2n+2){margin-right:0}.boostbox .theme-list .array-theme:nth-child(3n+3){margin-right:5%}}@media only screen and (max-width:768px){.boostbox .theme-list .array-theme{width:100%}.boostbox .theme-list .array-theme:nth-child(2n+2){margin-right:0}.boostbox .theme-list .array-theme:nth-child(3n+3){margin-right:0}}.boostbox .array-theme .theme-image{max-height:265px;overflow:hidden;width:100%}.boostbox #themes .array-theme h3{margin-bottom:0;padding-right:0;margin-top:1em}.boostbox h4 .button{float:right;background:#5ac779;color:#fff;border-radius:3px;font-size:14px;padding:3px 6px;vertical-align:middle;margin-top:-5px!important}@media only screen and (max-width:768px){.boostbox .intro,.boostbox .panel-left,.boostbox .panel-right,.boostbox .theme-image{width:100%;float:none}.boostbox .intro{padding:0 20px;margin-top:3%;margin-bottom:8%}.boostbox .intro h2{font-size:34px}.boostbox .intro h3{margin-bottom:0}.boostbox .inline-list{margin-bottom:5%;padding:0 20px}.boostbox .inline-list li{width:100%}.boostbox .inline-list li a{width:100%;display:block}.boostbox .panel-right .theme-image{width:100%;margin-bottom:15px;padding:6% 6% 0 6%}.boostbox .enter-license .submit{width:100%}.boostbox .activate{width:100%;float:none;text-align:left;margin-bottom:20px}}.clear:after,.clear:before{content:'';display:table}.clear:after{clear:both}.boostbox .panel-plugin .panel-club-inside{padding:0}.boostbox .panel-plugin ul{margin:0}.boostbox .panel-plugin .cell{padding:30px 40px;border-bottom:solid 1px #e3e3e4;margin:0;list-style:none}.boostbox .panel-plugin .cell:last-child{border-bottom-width:2px}.quick-start ul i{color:#59bb31}.boostbox .step-complete .button-primary{pointer-events:none}.boostbox .panel-title.cell{background:#3e446d;padding:20px 40px;text-align:center}.boostbox .panel-title h3{margin:0;color:#fff;padding:0}.boostbox .panel-title h3 i{margin-right:6px}.boostbox h2{margin-top:0}.boostbox .form-table th{padding-left:0}.boostbox p.wp-caption-text{font-size:16px;margin-top:.5em;text-align:center}.boostbox div[id^=attachment]{max-width:100%!important}.theme-image{max-height:290px;overflow:hidden;border:solid 1px #ddd;border-radius:5px;display:block}.footer-wrap{margin-top:6%}@media only screen and (max-width:768px){.footer-wrap{padding:5%}}.block-footer{margin-top:5%;margin-bottom:3%}.block-footer-column{width:32.8%;display:inline-block;text-align:center;border-right:solid 3px #eceaee;padding:0 3%}@media (max-width:600px){.block-footer-column{width:100%;padding:0;border:none;margin-bottom:40px}}.block-footer-column:last-child{border-right:none}.block-footer-column i{color:#444;font-size:40px;margin-bottom:10px}.boostbox .block-footer-column h3{padding-right:0;margin-bottom:0;font-weight:700;font-size:22px}.boostbox .block-footer-column p{font-size:17px;margin-bottom:1.5em}.block-footer .button-primary{font-size:18px;border-radius:100px;padding:10px 15px;height:auto;font-size:16px}.block-footer .button-primary:active{vertical-align:initial!important;border-top-width:1px!important;color:#fff;background:#76bd43}.visit-title{text-align:center;display:inline-block;width:100%;margin:0}.footer{text-align:center;margin-top:8%}.footer-links a{margin:0 8px;position:relative}.footer a:hover{border-bottom:dotted 1px;color:#24282d}.footer-links a:after{content:"\22C5";position:absolute;right:-14px}.footer-links a:last-child:after{display:none}.block-feature-wrap{margin:0}@media (max-width:875px){.block-feature-wrap{padding-bottom:5%}}.block-feature-wrap h2{margin-bottom:0!important}.block-feature-wrap p{margin-top:1%;margin-bottom:5%}@media (max-width:875px){.block-feature-wrap p{margin-top:3%}}.block-feature-wrap i{color:#c5c0da;font-size:20px}.block-feature{background:#fff;padding:4% 3% 3% 3%;box-shadow:0 2px rgba(38,30,65,.1);border-radius:5px;width:30.6%;vertical-align:top;float:left;margin-right:4%;margin-bottom:4%;transition:.3s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}#themes .block-feature{background:0 0;padding:0;box-shadow:none;margin-bottom:2%}@media (max-width:600px){.block-feature{padding:8% 4% 3% 4%}}.block-feature:nth-child(3n+1){clear:both}@media only screen and (min-width:600px){.block-feature:nth-child(3n+3){margin-right:0}.block-feature:nth-child(3n+1):nth-last-child(-n+3),.block-feature:nth-child(3n+1):nth-last-child(-n+3)~.post{margin-bottom:0}}@media (max-width:600px){.block-feature{width:100%;margin-right:0;margin-bottom:8%}.block-feature:last-child{margin-bottom:0}}.block-feature .block-feature-icon,.block-feature .block-feature-text{display:inline-block;width:100%;vertical-align:top}.block-feature .block-feature-text{text-align:center}.block-feature .block-feature-text h3{font-weight:700;margin-bottom:15px;padding-right:0}@media (min-width:1000px){.block-feature .block-feature-text h3{font-size:22px}}.block-feature .block-feature-text p{font-size:16px}.block-feature .block-feature-icon{text-align:center;margin-bottom:6%}.block-feature .block-feature-icon img{max-height:110px;border:none}.block-split-left,.block-split-right{display:inline-block;width:49%;vertical-align:top}@media (max-width:600px){.block-split-left,.block-split-right{width:100%}}.block-split-left{padding-right:4%;padding-top:4%;padding-bottom:5%}.block-split-right{background-size:1400px;padding:0 2%;float:right}.block-theme img{border:none!important;display:block}#boostbox-panel.visible+.panel-left+.panel-left+.panel-right,#boostbox-panel.visible+.panel-left+.panel-right{display:none}#boostbox-analytics-panel,#boostbox-panel{width:100%}.gutenberg-notice{background:#f1f0ff;border-radius:5px;padding:15px 20px 20px 20px;border:solid 1px #dbd9f7;margin-bottom:5%}.panel .gutenberg-notice p{font-size:17px;color:#493c8c;line-height:1.4;display:inline}.panel .gutenberg-notice .button-primary{margin-left:15px}.panel .gutenberg-notice .button-primary:active{vertical-align:baseline;border-top-width:1px}@media (max-width:600px){.panel .gutenberg-notice p{display:block}.panel .gutenberg-notice .button-primary{margin-left:0}}.boostbox-analytics-charts,.boostbox-charts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;flex-basis:100%;width:100%;position:relative}.viewport-main{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;flex-basis:100%;margin:24px 0;box-shadow:0 0 10px 3px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:3px}.viewport-main.two{flex-basis:48%}.viewport-main.three{flex-basis:31.333%}@media (max-width:768px){.viewport-main.three,.viewport-main.two{flex-basis:100%}}.viewport-top{background-color:#fff;border-radius:4px 4px 0 0;height:30px;position:relative}.viewport-top-dot{border-radius:50%;position:absolute;height:9px;width:9px;top:11px}.viewport-top-dot:first-child{background-color:#ff006d;left:10px}.viewport-top-dot:nth-child(2){background-color:#ffca50;left:26px}.viewport-top-dot:nth-child(3){background-color:#57ffd1;left:42px}.viewport-top span.title{position:absolute;line-height:30px;font-size:13px;font-weight:600;text-align:center;width:100%}.viewport-body{background:linear-gradient(180deg,#f7f7f7 0,#fff 19%,#fff);border:0;padding:15px}.section-title{flex-basis:100%}.section-title h2{margin:1em 0!important}.boostbox-field{padding:12px 0}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field.hidden{display:none}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field.active{display:block}.boostbox-field select{box-sizing:border-box;display:block;margin:0;width:100%}.edit-post-meta-boxes-area #boostbox_display_settings .inside{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;padding:0;margin-top:0}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field{flex-basis:23%;display:flex;flex-wrap:wrap;flex-direction:column;box-sizing:border-box}.edit-post-meta-boxes-area #boostbox_display_settings .inside .boostbox-field p{font-weight:600}@media screen and (max-width:782px){.edit-post-meta-boxes-area #boostbox_display_settings .inside{flex-direction:column}}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs{display:flex;flex-flow:row;justify-content:space-between;width:100%;border-top:1px solid #ddd}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .state{position:absolute;left:-10000px}.edit-post-meta-boxes-area #boostbox_display_settings .inside .tabs{display:flex;flex-flow:column;justify-content:space-around;align-self:flex-start;text-align:left;min-width:200px}@media (max-width:620px){.edit-post-meta-boxes-area #boostbox_display_settings .inside .tabs{min-width:auto}}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .tab{flex:none;display:flex;flex-flow:column;padding:0 12px;background-color:transparent;cursor:hand;cursor:pointer}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .tab:hover{background-color:#f0f0f0}.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio1:checked~.tabs #first-tab,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio2:checked~.tabs #second-tab,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio3:checked~.tabs #third-tab,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked~.tabs #fourth-tab,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio5:checked~.tabs #fifth-tab{background-color:#007cba;color:#fff;cursor:default}.edit-post-meta-boxes-area #boostbox_display_settings .inside .tab-label{font-size:14px;line-height:1.4rem;padding:12px;font-weight:600}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .panels{flex:1;border-left:1px solid #ddd}.edit-post-meta-boxes-area #boostbox_display_settings .inside .radio-tabs .panel{display:none;margin:0 24px;padding:12px 0}.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio1:checked~.panels #first-panel,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio2:checked~.panels #second-panel,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio3:checked~.panels #third-panel,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio4:checked~.panels #fourth-panel,.edit-post-meta-boxes-area #boostbox_display_settings .inside #radio5:checked~.panels #fifth-panel{display:block}.edit-post-meta-boxes-area #boostbox_display_settings .inside .left{text-align:left}#boostbox_display_settings.closed .inside{display:none}.boostbox-metrics{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #ddd}button#reset-metrics{margin-top:6px}

boostbox/trunk/admin/js/boostbox-admin.js

-                      r3027699
+                      r3156386
 jQuery(document).ready(function ($) {
+jQuery(function ($) {
     // Construct the path to the theme.json file.
     const themeJsonPath = script_vars.stylesheet_url + '/theme.json';
 …
     $( '#boostbox_close_icon_placement' ).select2();
     $( '#boostbox_popup_selected' ).select2();
+    // Initialize Select2 for Custom Post Types.
+    $('#custom_post_types').select2({
+        placeholder: "Select Post Type(s)"
+    });
+    // Initialize Select2 for General Settings with multiple selection enabled
+    $('#general_field').select2({
+        placeholder: "Select General Settings",
+        multiple: true // Explicitly enabling multiple
+    });
+    // Initialize Select2 for Posts with AJAX search.
+    $('#posts').select2({
+        placeholder: "Search and Select Post(s)",
+        ajax: {
+            url: script_vars.ajax_url,
+            method: 'POST',
+            dataType: 'json',
+            delay: 250, // Delay for better performance
+            data: function (params) {
+                return {
+                    action: 'fetch_posts_by_search', // AJAX action
+                    search_term: params.term // Search term entered by user
+                };
+            },
+            processResults: function (response) {
+                if (response.success) {
+                    return {
+                        results: response.data
+                    };
+                } else {
+                    return {
+                        results: []
+                    };
+                }
+            },
+            cache: true
+        },
+        minimumInputLength: 3 // Minimum characters before search
+    });
     // Reset the metrics when button is clicked in metabox.

boostbox/trunk/admin/metaboxes/boostbox-display-settings.php

-                      r3148388
+                      r3156386
     wp_create_nonce( plugin_basename( __FILE__ ) ) . '" />';
+    echo '<div class="radio-tabs">
+    <input class="state" type="radio" title="' . esc_attr__( 'General', 'boostbox' ) . '" name="input-state" id="radio1" checked />
+    <input class="state" type="radio" title="' . esc_attr__( 'Animation', 'boostbox' ) . '" name="input-state" id="radio2" />
+    <input class="state" type="radio" title="' . esc_attr__( 'Trigger', 'boostbox' ) . '" name="input-state" id="radio3" />
+    <input class="state" type="radio" title="' . esc_attr__( 'Close Button', 'boostbox' ) . '" name="input-state" id="radio4" />
+    <div class="tabs">
+        <label for="radio1" id="first-tab" class="tab">
+            <div class="tab-label">' . esc_attr__( 'General', 'boostbox' ) . '</div>
+        </label>
+        <label for="radio2" id="second-tab" class="tab">
+            <div class="tab-label">' . esc_attr__( 'Animation', 'boostbox' ) . '</div>
+        </label>
+        <label for="radio3" id="third-tab" class="tab">
+            <div class="tab-label">' . esc_attr__( 'Trigger', 'boostbox' ) . '</div>
+        </label>
+        <label for="radio4" id="fourth-tab" class="tab">
+            <div class="tab-label">' . esc_attr__( 'Close Button', 'boostbox' ) . '</div>
+        </label>
+    </div>
+    $tabs = [
+        esc_attr__( 'General', 'boostbox' ),
+        esc_attr__( 'Animation', 'boostbox' ),
+        esc_attr__( 'Target', 'boostbox' ),
+        esc_attr__( 'Trigger', 'boostbox' ),
+        esc_attr__( 'Close Button', 'boostbox' ),
+    ];
+    // Tab label ID names.
+    $tab_labels = ['first', 'second', 'third', 'fourth', 'fifth'];
+    echo '<div class="radio-tabs">';
+    $i = 0;
+    // Loop through the tabs.
+    foreach ( $tabs as $tab ) {
+        $i++;
+        if ( $i == 1 ) {
+            $checked = 'checked';
+        } else {
+            $checked = '';
+        }
+        // Add the tab.
+        echo '<input class="state" type="radio" title="' . esc_html( $tab ) . '" name="input-state" id="radio' . $i . '" ' . $checked . ' />';
+    }
+    echo '<div class="tabs">';
+    $i = 0;
+    // Loop through the tabs.
+    foreach ( $tabs as $tab ) {
+        $i++;
+        // Get the current tab's label.
+        $tab_label = isset( $tab_labels[$i - 1] ) ? $tab_labels[$i - 1] : 'tab' . $i;
+        // Add the corresponding label with the dynamic ID.
+        echo '<label for="radio' . $i . '" id="' . $tab_label . '-tab" class="tab">
+                <div class="tab-label">' . esc_html( $tab ) . '</div>
+            </label>';
+    }
+    echo '</div>
     <div class="panels">
 …
         <div id="third-panel" class="panel animated slideInRight">', boostbox_allowed_tags() );
+        echo display_custom_post_type_select();
+        echo wp_kses( '</div>
+        <div id="fourth-panel" class="panel animated slideInRight">', boostbox_allowed_tags() );
             // Create an array of triggers.
             $triggers = [
 …
         echo wp_kses( '</div>
         <div id="fourth-panel" class="panel animated slideInRight">', boostbox_allowed_tags() );
+        <div id="fifth-panel" class="panel animated slideInRight">', boostbox_allowed_tags() );
             // Create an array of placements.
             $placements = [
 …
 function boostbox_display_settings_metabox_save( $post_id, $post ) {
     /**
      * Verify this came from the our screen and with proper authorization,
+     * Verify this came from our screen and with proper authorization,
      * because save_post can be triggered at other times
      */
     if ( ! isset( $_POST['boostbox_display_settings_meta_noncename' ] ) || ! wp_verify_nonce( $_POST['boostbox_display_settings_meta_noncename'], plugin_basename( __FILE__ ) ) ) {
+    if ( ! isset( $_POST['boostbox_display_settings_meta_noncename'] ) || ! wp_verify_nonce( $_POST['boostbox_display_settings_meta_noncename'], 'boostbox_display_settings_meta_nonce_action' ) ) {
         return $post->ID;
+    }
     // Is the user allowed to edit the post or page?
     if ( ! current_user_can( 'edit_post', $post->ID ) ) {
+    if ( ! current_user_can( 'edit_post', $post_id ) ) {
         return $post->ID;
+    }
+    // Don't save during autosave.
+    if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
+        return $post->ID;
+    }
+    // Don't save during post revision.
+    if ( 'revision' === $post->post_type ) {
+        return;
+    }
 …
     $settings_meta['boostbox_scroll_distance']      = filter_input( INPUT_POST, 'boostbox_scroll_distance' );
+    // Save custom post types (as an array).
+    if ( isset( $_POST['custom_post_types'] ) ) {
+        $custom_post_types = array_map( 'sanitize_text_field', (array) $_POST['custom_post_types'] );
+        update_post_meta( $post_id, '_custom_post_types', $custom_post_types );
+    } else {
+        delete_post_meta( $post_id, '_custom_post_types' );
+    }
+    // Save selected posts (as an array).
+    if ( isset( $_POST['posts'] ) ) {
+        $selected_posts = array_map( 'sanitize_text_field', (array) $_POST['posts'] );
+        update_post_meta( $post_id, '_selected_posts', $selected_posts );
+    } else {
+        delete_post_meta( $post_id, '_selected_posts' );
+    }
+    // Save general field (as an array).
+    if ( isset( $_POST['general_field'] ) && is_array( $_POST['general_field'] ) ) {
+        $general_field = array_map( 'sanitize_text_field', $_POST['general_field'] ); // Sanitize each value
+        update_post_meta( $post_id, '_general_field', $general_field );
+    } else {
+        delete_post_meta( $post_id, '_general_field' );
+    }
     // Save $settings_meta as metadata.
     foreach ( $settings_meta as $key => $value ) {
+        // Bail on post revisions.
+        if ( 'revision' === $post->post_type ) {
+            return;
+        // Check if the value is an array or a single value.
+        $value = is_array( $value ) ? $value : sanitize_text_field( $value );
+        // Check for meta value and either update or add the metadata.
+        if ( get_post_meta( $post_id, $key, false ) ) {
+            update_post_meta( $post_id, $key, $value );
+        } else {
+            add_post_meta( $post_id, $key, $value );
+        }
+        $value = implode( ',', (array) $value );
+        // Check for meta value and either update or add the metadata.
+        if ( get_post_meta( $post->ID, $key, false ) ) {
+            update_post_meta( $post->ID, $key, $value );
+        } else {
+            add_post_meta( $post->ID, $key, $value );
+        }
+        // Delete the metavalue if blank.
+        if ( ! $value ) {
+            delete_post_meta( $post->ID, $key );
+        // Delete the meta value if blank.
+        if ( empty( $value ) ) {
+            delete_post_meta( $post_id, $key );
+        }
+    }

boostbox/trunk/admin/metaboxes/boostbox-popup-settings.php

-                      r3148388
+                      r3156386
     global $post;
     // Noncename needed to verify where the data originated.
+    // Nonce for verification.
     echo '<input type="hidden" name="boostbox_popup_settings_meta_noncename" id="boostbox_popup_settings_meta_noncename" value="' .
     wp_create_nonce( plugin_basename( __FILE__ ) ) . '" />';
+    // Args for popups.
+    $args = [
+        'hierarchical' => 1,
+        'exclude'      => '',
+        'include'      => '',
+        'meta_key'     => '',
+        'meta_value'   => '',
+        'authors'      => '',
+        'child_of'     => 0,
+        'parent'       => -1,
+        'exclude_tree' => '',
+        'number'       => '',
+        'offset'       => 0,
+        'post_type'    => 'boostbox_popups',
+        'post_status'  => 'publish',
+        'orderby'      => 'title',
+        'order'        => 'ASC'
+    ];
+    // Retrieve the current value for disabling the popup.
+    $popup_disabled = get_post_meta( $post->ID, 'boostbox_popup_disabled', true );
+    $args = apply_filters( 'boostbox_popup_settings_args', $args );
+    // Get all popups.
+    $popups = get_posts( $args );
+    // Popup selected.
+    $popup_selected = get_post_meta( $post->ID, 'boostbox_popup_selected', true );
+    // Select a Popup: Build the field.
+    $field = '<div class="boostbox-field">';
+    $field .= '<p>' . esc_attr__( 'Select popup to display', 'boostbox' ) . '</p>';
+    $field .= '<select id="boostbox_popup_selected" name="boostbox_popup_selected">';
+    $field .= '<option value="popup_disabled">' . esc_attr__( 'Disable Popup', 'boostbox' ) . '</option>';
+    $field .= '<option value="">' . esc_attr__( 'Global Popup', 'boostbox' ) . '</option>';
+    // Loop through popups.
+    if ( ! empty( $popups ) ) {
+        foreach ( $popups as $popup ) {
+            $selected = '';
+            if ( $popup->ID == $popup_selected ) {
+                $selected = 'selected="selected"';
+            }
+            $field .= '<option value="' . esc_attr( $popup->ID ) . '" '. $selected .'>' . esc_html( $popup->post_title ) . '</option>';
+        }
+    }
+    $field .= '</select>';
+    $field .= '</div>';
+    echo wp_kses( $field, boostbox_allowed_tags() );
+    // Build the checkbox field.
+    echo '<div class="boostbox-field">';
+    echo '<label for="boostbox_popup_disabled">';
+    echo '<input type="checkbox" id="boostbox_popup_disabled" name="boostbox_popup_disabled" value="1" ' . checked( 1, $popup_disabled, false ) . '/>';
+    echo esc_html__( 'Disable Popups', 'boostbox' );
+    echo '</label>';
+    echo '</div>';
+}
 …
 function boostbox_popup_settings_metabox_save( $post_id, $post ) {
+    /**
+     * Verify this came from the our screen and with proper authorization,
+     * because save_post can be triggered at other times
+     */
+    // Verify this came from our screen and with proper authorization.
     if ( ! isset( $_POST['boostbox_popup_settings_meta_noncename' ] ) || ! wp_verify_nonce( $_POST['boostbox_popup_settings_meta_noncename'], plugin_basename( __FILE__ ) ) ) {
         return $post->ID;
+    }
     // Is the user allowed to edit the post or page?
+    // Check if the user has permission to edit the post/page.
     if ( ! current_user_can( 'edit_post', $post->ID ) ) {
         return $post->ID;
+    }
     // Popup settings.
     $settings_meta['boostbox_popup_selected'] = filter_input( INPUT_POST, 'boostbox_popup_selected' );
+    // Checkbox value for disabling the popup.
+    $popup_disabled = isset( $_POST['boostbox_popup_disabled'] ) ? 1 : 0;
+    // Save $settings_meta as metadata.
+    foreach ( $settings_meta as $key => $value ) {
+        // Bail on post revisions.
+        if ( 'revision' === $post->post_type ) {
+            return;
+        }
+        $value = implode( ',', (array) $value );
+        // Check for meta value and either update or add the metadata.
+        if ( get_post_meta( $post->ID, $key, false ) ) {
+            update_post_meta( $post->ID, $key, $value );
+        } else {
+            add_post_meta( $post->ID, $key, $value );
+        }
+        // Delete the metavalue if blank.
+        if ( ! $value ) {
+            delete_post_meta( $post->ID, $key );
+        }
+    // Update or delete the meta value based on the checkbox state.
+    if ( $popup_disabled ) {
+        update_post_meta( $post->ID, 'boostbox_popup_disabled', $popup_disabled );
+    } else {
+        delete_post_meta( $post->ID, 'boostbox_popup_disabled' );
+    }
+}

boostbox/trunk/boostbox.php

-                      r3148388
+                      r3156386
  * Plugin URI:        https://deviodigital.com/boostbox-lead-generation-plugin
  * Description:       Build popups for lead generation, content promotion and more using the core editor.
  * Version:           1.6.2
+ * Version:           2.0.0
  * Author:            Devio Digital
  * Author URI:        https://deviodigital.com
 …
 // Current plugin version.
 define( 'BOOSTBOX_VERSION', '1.6.2' );
+define( 'BOOSTBOX_VERSION', '2.0.0' );
 // Plugin basename.

boostbox/trunk/includes/boostbox-helper-functions.php

-                      r3148388
+                      r3156386
     // SVG.
     $my_allowed['svg'] = [
+        'xmlns'          => [],
+        'width'          => [],
+        'height'         => [],
+        'viewbox'        => [],
+        'class'          => [],
+        'aria-hidden'    => [],
+        'aria-labeledby' => []
+        'xmlns'           => [],
+        'width'           => [],
+        'height'          => [],
+        'viewBox'         => [],
+        'stroke-width'    => [],
+        'stroke'          => [],
+        'fill'            => [],
+        'stroke-linecap'  => [],
+        'stroke-linejoin' => [],
+        'class'           => [],
     ];
     $my_allowed['path'] = [
+        'd'    => [],
+        'fill' => []
+    ];
+        'd'      => [],
+        'stroke' => [],
+        'fill'   => [],
+    ];
+    $my_allowed['line'] = [
+        'x1' => [],
+        'y1' => [],
+        'x2' => [],
+        'y2' => [],
+        'stroke' => [],
+    ];
     return $my_allowed;
+}
 …
     return apply_filters( 'boostbox_settings_cookie_days', $cookie_days, $popup_id );
+}
+/**
+ * Display custom post type and general fields
+ *
+ * @since  2.0.0
+ * @return void
+ */
+function display_custom_post_type_select() {
+    global $post;
+    // Add nonce field for security.
+    wp_nonce_field( 'boostbox_display_settings_meta_nonce_action', 'boostbox_display_settings_meta_noncename' );
+    // Retrieve previously saved values.
+    $saved_custom_post_types = get_post_meta( $post->ID, '_custom_post_types', true );
+    $saved_selected_posts    = get_post_meta( $post->ID, '_selected_posts', true );
+    $saved_general_field     = get_post_meta( $post->ID, '_general_field', true ); // New general field value
+    // Ensure the retrieved values are arrays to avoid issues.
+    $saved_custom_post_types = !empty($saved_custom_post_types) ? (array) $saved_custom_post_types : [];
+    $saved_selected_posts    = !empty($saved_selected_posts) ? (array) $saved_selected_posts : [];
+    // Get all public post types (including built-in ones).
+    $args = [
+        'public'   => true,
+    ];
+    $custom_post_types = get_post_types( $args, 'objects' );
+    // General Field (Home Page, Search Results, etc.)
+    $field  = '<div class="boostbox-field">';
+    $field .= '<p><label for="general_field">' . esc_html__( 'General Pages', 'boostbox' ) . ':</label></p>';
+    $field .= '<select id="general_field" name="general_field[]" multiple>'; // Change to array name 'general_field[]'
+    $general_options = [
+        'site_wide'      => esc_html__( 'Sitewide', 'boostbox' ),
+        'home_page'      => esc_html__( 'Home Page', 'boostbox' ),
+        'search_results' => esc_html__( 'Search Results', 'boostbox' ),
+        '404_page'       => esc_html__( '404 Page', 'boostbox' ),
+        'posts_archive'  => esc_html__( 'Posts Archive', 'boostbox' ),
+    ];
+    // Filter the general options.
+    $general_options = apply_filters( 'boostbox_display_metabox_target_general_options', $general_options );
+    // Populate the general field with the saved value.
+    foreach ( $general_options as $value => $label ) {
+        $selected = in_array( $value, (array) $saved_general_field ) ? 'selected' : ''; // Treat saved value as array
+        $field .= '<option value="' . esc_attr( $value ) . '" ' . $selected . '>' . esc_html( $label ) . '</option>';
+    }
+    $field .= '</select>';
+    $field .= '</div>';
+    // Custom Post Types Field.
+    $field .= '<div class="boostbox-field">';
+    $field .= '<p><label for="custom_post_types">' . esc_html__( 'Custom Post Type(s)', 'boostbox' ) . ':</label></p>';
+    $field .= '<select id="custom_post_types" class="select2" name="custom_post_types[]" multiple>';
+    $field .= '<option value="">' . esc_html__( 'Select Post Type(s)', 'boostbox' ) . '</option>';
+    // Populate select field with custom post types.
+    foreach ( $custom_post_types as $post_type ) {
+        $selected = in_array( $post_type->name, $saved_custom_post_types ) ? 'selected' : '';
+        $field .= '<option value="' . esc_attr( $post_type->name ) . '" ' . $selected . '>' . esc_html( $post_type->label ) . '</option>';
+    }
+    $field .= '</select>';
+    $field .= '</div>';
+    // Posts Field (dynamically loaded via AJAX).
+    $field .= '<div class="boostbox-field">';
+    $field .= '<p><label for="posts">' . esc_html__( 'Singular Content', 'boostbox' ) . ':</label></p>';
+    $field .= '<select id="posts" class="select2" name="posts[]" multiple>';
+    $field .= '<option value="">' . esc_html__( 'Search and Select Post(s)', 'boostbox' ) . '</option>';
+    // Populate the select field for posts with saved values.
+    foreach ( $saved_selected_posts as $post_id ) {
+        $post_title = get_the_title( $post_id );
+        $field .= '<option value="' . esc_attr( $post_id ) . '" selected>' . esc_html( $post_title ) . '</option>';
+    }
+    $field .= '</select>';
+    $field .= '</div>';
+    // Filter the fields.
+    $field = apply_filters( 'display_custom_post_type_select_fields', $field );
+    echo $field;
+}
+/**
+ * Detect the current page context for displaying the popup.
+ *
+ * @since  2.0.0
+ * @return string The detected context for the current page (e.g., 'home_page', 'search_results').
+ */
+function boostbox_detect_page_context() {
+    $context = '';
+    // Detect the page type using standard WordPress conditionals.
+    if ( is_front_page() ) {
+        $context = 'home_page';
+    } elseif ( is_home() ) {
+        $context = 'posts_archive'; // Default blog post archive.
+    } elseif ( is_search() ) {
+        $context = 'search_results';
+    } elseif ( is_404() ) {
+        $context = '404_page';
+    } else {
+        // Get all public post types.
+        $public_post_types = get_post_types( [ 'public' => true ], 'names' );
+        // Loop through each public post type and check if we are viewing a single post or archive of that type.
+        foreach ( $public_post_types as $post_type ) {
+            if ( is_singular( $post_type ) ) {
+                // Dynamically set the context for single post types.
+                $context = 'single_' . $post_type;
+                break; // Exit the loop once a matching post type is found.
+            } elseif ( is_post_type_archive( $post_type ) ) {
+                // Dynamically set the context for custom post type archives.
+                $context = 'archive_' . $post_type;
+                break; // Exit the loop once a matching archive is found.
+            }
+        }
+    }
+    // Allow developers to modify or add custom contexts using a filter.
+    return apply_filters( 'boostbox_detect_page_context', $context );
+}
+/**
+ * Check if a given post ID is found in the _selected_posts metadata,
+ * matches the general options, or matches custom post types in the boostbox_popups metadata.
+ *
+ * @param int $post_id The ID of the post to check.
+ *
+ * @since 2.0.0
+ * @return array|false An array of boostbox_popups post IDs if found, false otherwise.
+ */
+function boostbox_popup_post_check( $post_id ) {
+    // Ensure the $post_id is an integer.
+    $post_id = (int) $post_id;
+    $popup_disabled = get_post_meta( $post_id, 'boostbox_popup_disabled', true );
+    if ( $popup_disabled ) {
+        // Skip showing the popup for this post.
+        return false;
+    }
+    // Array to store boostbox_popups post IDs where the $post_id is found.
+    $found_in_popups = [];
+    // Get the current page context using the new filterable function.
+    $context = boostbox_detect_page_context();
+    // Query all published posts of type 'boostbox_popups'.
+    $query = new WP_Query( [
+        'post_type'   => 'boostbox_popups',
+        'post_status' => 'publish',
+        'fields'      => 'ids', // Only get post IDs to reduce query size.
+    ] );
+    // Loop through the found posts.
+    if ( $query->have_posts() ) {
+        foreach ( $query->posts as $popup_post_id ) {
+            // Get the _selected_posts metadata.
+            $selected_posts = get_post_meta( $popup_post_id, '_selected_posts', true );
+            // Ensure it's always an array.
+            if ( ! is_array( $selected_posts ) ) {
+                $selected_posts = ! empty( $selected_posts ) ? (array) $selected_posts : [];
+            }
+            // Convert all post IDs in _selected_posts to integers for reliable comparison.
+            $selected_posts = array_map( 'intval', $selected_posts );
+            // Check if the provided $post_id exists in the selected posts array.
+            if ( in_array( $post_id, $selected_posts, true ) ) {
+                $found_in_popups[] = $popup_post_id; // Store the boostbox_popups post ID.
+            }
+            // Get the general options from the _general_field metadata.
+            $popup_general_options = get_post_meta( $popup_post_id, '_general_field', true );
+            // Handle empty or false meta fields to avoid warnings.
+            if ( $popup_general_options === false ) {
+                continue;
+            }
+            // Check if the popup should be displayed site-wide.
+            if ( is_array( $popup_general_options ) && in_array( 'site_wide', $popup_general_options, true ) ) {
+                $found_in_popups[] = $popup_post_id; // Add if site-wide is selected.
+                continue; // No need for further checks if it's site-wide.
+            }
+            // Check specific page contexts.
+            if ( is_array( $popup_general_options ) && ! empty( $context ) && in_array( $context, $popup_general_options, true ) ) {
+                $found_in_popups[] = $popup_post_id;
+            } else {
+                error_log('Context mismatch: ' . $context . ' not found in ' . print_r($popup_general_options, true));
+            }
+            // Check the current post type against the custom post types saved in the metadata.
+            $custom_post_types = get_post_meta( $popup_post_id, '_custom_post_types', true );
+            if ( is_array( $custom_post_types ) ) {
+                $current_post_type = get_post_type();
+                // Check if the current post type matches any of the saved custom post types in the metadata.
+                if ( in_array( $current_post_type, $custom_post_types, true ) ) {
+                    $found_in_popups[] = $popup_post_id; // Add if the current post type matches.
+                }
+            }
+        }
+    }
+    // If found in any boostbox_popups posts, return the array of post IDs, otherwise return false.
+    return ! empty( $found_in_popups ) ? array_unique( $found_in_popups ) : false;
+}
+/**
+ * Build the popup HTML
+ *
+ * @param int $popup_id The ID of the popup to build.
+ *
+ * @since  2.0.0
+ * @return void
+ */
+function boostbox_popup_build_html( $popup_id ) {
+    global $content_width;
+    // Ensure the $popup_id is an integer.
+    $popup_id = (int) $popup_id;
+    // Set popup width from popup meta.
+    $popup_width = 'max-width: ' . get_post_meta( $popup_id, 'boostbox_display_max_width', true );
+    if ( ! get_post_meta( $popup_id, 'boostbox_display_max_width', true ) ) {
+        $popup_width = get_cover_block_styles( $popup_id );
+    }
+    $max_width = 'style="' . $popup_width . '"';
+    // Popup position.
+    $popup_position = get_post_meta( $popup_id, 'boostbox_display_location', true );
+    // Popup animation.
+    $popup_animation = get_post_meta( $popup_id, 'boostbox_animation_type', true );
+    // Close icon color and placement.
+    $close_color     = get_post_meta( $popup_id, 'boostbox_close_icon_color', true ) ?: '#FFFFFF';
+    $close_placement = get_post_meta( $popup_id, 'boostbox_close_icon_placement', true ) ?: 'outside';
+    // Close icon (default or custom).
+    $close_icon = apply_filters( 'boostbox_popup_close_icon', '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="' . $close_color . '" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>', $close_color );
+    // Popup overlay and content classes.
+    $popup_overlay_classes = apply_filters( 'boostbox_popup_overlay_classes', 'boostbox-popup-overlay' );
+    $popup_content_classes = apply_filters( 'boostbox_popup_content_classes', 'boostbox-popup-content' );
+    ?>
+    <!-- Popup container with unique data-popup-id -->
+    <div class="<?php esc_attr_e( $popup_overlay_classes ); ?>" role="dialog" data-popup-id="<?php echo esc_attr( $popup_id ); ?>">
+        <div class="<?php esc_attr_e( $popup_content_classes ); ?> <?php esc_html_e( $popup_position . ' ' . $popup_animation ); ?>"<?php echo wp_kses_post( $max_width ); ?>>
+            <?php
+            // Query args for content.
+            $args = [
+                'post_type'           => 'boostbox_popups',
+                'post_status'         => 'publish',
+                'p'                   => $popup_id,
+                'no_found_rows'       => true,
+                'ignore_sticky_posts' => true
+            ];
+            // Build the query.
+            $query = new WP_Query( $args );
+            // Output content.
+            if ( $query->have_posts() ) {
+                while ( $query->have_posts() ) {
+                    $query->the_post();
+                    the_content();
+                }
+                wp_reset_postdata();
+            }
+            ?>
+            <!-- Close button if not hidden -->
+            <?php if ( $close_placement !== 'hidden' ) { ?>
+            <button class="boostbox-close <?php echo ( $close_placement == 'inside' ) ? 'inside' : ''; ?>">
+                <?php echo wp_kses( $close_icon, boostbox_allowed_tags() ); ?>
+            </button>
+            <?php } ?>
+        </div>
+    </div>
+    <?php
+}

boostbox/trunk/includes/class-boostbox.php

r3148388	r3156386
78	78	public function __construct() {
79	79	$this->plugin_name = 'boostbox';
80		$this->version = '~~1.6.2~~';
	80	$this->version = '2.0.0';
81	81
82	82	if ( defined( 'BOOSTBOX_VERSION' ) ) {

boostbox/trunk/public/boostbox-popups.php

-                      r3148388
+                      r3156386
  */
 function boostbox_popup_html() {
+    global $content_width;
+    // Settings.
+    $settings = get_option( 'boostbox_general' );
+    // Get the popup ID.
+    $popup_id = get_post_meta( get_the_ID(), 'boostbox_popup_selected', true );
+    // Check for global popup.
+    if ( '' == $popup_id && '' !== $settings ) {
+        $popup_id = $settings['boostbox_global_popup'];
+    // Check popups for post ID's.
+    $popup_check = boostbox_popup_post_check( get_the_ID() );
+    // Loop through popup checks.
+    foreach ( $popup_check as $popup_id ) {
+        echo boostbox_popup_build_html( $popup_id );
+    }
-    // Bail early?
-    if ( ! $popup_id || 'popup_disabled' == $popup_id ) { return; }
-    // Set popup width from popup meta.
-    $popup_width = 'max-width: ' . get_post_meta( $popup_id, 'boostbox_display_max_width', true );
-    // Set width based on the first block, or defaults as a fallback.
-    if ( ! get_post_meta( $popup_id, 'boostbox_display_max_width', true ) ) {
-        $popup_width = get_cover_block_styles( $popup_id );
+    }
-    // Get the popup max width (if any).
-    $max_width = 'style="' . $popup_width . '"';
-    // Popup position.
-    $popup_position = get_post_meta( $popup_id, 'boostbox_display_location', true );
-    // Popup animation.
-    $popup_animation = get_post_meta( $popup_id, 'boostbox_animation_type', true );
-    // Close icon color.
-    $close_color = get_post_meta( $popup_id, 'boostbox_close_icon_color', true );
-    if ( ! $close_color ) {
-        $close_color = '#FFFFFF';
+    }
-    // Close icon placement.
-    $close_placement = get_post_meta( $popup_id, 'boostbox_close_icon_placement', true );
-    if ( ! $close_placement ) {
-        $close_placement = 'outside';
+    }
-    // @TODO set custom icon options in the settings for users to choose from.
-    $close_icon = apply_filters( 'boostbox_popup_close_icon', '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-x" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="' . $close_color . '" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>', $close_color );
-    // Popup overlay classes.
-    $popup_overlay_classes = apply_filters( 'boostbox_popup_overlay_classes', 'boostbox-popup-overlay' );
-    // Popup content classes.
-    $popup_content_classes = apply_filters( 'boostbox_popup_content_classes', 'boostbox-popup-content' );
-    ?>
-    <!--Creates the popup body-->
-    <div class="<?php esc_attr_e( $popup_overlay_classes ); ?>" role="dialog">
-    <!--Creates the popup content-->
-    <div class="<?php esc_attr_e( $popup_content_classes ); ?> <?php esc_html_e( $popup_position . ' ' . $popup_animation ); ?>"<?php echo wp_kses_post( $max_width ); ?>>
-        <?php
-        // Query args.
-        $args = [
-            'post_type'           => 'boostbox_popups',
-            'post_status'         => 'publish',
-            'p'                   => $popup_id,
-            'no_found_rows'       => true,
-            'ignore_sticky_posts' => true
-        ];
-        // Filter the args.
-        $args = apply_filters( 'boostbox_popup_html_wp_query_args', $args );
-        // Build the query.
-        $query = new WP_Query( $args );
-        // Check if there are any posts.
-        if ( $query->have_posts() ) {
-            // Loop through the posts.
-            while ( $query->have_posts() ) {
-                $query->the_post();
-                    the_content();
+            }
-            // Restore original post data.
-            wp_reset_postdata();
+        }
-        ?>
-        <!--popup's close button-->
-        <?php if ( $close_placement !== 'hidden' ) { ?>
-        <button class="boostbox-close <?php if ( $close_placement == 'inside' ) { esc_html_e( 'inside' ); } ?>"><?php print_r( $close_icon ); ?></button>
-        <?php } ?>
-    </div>
-    </div>
-    <?php
+}
 add_action( 'template_redirect', 'boostbox_popup_html' );
+add_action( 'wp_footer', 'boostbox_popup_html' );

boostbox/trunk/public/class-boostbox-public.php

-                      r3148388
+                      r3156386
      */
     public function enqueue_styles() {
+        // Publc CSS.
+        wp_enqueue_style( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'css/boostbox-public.min.css', [], $this->version, 'all' );
+        // Check popups for post ID's.
+        $popup_check = boostbox_popup_post_check( get_the_ID() );
+        // Ensure that there are popups to process.
+        if ( $popup_check && is_array( $popup_check ) ) {
+            // Publc CSS.
+            wp_enqueue_style( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'css/boostbox-public.min.css', [], $this->version, 'all' );
+        }
+    }
 …
      */
     public function enqueue_scripts() {
+        // Popup ID.
+        $popup_id = get_post_meta( get_the_ID(), 'boostbox_popup_selected', true );
+        // Milliseconds.
+        $milliseconds = get_post_meta( $popup_id, 'boostbox_display_speed', true );
+        if ( ! $milliseconds ) {
+            $milliseconds = 0;
+        // Check popups for post ID's.
+        $popup_check = boostbox_popup_post_check( get_the_ID() );
+        // Initialize an array to hold all popup data.
+        $all_popups_data = [];
+        // Ensure that there are popups to process.
+        if ( $popup_check && is_array( $popup_check ) ) {
+            // Loop through popup checks.
+            foreach ( $popup_check as $popup_id ) {
+                // Milliseconds.
+                $milliseconds = get_post_meta( $popup_id, 'boostbox_display_speed', true );
+                if ( ! $milliseconds ) {
+                    $milliseconds = 0;
+                }
+                // Scroll distance.
+                $scroll_distance = '32px';
+                if ( get_post_meta( $popup_id, 'boostbox_scroll_distance', true ) ) {
+                    $scroll_distance = get_post_meta( $popup_id, 'boostbox_scroll_distance', true );
+                }
+                // Create localized script args for this popup.
+                $popup_data = [
+                    'popup_id'             => $popup_id,
+                    'milliseconds'         => $milliseconds,
+                    'cookie_days'          => boostbox_settings_cookie_days( $popup_id ),
+                    'scroll_distance'      => $scroll_distance,
+                    'trigger'              => get_post_meta( $popup_id, 'boostbox_trigger_type', true ),
+                    'close_icon_placement' => get_post_meta( $popup_id, 'boostbox_close_icon_placement', true ),
+                    'disable_analytics'    => boostbox_settings_disable_analytics()
+                ];
+                // Add the popup data to the array.
+                $all_popups_data[] = $popup_data;
+            }
+            // Enqueue the script files.
+            wp_enqueue_script( $this->plugin_name . '-js-cookie', plugin_dir_url( __FILE__ ) . 'js/js.cookie.min.js', [ 'jquery' ], $this->version, false );
+            wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/boostbox-public.js', [ 'jquery' ], $this->version, false );
+            // Localize the script with all popups' data, AJAX URL, and nonce.
+            wp_localize_script( $this->plugin_name, 'boostbox_settings', [
+                'ajax_url' => admin_url( 'admin-ajax.php' ), // Localize ajax_url only once
+                'nonce'    => wp_create_nonce( 'boostbox_nonce' ), // Localize nonce only once
+                'popups'   => $all_popups_data // Add all popups to the popups array
+            ]);
+        }
+        // Scroll distance.
+        $scroll_distance = '32px';
+        if ( get_post_meta( $popup_id, 'boostbox_scroll_distance', true ) ) {
+            $scroll_distance = get_post_meta( $popup_id, 'boostbox_scroll_distance', true );
+        }
+        // Create localize script args.
+        $localize_args = [
+            'popup_id'             => $popup_id,
+            'milliseconds'         => $milliseconds,
+            'cookie_days'          => boostbox_settings_cookie_days( $popup_id ),
+            'scroll_distance'      => $scroll_distance,
+            'trigger'              => get_post_meta( $popup_id, 'boostbox_trigger_type', true ),
+            'close_icon_placement' => get_post_meta( $popup_id, 'boostbox_close_icon_placement', true ),
+            'ajax_url'             => admin_url( 'admin-ajax.php' ),
+            'nonce'                => wp_create_nonce( 'boostbox_nonce' ),
+            'disable_analytics'    => boostbox_settings_disable_analytics()
+        ];
+        // Filter the args.
+        $localize_args = apply_filters( 'boostbox_localize_scripts_args', $localize_args );
+        // Public JS.
+        wp_enqueue_script( $this->plugin_name . '-js-cookie', plugin_dir_url( __FILE__ ) . 'js/js.cookie.min.js', [ 'jquery' ], $this->version, false );
+        wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/boostbox-public.js', [ 'jquery' ], $this->version, false );
+        wp_localize_script( $this->plugin_name, 'boostbox_settings', $localize_args );
+    }
+    }
+}
 …
     $nonce = isset( $_POST['nonce'] ) ? sanitize_text_field( $_POST['nonce'] ) : '';
     if ( ! wp_verify_nonce( $nonce, 'boostbox_nonce' ) ) {
+        wp_die( 'Invalid nonce' );
+        wp_send_json_error('Invalid nonce');
+        wp_die();
+    }
     // Get the popup ID from the AJAX request.
     $popup_id = isset( $_POST['popup_id'] ) ? intval( $_POST['popup_id'] ) : 0;
+    if ( $popup_id === 0 ) {
+        wp_send_json_error('Invalid popup ID');
+        wp_die();
+    }
     // Increment view count meta field.
     $current_count = get_post_meta( $popup_id, 'boostbox_popup_impressions', true );
+    $new_count     = (int)$current_count + 1;
+    update_post_meta( $popup_id, 'boostbox_popup_impressions', $new_count );
+    if ( $current_count === '' ) {
+        $current_count = 0;
+    }
+    $new_count = (int) $current_count + 1;
+    $updated = update_post_meta( $popup_id, 'boostbox_popup_impressions', $new_count );
+    if ( $updated === false ) {
+        wp_send_json_error('Failed to update post meta');
+        wp_die();
+    }
+    wp_send_json_success(array('popup_id' => $popup_id, 'new_count' => $new_count));
     wp_die();
+}

boostbox/trunk/public/js/boostbox-public.js

-                      r3035929
+                      r3156386
 jQuery(document).ready(function ($) {
+    // Popup ID.
+    var popupID = boostbox_settings.popup_id;
+    // Trigger type.
+    var triggerType = boostbox_settings.trigger;
+    // Milliseconds.
+    var milliseconds = boostbox_settings.milliseconds;
+    // Disable analytics?
+    var disableAnalytics = boostbox_settings.disable_analytics;
+    // Window inner height.
+    var innerHeight = window.innerHeight;
+    // Check to see if the cookie exists already.
+    var cookieCheck = Cookies.get( 'boostbox_popup_' + popupID + '' );
+    if (typeof boostbox_settings !== 'undefined' && Array.isArray(boostbox_settings.popups)) {
+        // Loop through each popup's settings.
+        boostbox_settings.popups.forEach(function (popup) {
+            var popupID = popup.popup_id;
+    // If there's a cookie saved, bail early.
+    if ( cookieCheck != null ) { return; }
+            // Check for existing cookies to see if popup should be skipped.
+            var cookieCheck = Cookies.get('boostbox_popup_' + popupID);
+            if (cookieCheck != null) {
+                console.log('Popup', popupID, 'skipped due to cookie');
+                return;
+            }
+    // Trigger - auto open.
+    if ( triggerType === "auto-open" ) {
+        if (!Cookies.get( 'boostbox_popup_' + popupID + '' )) {
+            // Trigger handling (auto-open, on-scroll, time).
+            handlePopupTrigger(popup);
+            // Close behavior handling (inside/outside/hide).
+            setupCloseBehavior(popupID, popup.close_icon_placement, popup.cookie_days);
+            // Track conversion when any button/link within the popup is clicked.
+            $(".boostbox-popup-overlay[data-popup-id='" + popupID + "']").on("click", ":button:not('.boostbox-close'), button:not('.boostbox-close'), a, input[type='submit'], [role='button']", function () {
+                trackConversion(popupID);
+            });
+        });
+    }
+    // Function to handle popup triggers.
+    function handlePopupTrigger(popup) {
+        var popupID = popup.popup_id;
+        var triggerType = popup.trigger;
+        var popupClosed = false;
+        let popupViewCountIncremented = false;
+        if (triggerType === "auto-open" && !Cookies.get('boostbox_popup_' + popupID)) {
+            window.setTimeout(function () {
+                $(".boostbox-popup-overlay[data-popup-id='" + popupID + "']").addClass('active');
+                incrementPopupViewCount(popupID);
+            }, 0);
+        }
+        // Trigger - time.
+        if ( triggerType === "time" && !Cookies.get( 'boostbox_popup_' + popupID + '' )) {
             // Add class after X seconds.
             window.setTimeout(function(){
                 $(".boostbox-popup-overlay").addClass('active');
                 incrementPopupViewCount();
             }, 0);
+            }, popup.milliseconds);
+        }
+    }
+    // Trigger - time.
+    if ( triggerType === "time" ) {
+        if (!Cookies.get( 'boostbox_popup_' + popupID + '' )) {
+            // Add class after X seconds.
+            window.setTimeout(function(){
+                $(".boostbox-popup-overlay").addClass('active');
+                incrementPopupViewCount();
+            }, milliseconds);
+        }
+    }
+        // Trigger - on scroll.
+        if (triggerType === "on-scroll" && !Cookies.get('boostbox_popup_' + popupID)) {
+            // Add class after scrolling X pixels.
+            $(window).scroll(function () {
+                if (!popupClosed && !popupViewCountIncremented) {
+                    if (!popupClosed) {
+                        var triggerValue = popup.scroll_distance; // Use the popup's specific scroll distance
+                        var scrolledY = $(window).scrollTop();
     // Variable to track if the popup is closed
     var popupClosed = false;
     // Set a flag to track whether incrementPopupViewCount has been executed
     let popupViewCountIncremented = false;
+                        if (!triggerValue) {
+                            console.error('Popup scroll_distance is not defined for popup ' + popupID);
+                            return;
+                        }
+    // Trigger - on scroll.
+    if (triggerType === "on-scroll" && !Cookies.get('boostbox_popup_' + popupID)) {
+        // Add class after scrolling X pixels.
+        $(window).scroll(function () {
+            if (!popupClosed && !popupViewCountIncremented) {
+                if (!popupClosed) {
+                    var triggerValue = boostbox_settings.scroll_distance;
+                    var scrolledY = $(window).scrollTop();
+                        var isPercentage = triggerValue.includes('%');
+                        var windowY = isPercentage ? percentageToPixels(triggerValue, innerHeight) : parseInt(triggerValue, 10);
+                    var isPercentage = triggerValue.includes('%');
+                    var windowY = isPercentage ? percentageToPixels(triggerValue, innerHeight) : parseInt(triggerValue, 10);
+                        if (scrolledY > windowY) {
+                            $(".boostbox-popup-overlay").addClass('active');
+                            incrementPopupViewCount(popupID);
+                            popupViewCountIncremented = true; // Set the flag to true.
+                        }
+                    }
                     if (scrolledY > windowY) {
                         $(".boostbox-popup-overlay").addClass('active');
                         incrementPopupViewCount();
                         popupViewCountIncremented = true; // Set the flag to true.
+                    // Function to convert percentage to pixels
+                    function percentageToPixels(percentage, containerHeight) {
+                        var percent = parseInt(percentage, 10);
+                        return (percent / 100) * containerHeight;
+                    }
+                }
-                // Function to convert percentage to pixels
-                function percentageToPixels(percentage, containerHeight) {
-                    var percent = parseInt(percentage, 10);
-                    return (percent / 100) * containerHeight;
+                }
+            }
-        });
+    }
-    // Set the click class used to close the popup.
-    if (boostbox_settings.close_icon_placement == 'hidden') {
-        var closeClickClass = '.boostbox-popup-overlay';
-    } else {
-        var closeClickClass = '.boostbox-close';
+    }
-    // Close popup when 'close' button is clicked.
-    $(closeClickClass).on("click", function (event) {
-        if (boostbox_settings.close_icon_placement == 'hidden') {
-            // Check if the clicked element is not within the .boostbox-popup-content class
-            if (!$(event.target).closest('.boostbox-popup-content').length) {
-                $(".boostbox-popup-overlay").removeClass("active");
-                popupClosed = true; // Set the variable to true when the popup is closed.
-                var expirationDate = new Date();
-                var expirationMilliseconds = expirationDate.getTime() + (boostbox_settings.cookie_days * 24 * 60 * 60 * 1000);
-                expirationDate.setTime(expirationMilliseconds);
-                Cookies.set('boostbox_popup_' + popupID, 'hidden', { expires: expirationDate });
+            }
-        } else {
-            // Check if the clicked element is .boostbox-close
-            $(".boostbox-popup-overlay").removeClass("active");
-            popupClosed = true; // Set the variable to true when the popup is closed
-            var expirationDate = new Date();
-            var expirationMilliseconds = expirationDate.getTime() + (boostbox_settings.cookie_days * 24 * 60 * 60 * 1000);
-            expirationDate.setTime(expirationMilliseconds);
-            Cookies.set('boostbox_popup_' + popupID, 'hidden', { expires: expirationDate });
+        }
-    });
-    // Track conversion when any button/link within the popup is clicked.
-    // @TODO figure ways to make the tracking dynamic between buttons, links, form submissions, etc.
-    $(".boostbox-popup-overlay").on("click", ":button:not('.boostbox-close'), button:not('.boostbox-close'), a, input[type='submit'], [role='button']", function () {
-        trackConversion();
-    });
-    // Get percentage of number.
-    function percentage(percent, total) {
-        return ((percent/ 100) * total)
+    }
-    // Increment popup view count.
-    function incrementPopupViewCount() {
-        // Only do this if analytics is not disabled.
-        if (!disableAnalytics) {
-            // AJAX request to increment view count.
-            $.ajax({
-                url: boostbox_settings.ajax_url,
-                type: 'POST',
-                data: {
-                    action: 'increment_popup_view_count',
-                    popup_id: popupID,
-                    nonce: boostbox_settings.nonce,
-                },
-                success: function (response) {
-                    // Turned off console log message (for now) @TODO - set up a "debug" option that turns this back on.
-                    //console.log('[SUCCESS] Impression tracking complete!');
-                    //console.log(response);
-                },
-                error: function (error) {
-                    // Turned off console log message (for now) @TODO - set up a "debug" option that turns this back on.
-                    //console.log('[ERROR] Impression tracking failed!');
-                    //console.log(error);
+                }
             });
 …
+    }
+    // Increment popup conversion count.
+    function trackConversion() {
+        // Only do this if analytics is not disabled.
+        if (!disableAnalytics) {
+            // AJAX request to track conversion.
+            $.ajax({
+                url: boostbox_settings.ajax_url,
+                type: 'POST',
+                data: {
+                    action: 'track_popup_conversion',
+                    popup_id: popupID,
+                    nonce: boostbox_settings.nonce,
+                },
+                success: function (response) {
+                    // Turned off console log message (for now) @TODO - set up a "debug" option that turns this back on.
+                    //console.log('[SUCCESS] Conversion tracking complete!');
+                    //console.log(response);
+                },
+                error: function (error) {
+                    // Turned off console log message (for now) @TODO - set up a "debug" option that turns this back on.
+                    //console.log('[ERROR] Conversion tracking failed!');
+                    //console.log(error);
+    // Function to set up the close behavior.
+    function setupCloseBehavior(popupID, closeIconPlacement, cookieDays) {
+        if (closeIconPlacement === 'hidden') {
+            $(document).on("click", ".boostbox-popup-overlay[data-popup-id='" + popupID + "']", function (event) {
+                if ($(event.target).hasClass('boostbox-popup-overlay')) {
+                    closePopup(popupID, cookieDays);
+                }
+            });
+        } else {
+            // Close button click handling - specifically target the correct close button.
+            $(".boostbox-popup-overlay[data-popup-id='" + popupID + "'] .boostbox-close").on("click", function () {
+                closePopup(popupID, cookieDays);
             });
+        }
+    }
+    // Function to close the popup and set a cookie.
+    function closePopup(popupID, cookieDays) {
+        $(".boostbox-popup-overlay[data-popup-id='" + popupID + "']").removeClass("active");
+        var expirationDate = new Date();
+        expirationDate.setTime(expirationDate.getTime() + (cookieDays * 24 * 60 * 60 * 1000));
+        Cookies.set('boostbox_popup_' + popupID, 'hidden', { expires: expirationDate });
+    }
+    // Function to convert percentage to pixels.
+    function percentageToPixels(percentage, containerHeight) {
+        var percent = parseInt(percentage, 10);
+        return (percent / 100) * containerHeight;
+    }
+    // Function to increment popup view count.
+    function incrementPopupViewCount(popupID) {
+        $.ajax({
+            url: boostbox_settings.ajax_url,
+            type: 'POST',
+            data: {
+                action: 'increment_popup_view_count',
+                popup_id: popupID,
+                nonce: boostbox_settings.nonce,
+            },
+            success: function (response) {
+                //console.log('[SUCCESS] Impression tracking complete for popup ' + popupID + ' ' + response);
+            },
+            error: function (xhr, status, error) {
+                //console.log('[ERROR] Impression tracking failed for popup ' + popupID);
+                //console.log('XHR:', xhr);
+                //console.log('Status:', status);
+                //console.log('Error:', error);
+            }
+        });
+    }
+    // Function to track conversions.
+    function trackConversion(popupID) {
+        $.ajax({
+            url: boostbox_settings.ajax_url,
+            type: 'POST',
+            data: {
+                action: 'track_popup_conversion',
+                popup_id: popupID,
+                nonce: boostbox_settings.nonce,
+            },
+            success: function (response) {
+                //console.log('[SUCCESS] Conversion tracking complete for popup ' + popupID);
+            },
+            error: function (error) {
+                //console.log('[ERROR] Conversion tracking failed for popup ' + popupID);
+            }
+        });
+    }
 });

Plugin Directory

Context Navigation

Legend:

boostbox/assets/blueprints/blueprint.json

boostbox/trunk/README.md

boostbox/trunk/README.txt

boostbox/trunk/admin/boostbox-admin-settings.php

boostbox/trunk/admin/class-boostbox-admin.php

boostbox/trunk/admin/css/boostbox-admin.css

boostbox/trunk/admin/css/boostbox-admin.min.css

boostbox/trunk/admin/js/boostbox-admin.js

boostbox/trunk/admin/metaboxes/boostbox-display-settings.php

boostbox/trunk/admin/metaboxes/boostbox-popup-settings.php

boostbox/trunk/boostbox.php

boostbox/trunk/includes/boostbox-helper-functions.php

boostbox/trunk/includes/class-boostbox.php

boostbox/trunk/public/boostbox-popups.php

boostbox/trunk/public/class-boostbox-public.php

boostbox/trunk/public/js/boostbox-public.js

Download in other formats: