PATH:
home
/
thebhoeo
/
public_html
/
wp-content
/
themes
/
woodmart
/
inc
/
modules
/
floating-blocks
/
integrations
/
wpb
<?php // phpcs:ignore WordPress.Files.FileName.InvalidClassFileName /** * Popup metaboxes. * * @package woodmart */ namespace XTS\Modules\Floating_Blocks\Integrations; use XTS\Singleton; use XTS\Modules\Floating_Blocks\Manager; use XTS\Admin\Modules\Options\Metaboxes; /** * Popup metaboxes. */ class Popup_Metaboxes extends Singleton { /** * Manager instance. * * @var Manager */ public $manager; /** * Init. */ public function init() { $this->manager = Manager::get_instance(); add_action( 'init', array( $this, 'add_metaboxes' ), 20 ); } /** * Add popup metaboxes. */ public function add_metaboxes() { $metabox = Metaboxes::add_metabox( array( 'id' => 'wd_popup_metaboxes', 'title' => esc_html__( 'Settings', 'woodmart' ), 'post_types' => array( 'wd_popup' ), 'css_selector' => '#popup-{{ID}}', ) ); $metabox->add_section( array( 'id' => 'settings', 'name' => esc_html__( 'Popup', 'woodmart' ), 'icon' => 'xts-i-popup', 'priority' => 10, ) ); $metabox->add_section( array( 'id' => 'overlay', 'name' => esc_html__( 'Overlay', 'woodmart' ), 'icon' => 'xts-i-layout', 'priority' => 20, ) ); $metabox->add_section( array( 'id' => 'close_behavior', 'name' => esc_html__( 'Close behavior', 'woodmart' ), 'icon' => 'xts-i-close', 'priority' => 30, ) ); $metabox->add_section( array( 'id' => 'triggers', 'name' => esc_html__( 'Triggers', 'woodmart' ), 'icon' => 'xts-i-cog', 'priority' => 40, ) ); $metabox->add_section( array( 'id' => 'conditions', 'name' => esc_html__( 'Conditions', 'woodmart' ), 'icon' => 'xts-i-edit-write', 'priority' => 50, ) ); $metabox->add_section( array( 'id' => 'advanced', 'name' => esc_html__( 'Advanced', 'woodmart' ), 'icon' => 'xts-i-setting-slider-in-square', 'priority' => 60, ) ); // Popup section. // Layout group. $metabox->add_field( array( 'id' => 'width', 'name' => esc_html__( 'Width', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-width.mp4" autoplay loop muted></video>', 'type' => 'responsive_range', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-popup-width: {{VALUE}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), 'tablet' => array( 'value' => '', 'unit' => 'px', ), 'mobile' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 2000, 'step' => 1, ), 'vw' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'class' => 'xts-col-6', 'priority' => 10, ) ); $metabox->add_field( array( 'id' => 'height', 'name' => esc_html__( 'Height', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-height.mp4" autoplay loop muted></video>', 'type' => 'responsive_range', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-popup-height: {{VALUE}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), 'tablet' => array( 'value' => '', 'unit' => 'px', ), 'mobile' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 2000, 'step' => 1, ), 'vh' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'class' => 'xts-col-6', 'priority' => 20, ) ); $metabox->add_field( array( 'id' => 'content_vertical_align', 'name' => esc_html__( 'Content vertical align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-content-vertical-align.mp4" autoplay loop muted></video>', 'type' => 'buttons', 'default' => 'start', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( '--wd-align-items: {{VALUE}};', ), ), 'options' => array( 'start' => array( 'name' => esc_html__( 'Top', 'woodmart' ), 'value' => 'start', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/top.svg', ), 'center' => array( 'name' => esc_html__( 'Middle', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/middle.svg', ), 'end' => array( 'name' => esc_html__( 'Bottom', 'woodmart' ), 'value' => 'end', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/bottom.svg', ), ), 't_tab' => array( 'id' => 'content_settings_tabs', 'tab' => esc_html__( 'Desktop', 'woodmart' ), 'title' => esc_html__( 'Content position', 'woodmart' ), 'icon' => 'xts-i-desktop', 'style' => 'devices', 'requires' => array( array( 'key' => 'height_type', 'compare' => 'not_equals', 'value' => 'content', ), ), ), 'requires' => array( array( 'key' => 'height_type', 'compare' => 'not_equals', 'value' => 'content', ), ), 'priority' => 30, 'class' => 'xts-tab-field', ) ); $metabox->add_field( array( 'id' => 'content_vertical_align_tablet', 'name' => esc_html__( 'Content vertical align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-content-vertical-align.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'type' => 'buttons', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( '--wd-align-items: {{VALUE}};', ), ), 'css_device' => 'tablet', 'options' => array( 'start' => array( 'name' => esc_html__( 'Top', 'woodmart' ), 'value' => 'start', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/top.svg', ), 'center' => array( 'name' => esc_html__( 'Middle', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/middle.svg', ), 'end' => array( 'name' => esc_html__( 'Bottom', 'woodmart' ), 'value' => 'end', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/bottom.svg', ), ), 't_tab' => array( 'id' => 'content_settings_tabs', 'tab' => esc_html__( 'Tablet', 'woodmart' ), 'icon' => 'xts-i-tablet', ), 'requires' => array( array( 'key' => 'height_type', 'compare' => 'not_equals', 'value' => 'content', ), ), 'priority' => 31, 'class' => 'xts-tab-field', ) ); $metabox->add_field( array( 'id' => 'content_vertical_align_mobile', 'name' => esc_html__( 'Content vertical align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-content-vertical-align.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'type' => 'buttons', 'css_device' => 'mobile', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( '--wd-align-items: {{VALUE}};', ), ), 'options' => array( 'start' => array( 'name' => esc_html__( 'Top', 'woodmart' ), 'value' => 'start', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/top.svg', ), 'center' => array( 'name' => esc_html__( 'Middle', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/middle.svg', ), 'end' => array( 'name' => esc_html__( 'Bottom', 'woodmart' ), 'value' => 'end', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/bottom.svg', ), ), 't_tab' => array( 'id' => 'content_settings_tabs', 'tab' => esc_html__( 'Mobile', 'woodmart' ), 'icon' => 'xts-i-phone', ), 'requires' => array( array( 'key' => 'height_type', 'compare' => 'not_equals', 'value' => 'content', ), ), 'priority' => 32, 'class' => 'xts-tab-field', ) ); $metabox->add_field( array( 'id' => 'padding', 'name' => esc_html__( 'Padding', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-padding.mp4" autoplay loop muted></video>', 'description' => esc_html__( 'Sets the spacing between the popup’s borders and its content.', 'woodmart' ), 'type' => 'dimensions', 'group' => esc_html__( 'Layout', 'woodmart' ), 'dimensions' => array( 'top' => esc_html__( 'Top', 'woodmart' ), 'right' => esc_html__( 'Right', 'woodmart' ), 'bottom' => esc_html__( 'Bottom', 'woodmart' ), 'left' => esc_html__( 'Left', 'woodmart' ), ), 'section' => 'settings', 'selectors' => array( '{{WRAPPER}}.wd-popup .wd-popup-inner' => array( 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'unit' => 'px', ), 'tablet' => array( 'unit' => 'px', ), 'mobile' => array( 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'step' => 1, ), '%' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'class' => 'xts-col-6', 'priority' => 40, ) ); $metabox->add_field( array( 'id' => 'margin', 'name' => esc_html__( 'Margin', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-margin.mp4" autoplay loop muted></video>', 'description' => esc_html__( 'Sets the spacing between the popup and the edge of the screen.', 'woodmart' ), 'type' => 'dimensions', 'group' => esc_html__( 'Layout', 'woodmart' ), 'dimensions' => array( 'top' => esc_html__( 'Top', 'woodmart' ), 'right' => esc_html__( 'Right', 'woodmart' ), 'bottom' => esc_html__( 'Bottom', 'woodmart' ), 'left' => esc_html__( 'Left', 'woodmart' ), ), 'section' => 'settings', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-popup-mt: {{TOP}}{{UNIT}};', '--wd-popup-mr: {{RIGHT}}{{UNIT}};', '--wd-popup-mb: {{BOTTOM}}{{UNIT}};', '--wd-popup-ml: {{LEFT}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'unit' => 'px', ), 'tablet' => array( 'unit' => 'px', ), 'mobile' => array( 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'step' => 1, ), '%' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'class' => 'xts-col-6', 'priority' => 50, ) ); $metabox->add_field( array( 'id' => 'vertical_align', 'name' => esc_html__( 'Vertical align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-vertical-align.mp4" autoplay loop muted></video>', 'type' => 'buttons', 'default' => 'center', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-align-items: {{VALUE}};', ), ), 'options' => array( 'start' => array( 'name' => esc_html__( 'Top', 'woodmart' ), 'value' => 'start', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/top.svg', ), 'center' => array( 'name' => esc_html__( 'Middle', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/middle.svg', ), 'end' => array( 'name' => esc_html__( 'Bottom', 'woodmart' ), 'value' => 'end', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/bottom.svg', ), ), 't_tab' => array( 'id' => 'vertical_align_tabs', 'tab' => esc_html__( 'Desktop', 'woodmart' ), 'title' => esc_html__( 'Content position', 'woodmart' ), 'icon' => 'xts-i-desktop', 'style' => 'devices', 'class' => 'xts-col-6', ), 'priority' => 60, 'class' => 'xts-tab-field xts-col-12', ) ); $metabox->add_field( array( 'id' => 'vertical_align_tablet', 'name' => esc_html__( 'Vertical align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-vertical-align.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'type' => 'buttons', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-align-items: {{VALUE}};', ), ), 'css_device' => 'tablet', 'options' => array( 'start' => array( 'name' => esc_html__( 'Top', 'woodmart' ), 'value' => 'start', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/top.svg', ), 'center' => array( 'name' => esc_html__( 'Middle', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/middle.svg', ), 'end' => array( 'name' => esc_html__( 'Bottom', 'woodmart' ), 'value' => 'end', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/bottom.svg', ), ), 't_tab' => array( 'id' => 'vertical_align_tabs', 'tab' => esc_html__( 'Tablet', 'woodmart' ), 'icon' => 'xts-i-tablet', ), 'priority' => 61, 'class' => 'xts-tab-field xts-col-12', ) ); $metabox->add_field( array( 'id' => 'vertical_align_mobile', 'name' => esc_html__( 'Vertical align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-vertical-align.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'type' => 'buttons', 'css_device' => 'mobile', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-align-items: {{VALUE}};', ), ), 'options' => array( 'start' => array( 'name' => esc_html__( 'Top', 'woodmart' ), 'value' => 'start', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/top.svg', ), 'center' => array( 'name' => esc_html__( 'Middle', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/middle.svg', ), 'end' => array( 'name' => esc_html__( 'Bottom', 'woodmart' ), 'value' => 'end', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/bottom.svg', ), ), 't_tab' => array( 'id' => 'vertical_align_tabs', 'tab' => esc_html__( 'Mobile', 'woodmart' ), 'icon' => 'xts-i-phone', ), 'priority' => 62, 'class' => 'xts-tab-field xts-col-12', ) ); $metabox->add_field( array( 'id' => 'horizontal_align', 'name' => esc_html__( 'Horizontal align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-horizontal-align.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'type' => 'buttons', 'default' => 'center', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-justify-content: {{VALUE}};', ), ), 'options' => array( 'left' => array( 'name' => esc_html__( 'Left', 'woodmart' ), 'value' => 'left', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/left.svg', ), 'center' => array( 'name' => esc_html__( 'Center', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/center.svg', ), 'right' => array( 'name' => esc_html__( 'Right', 'woodmart' ), 'value' => 'right', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/right.svg', ), ), 't_tab' => array( 'id' => 'horizontal_align_tabs', 'tab' => esc_html__( 'Desktop', 'woodmart' ), 'icon' => 'xts-i-desktop', 'style' => 'devices', 'class' => 'xts-col-6', ), 'priority' => 70, 'class' => 'xts-tab-field xts-last-tab-field xts-col-12', ) ); $metabox->add_field( array( 'id' => 'horizontal_align_tablet', 'name' => esc_html__( 'Horizontal align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-horizontal-align.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'type' => 'buttons', 'css_device' => 'tablet', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-justify-content: {{VALUE}};', ), ), 'options' => array( 'left' => array( 'name' => esc_html__( 'Left', 'woodmart' ), 'value' => 'left', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/left.svg', ), 'center' => array( 'name' => esc_html__( 'Center', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/center.svg', ), 'right' => array( 'name' => esc_html__( 'Right', 'woodmart' ), 'value' => 'right', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/right.svg', ), ), 't_tab' => array( 'id' => 'horizontal_align_tabs', 'tab' => esc_html__( 'Tablet', 'woodmart' ), 'icon' => 'xts-i-tablet', ), 'priority' => 71, 'class' => 'xts-tab-field xts-last-tab-field xts-col-12', ) ); $metabox->add_field( array( 'id' => 'horizontal_align_mobile', 'name' => esc_html__( 'Horizontal align', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-horizontal-align.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Layout', 'woodmart' ), 'section' => 'settings', 'type' => 'buttons', 'css_device' => 'mobile', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-justify-content: {{VALUE}};', ), ), 'options' => array( 'left' => array( 'name' => esc_html__( 'Left', 'woodmart' ), 'value' => 'left', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/left.svg', ), 'center' => array( 'name' => esc_html__( 'Center', 'woodmart' ), 'value' => 'center', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/center.svg', ), 'right' => array( 'name' => esc_html__( 'Right', 'woodmart' ), 'value' => 'right', 'image' => WOODMART_ASSETS_IMAGES . '/settings/cmb2-align/right.svg', ), ), 't_tab' => array( 'id' => 'horizontal_align_tabs', 'tab' => esc_html__( 'Mobile', 'woodmart' ), 'icon' => 'xts-i-phone', ), 'priority' => 72, 'class' => 'xts-tab-field xts-last-tab-field xts-col-12', ) ); // Style group. $metabox->add_field( array( 'id' => 'animation', 'name' => esc_html__( 'Animation', 'woodmart' ), 'group' => esc_html__( 'Style', 'woodmart' ), 'type' => 'select', 'section' => 'settings', 'description' => esc_html__( 'Select a popup appearance animation.', 'woodmart' ), 'options' => array( 'default' => array( 'name' => esc_html__( 'From left to right', 'woodmart' ), 'value' => 'default', ), 'slide-from-top' => array( 'name' => esc_html__( 'Slide from top', 'woodmart' ), 'value' => 'slide-from-right', ), 'slide-from-bottom' => array( 'name' => esc_html__( 'Slide from bottom', 'woodmart' ), 'value' => 'slide-from-right', ), 'slide-from-left' => array( 'name' => esc_html__( 'Slide from left', 'woodmart' ), 'value' => 'slide-from-left', ), 'slide-from-right' => array( 'name' => esc_html__( 'Slide from right', 'woodmart' ), 'value' => 'slide-from-right', ), 'slide-short-from-left' => array( 'name' => esc_html__( 'Slide short from left', 'woodmart' ), 'value' => 'slide-short-from-left', ), 'slide-short-from-right' => array( 'name' => esc_html__( 'Slide short from right', 'woodmart' ), 'value' => 'slide-short-from-right', ), 'top-flip-x' => array( 'name' => esc_html__( 'Top flip X', 'woodmart' ), 'value' => 'top-flip-x', ), 'bottom-flip-x' => array( 'name' => esc_html__( 'Bottom flip X', 'woodmart' ), 'value' => 'bottom-flip-x', ), 'right-flip-y' => array( 'name' => esc_html__( 'Right flip Y', 'woodmart' ), 'value' => 'right-flip-y', ), 'left-flip-y' => array( 'name' => esc_html__( 'Left flip Y', 'woodmart' ), 'value' => 'left-flip-y', ), 'snap-in-top' => array( 'name' => esc_html__( 'Snap in top', 'woodmart' ), 'value' => 'snap-in-top', ), 'snap-in-bottom' => array( 'name' => esc_html__( 'Snap in bottom', 'woodmart' ), 'value' => 'snap-in-bottom', ), 'snap-in-left' => array( 'name' => esc_html__( 'Snap in left', 'woodmart' ), 'value' => 'snap-in-left', ), 'snap-in-right' => array( 'name' => esc_html__( 'Snap in right', 'woodmart' ), 'value' => 'snap-in-right', ), 'zoom-in' => array( 'name' => esc_html__( 'Zoom in', 'woodmart' ), 'value' => 'zoom-in', ), ), 'value' => '', 'is_animation' => true, 'default' => 'default', 'priority' => 80, ) ); $metabox->add_field( array( 'id' => 'background', 'name' => esc_html__( 'Background', 'woodmart' ), 'description' => esc_html__( 'Set background color or image for popup.', 'woodmart' ), 'type' => 'background', 'section' => 'settings', 'group' => esc_html__( 'Style', 'woodmart' ), 'selector' => '.mfp-wrap {{WRAPPER}}', 't_tab' => array( 'id' => 'background_tabs', 'tab' => esc_html__( 'Desktop', 'woodmart' ), 'icon' => 'xts-i-desktop', 'style' => 'devices', ), 'priority' => 90, ) ); $metabox->add_field( array( 'id' => 'background_tablet', 'name' => esc_html__( 'Background', 'woodmart' ), 'description' => esc_html__( 'Set background color or image for popup.', 'woodmart' ), 'type' => 'background', 'section' => 'settings', 'group' => esc_html__( 'Style', 'woodmart' ), 'selector' => '.mfp-wrap {{WRAPPER}}', 'css_device' => 'tablet', 't_tab' => array( 'id' => 'background_tabs', 'tab' => esc_html__( 'Tablet', 'woodmart' ), 'icon' => 'xts-i-tablet', 'style' => 'devices', ), 'priority' => 91, ) ); $metabox->add_field( array( 'id' => 'background_mobile', 'name' => esc_html__( 'Background', 'woodmart' ), 'description' => esc_html__( 'Set background color or image for popup.', 'woodmart' ), 'type' => 'background', 'section' => 'settings', 'group' => esc_html__( 'Style', 'woodmart' ), 'selector' => '.mfp-wrap {{WRAPPER}}', 'css_device' => 'mobile', 't_tab' => array( 'id' => 'background_tabs', 'tab' => esc_html__( 'Mobile', 'woodmart' ), 'icon' => 'xts-i-phone', 'style' => 'devices', ), 'priority' => 92, ) ); $metabox->add_field( array( 'id' => 'backdrop_filter_group', 'name' => esc_html__( 'Backdrop filter', 'woodmart' ), 'type' => 'group', 'section' => 'settings', 'group' => esc_html__( 'Style', 'woodmart' ), 'style' => 'dropdown', 'description' => esc_html__( 'Backdrop effects will be visible only if the element has background with transparency.', 'woodmart' ), 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'inner_fields' => array( array( 'id' => 'backdrop_filter_predefined', 'type' => 'buttons', 'presets' => true, 'options' => array( 'blur' => array( 'title' => esc_html__( 'Blur', 'woodmart' ), 'value' => 'blur', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'backdrop_filter', 'blur' ), ), 'brightness' => array( 'title' => esc_html__( 'Brightness', 'woodmart' ), 'value' => 'brightness', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'backdrop_filter', 'brightness' ), ), 'grayscale' => array( 'title' => esc_html__( 'Grayscale', 'woodmart' ), 'value' => 'grayscale', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'backdrop_filter', 'grayscale' ), ), 'saturate' => array( 'title' => esc_html__( 'Saturate', 'woodmart' ), 'value' => 'saturate', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'backdrop_filter', 'saturate' ), ), 'hue' => array( 'title' => esc_html__( 'Hue rotate', 'woodmart' ), 'value' => 'hue', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'backdrop_filter', 'hue-rotate' ), ), 'invert' => array( 'title' => esc_html__( 'Invert', 'woodmart' ), 'value' => 'invert', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'backdrop_filter', 'invert' ), ), ), 'priority' => 5, 'class' => 'xts-swatches-set', ), array( 'id' => 'backdrop_filter_blur', 'name' => esc_html__( 'Blur', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 50, 'step' => 1, 'default' => 0, 'unit' => 'px', 'priority' => 10, ), array( 'id' => 'backdrop_filter_brightness', 'name' => esc_html__( 'Brightness', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 3, 'step' => 0.1, 'default' => 1, 'unit' => '', 'priority' => 20, ), array( 'id' => 'backdrop_filter_contrast', 'name' => esc_html__( 'Contrast', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 300, 'step' => 1, 'default' => 100, 'unit' => '%', 'priority' => 30, ), array( 'id' => 'backdrop_filter_grayscale', 'name' => esc_html__( 'Grayscale', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 0, 'unit' => '%', 'priority' => 40, ), array( 'id' => 'backdrop_filter_hue-rotate', 'name' => esc_html__( 'Hue Rotate', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 360, 'step' => 1, 'default' => 0, 'unit' => 'deg', 'priority' => 50, ), array( 'id' => 'backdrop_filter_invert', 'name' => esc_html__( 'Invert', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 0, 'unit' => '%', 'priority' => 60, ), array( 'id' => 'backdrop_filter_opacity', 'name' => esc_html__( 'Opacity', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 100, 'unit' => '%', 'priority' => 70, ), array( 'id' => 'backdrop_filter_saturate', 'name' => esc_html__( 'Saturate', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 300, 'step' => 1, 'default' => 100, 'unit' => '%', 'priority' => 80, ), array( 'id' => 'backdrop_filter_sepia', 'name' => esc_html__( 'Sepia', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 0, 'unit' => '%', 'priority' => 90, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 93, ) ); $metabox->add_field( array( 'id' => 'box_shadow_group', 'name' => esc_html__( 'Box shadow', 'woodmart' ), 'group' => esc_html__( 'Style', 'woodmart' ), 'type' => 'group', 'style' => 'dropdown', 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( 'box-shadow:{{BOX_SHADOW_OFFSET_X}} {{BOX_SHADOW_OFFSET_Y}} {{BOX_SHADOW_BLUR}} {{BOX_SHADOW_SPREAD}} {{BOX_SHADOW_COLOR}};', ), ), 'section' => 'settings', 'inner_fields' => array( array( 'id' => 'box_shadow_color', 'name' => esc_html__( 'Color', 'woodmart' ), 'type' => 'color', 'default' => array(), 'priority' => 10, ), array( 'id' => 'box_shadow_offset_x', 'name' => esc_html__( 'Horizontal offset', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 20, ), array( 'id' => 'box_shadow_offset_y', 'name' => esc_html__( 'Vertical offset', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 30, ), array( 'id' => 'box_shadow_blur', 'name' => esc_html__( 'Blur', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'priority' => 40, ), array( 'id' => 'box_shadow_spread', 'name' => esc_html__( 'Spread', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 50, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 100, ) ); $metabox->add_field( array( 'id' => 'border_group', 'name' => esc_html__( 'Border', 'woodmart' ), 'group' => esc_html__( 'Style', 'woodmart' ), 'type' => 'group', 'style' => 'dropdown', 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'section' => 'settings', 'inner_fields' => array( array( 'id' => 'border_radius', 'name' => esc_html__( 'Border radius', 'woodmart' ), 'type' => 'responsive_range', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( 'border-radius: {{VALUE}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 300, 'step' => 1, ), '%' => array( 'min' => 0, 'max' => 50, 'step' => 1, ), ), 'priority' => 10, ), array( 'id' => 'border_style', 'name' => esc_html__( 'Border style', 'woodmart' ), 'type' => 'select', 'options' => array( '' => array( 'name' => esc_html__( 'None', 'woodmart' ), 'value' => '', ), 'solid' => array( 'name' => esc_html__( 'Solid', 'woodmart' ), 'value' => 'solid', ), 'dotted' => array( 'name' => esc_html__( 'Dotted', 'woodmart' ), 'value' => 'dotted', ), 'double' => array( 'name' => esc_html__( 'Double', 'woodmart' ), 'value' => 'double', ), 'dashed' => array( 'name' => esc_html__( 'Dashed', 'woodmart' ), 'value' => 'dashed', ), 'groove' => array( 'name' => esc_html__( 'Groove', 'woodmart' ), 'value' => 'groove', ), ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( 'border-style: {{VALUE}};', ), ), 'default' => '', 'priority' => 20, ), array( 'id' => 'border_color', 'name' => esc_html__( 'Color', 'woodmart' ), 'type' => 'color', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( 'border-color: {{VALUE}};', ), ), 'default' => array(), 'requires' => array( array( 'key' => 'border_style', 'compare' => 'not_equals', 'value' => '', ), ), 'priority' => 30, ), array( 'id' => 'border_width', 'name' => esc_html__( 'Border width', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 20, 'step' => 1, ), ), 'requires' => array( array( 'key' => 'border_style', 'compare' => 'not_equals', 'value' => '', ), ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup' => array( 'border-width: {{VALUE}}{{UNIT}};', ), ), 'priority' => 40, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 110, ) ); // Overlay section. $metabox->add_field( array( 'id' => 'overlay_color', 'name' => esc_html__( 'Background color', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-overlay-background-color.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Settings', 'woodmart' ), 'type' => 'color', 'section' => 'overlay', 'description' => esc_html__( 'Overlay color. Set transparency to make the site partially visible beneath the overlay.', 'woodmart' ), 'selectors' => array( 'body .wd-mfp-popup-bg-{{ID}}' => array( 'background-color: {{VALUE}};', ), ), 'default' => array(), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 10, ) ); $metabox->add_field( array( 'id' => 'overlay_backdrop_filter_group', 'name' => esc_html__( 'Backdrop filter', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-overlay-backdrop-filter.mp4" autoplay loop muted></video>', 'type' => 'group', 'section' => 'overlay', 'group' => esc_html__( 'Settings', 'woodmart' ), 'style' => 'dropdown', 'description' => esc_html__( 'Backdrop effects will be visible only if the element has background with transparency.', 'woodmart' ), 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'inner_fields' => array( array( 'id' => 'backdrop_filter_predefined', 'type' => 'buttons', 'presets' => true, 'options' => array( 'blur' => array( 'title' => esc_html__( 'Blur', 'woodmart' ), 'value' => 'blur', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'overlay_backdrop_filter', 'blur' ), ), 'brightness' => array( 'title' => esc_html__( 'Brightness', 'woodmart' ), 'value' => 'brightness', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'overlay_backdrop_filter', 'brightness' ), ), 'grayscale' => array( 'title' => esc_html__( 'Grayscale', 'woodmart' ), 'value' => 'grayscale', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'overlay_backdrop_filter', 'grayscale' ), ), 'saturate' => array( 'title' => esc_html__( 'Saturate', 'woodmart' ), 'value' => 'saturate', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'overlay_backdrop_filter', 'saturate' ), ), 'hue' => array( 'title' => esc_html__( 'Hue rotate', 'woodmart' ), 'value' => 'hue', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'overlay_backdrop_filter', 'hue-rotate' ), ), 'invert' => array( 'title' => esc_html__( 'Invert', 'woodmart' ), 'value' => 'invert', 'onclick' => $this->manager->get_backdrop_onclick_callback( 'overlay_backdrop_filter', 'invert' ), ), ), 'priority' => 5, 'class' => 'xts-swatches-set', ), array( 'id' => 'overlay_backdrop_filter_blur', 'name' => esc_html__( 'Blur', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 50, 'step' => 1, 'default' => 0, 'unit' => 'px', 'priority' => 10, ), array( 'id' => 'overlay_backdrop_filter_brightness', 'name' => esc_html__( 'Brightness', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 3, 'step' => 0.1, 'default' => 1, 'unit' => '', 'priority' => 20, ), array( 'id' => 'overlay_backdrop_filter_contrast', 'name' => esc_html__( 'Contrast', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 300, 'step' => 1, 'default' => 100, 'unit' => '%', 'priority' => 30, ), array( 'id' => 'overlay_backdrop_filter_grayscale', 'name' => esc_html__( 'Grayscale', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 0, 'unit' => '%', 'priority' => 40, ), array( 'id' => 'overlay_backdrop_filter_hue-rotate', 'name' => esc_html__( 'Hue Rotate', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 360, 'step' => 1, 'default' => 0, 'unit' => 'deg', 'priority' => 50, ), array( 'id' => 'overlay_backdrop_filter_invert', 'name' => esc_html__( 'Invert', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 0, 'unit' => '%', 'priority' => 60, ), array( 'id' => 'overlay_backdrop_filter_opacity', 'name' => esc_html__( 'Opacity', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 100, 'unit' => '%', 'priority' => 70, ), array( 'id' => 'overlay_backdrop_filter_saturate', 'name' => esc_html__( 'Saturate', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 300, 'step' => 1, 'default' => 100, 'unit' => '%', 'priority' => 80, ), array( 'id' => 'overlay_backdrop_filter_sepia', 'name' => esc_html__( 'Sepia', 'woodmart' ), 'type' => 'range', 'min' => 0, 'max' => 100, 'step' => 1, 'default' => 0, 'unit' => '%', 'priority' => 90, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 20, ) ); // Close behavior section. $metabox->add_field( array( 'id' => 'close_btn', 'name' => esc_html__( 'Close button', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-close-behavior-close-button-desktop.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Close button', 'woodmart' ), 'description' => esc_html__( 'Disable the default close button. After that, the popup can be closed via the background overlay or a custom button using the “Close by selector” option.', 'woodmart' ), 'type' => 'switcher', 'section' => 'close_behavior', 'default' => true, 'priority' => 10, ) ); $metabox->add_field( array( 'id' => 'close_btn_display', 'name' => esc_html__( 'Display', 'woodmart' ), 'type' => 'buttons', 'section' => 'close_behavior', 'description' => esc_html__( 'Choose the close button design.', 'woodmart' ), 'group' => esc_html__( 'Close button', 'woodmart' ), 'default' => 'icon', 'options' => array( 'icon' => array( 'name' => esc_html__( 'Icon', 'woodmart' ), 'value' => 'icon', ), 'text' => array( 'name' => esc_html__( 'Icon with text', 'woodmart' ), 'value' => 'text', ), ), 'priority' => 20, 'class' => 'xts-col-12', ) ); $metabox->add_field( array( 'id' => 'close_btn_offset_v', 'name' => esc_html__( 'Offset vertical', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-close-behavior-offset-vertical.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Close button', 'woodmart' ), 'type' => 'responsive_range', 'section' => 'close_behavior', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-close-btn-offset-v: {{VALUE}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), 'tablet' => array( 'value' => '', 'unit' => 'px', ), 'mobile' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -1000, 'max' => 1000, 'step' => 1, ), ), 'priority' => 30, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_offset_h', 'name' => esc_html__( 'Offset horizontal', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-close-behavior-offset-horizontal.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Close button', 'woodmart' ), 'type' => 'responsive_range', 'section' => 'close_behavior', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}}' => array( '--wd-close-btn-offset-h: {{VALUE}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), 'tablet' => array( 'value' => '', 'unit' => 'px', ), 'mobile' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -1000, 'max' => 1000, 'step' => 1, ), ), 'priority' => 40, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_icon_size', 'name' => esc_html__( 'Icon size', 'woodmart' ), 'group' => esc_html__( 'Close button', 'woodmart' ), 'type' => 'responsive_range', 'section' => 'close_behavior', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-action-icon' => array( '--wd-action-icon-size: {{VALUE}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), 'tablet' => array( 'value' => '', 'unit' => 'px', ), 'mobile' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 50, 'step' => 1, ), ), 'priority' => 50, 'class' => 'xts-col-12', ) ); $metabox->add_field( array( 'id' => 'close_btn_text_color', 'name' => esc_html__( 'Text color', 'woodmart' ), 'type' => 'color', 'section' => 'close_behavior', 'group' => esc_html__( 'Close button', 'woodmart' ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( '--wd-action-text-color: {{VALUE}};', ), ), 'default' => array(), 'requires' => array( array( 'key' => 'close_btn_display', 'compare' => 'equals', 'value' => array( 'text' ), ), ), 'priority' => 60, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_text_color_hover', 'name' => esc_html__( 'Text color hover', 'woodmart' ), 'type' => 'color', 'section' => 'close_behavior', 'group' => esc_html__( 'Close button', 'woodmart' ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( '--wd-action-text-color-hover: {{VALUE}};', ), ), 'default' => array(), 'requires' => array( array( 'key' => 'close_btn_display', 'compare' => 'equals', 'value' => array( 'text' ), ), ), 'priority' => 70, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_icon_color', 'name' => esc_html__( 'Icon color', 'woodmart' ), 'type' => 'color', 'section' => 'close_behavior', 'group' => esc_html__( 'Close button', 'woodmart' ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( '--wd-action-icon-color: {{VALUE}};', ), ), 'default' => array(), 'priority' => 80, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_icon_color_hover', 'name' => esc_html__( 'Icon color hover', 'woodmart' ), 'type' => 'color', 'section' => 'close_behavior', 'group' => esc_html__( 'Close button', 'woodmart' ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( '--wd-action-icon-color-hover: {{VALUE}};', ), ), 'default' => array(), 'priority' => 90, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_bg_color', 'name' => esc_html__( 'Background color', 'woodmart' ), 'type' => 'color', 'section' => 'close_behavior', 'group' => esc_html__( 'Close button', 'woodmart' ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( 'background-color: {{VALUE}};', ), ), 'default' => array(), 'priority' => 100, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_bg_color_hover', 'name' => esc_html__( 'Background color hover', 'woodmart' ), 'type' => 'color', 'section' => 'close_behavior', 'group' => esc_html__( 'Close button', 'woodmart' ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close:hover' => array( 'background-color: {{VALUE}};', ), ), 'default' => array(), 'priority' => 110, 'class' => 'xts-col-6', ) ); $metabox->add_field( array( 'id' => 'close_btn_border_group', 'name' => esc_html__( 'Border', 'woodmart' ), 'group' => esc_html__( 'Close button', 'woodmart' ), 'type' => 'group', 'style' => 'dropdown', 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'section' => 'close_behavior', 'inner_fields' => array( array( 'id' => 'close_btn_border_radius', 'name' => esc_html__( 'Border radius', 'woodmart' ), 'type' => 'responsive_range', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( 'border-radius: {{VALUE}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 300, 'step' => 1, ), '%' => array( 'min' => 0, 'max' => 50, 'step' => 1, ), ), 'priority' => 10, ), array( 'id' => 'close_btn_border_style', 'name' => esc_html__( 'Border style', 'woodmart' ), 'type' => 'select', 'options' => array( '' => array( 'name' => esc_html__( 'None', 'woodmart' ), 'value' => '', ), 'solid' => array( 'name' => esc_html__( 'Solid', 'woodmart' ), 'value' => 'solid', ), 'dotted' => array( 'name' => esc_html__( 'Dotted', 'woodmart' ), 'value' => 'dotted', ), 'double' => array( 'name' => esc_html__( 'Double', 'woodmart' ), 'value' => 'double', ), 'dashed' => array( 'name' => esc_html__( 'Dashed', 'woodmart' ), 'value' => 'dashed', ), 'groove' => array( 'name' => esc_html__( 'Groove', 'woodmart' ), 'value' => 'groove', ), ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( 'border-style: {{VALUE}};', ), ), 'default' => '', 'priority' => 20, ), array( 'id' => 'close_btn_border_color', 'name' => esc_html__( 'Color', 'woodmart' ), 'type' => 'color', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( 'border-color: {{VALUE}};', ), ), 'default' => array(), 'requires' => array( array( 'key' => 'close_btn_border_style', 'compare' => 'not_equals', 'value' => '', ), ), 'priority' => 30, ), array( 'id' => 'close_btn_border_width', 'name' => esc_html__( 'Border width', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 20, 'step' => 1, ), ), 'requires' => array( array( 'key' => 'close_btn_border_style', 'compare' => 'not_equals', 'value' => '', ), ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( 'border-width: {{VALUE}}{{UNIT}};', ), ), 'priority' => 40, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 120, ) ); $metabox->add_field( array( 'id' => 'close_btn_border_hover_group', 'name' => esc_html__( 'Border hover', 'woodmart' ), 'group' => esc_html__( 'Close button', 'woodmart' ), 'type' => 'group', 'style' => 'dropdown', 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'section' => 'close_behavior', 'inner_fields' => array( array( 'id' => 'close_btn_border_hover_style', 'name' => esc_html__( 'Border style', 'woodmart' ), 'type' => 'select', 'options' => array( '' => array( 'name' => esc_html__( 'None', 'woodmart' ), 'value' => '', ), 'solid' => array( 'name' => esc_html__( 'Solid', 'woodmart' ), 'value' => 'solid', ), 'dotted' => array( 'name' => esc_html__( 'Dotted', 'woodmart' ), 'value' => 'dotted', ), 'double' => array( 'name' => esc_html__( 'Double', 'woodmart' ), 'value' => 'double', ), 'dashed' => array( 'name' => esc_html__( 'Dashed', 'woodmart' ), 'value' => 'dashed', ), 'groove' => array( 'name' => esc_html__( 'Groove', 'woodmart' ), 'value' => 'groove', ), ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close:hover' => array( 'border-style: {{VALUE}};', ), ), 'default' => '', 'priority' => 10, ), array( 'id' => 'close_btn_border_hover_color', 'name' => esc_html__( 'Color', 'woodmart' ), 'type' => 'color', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close:hover' => array( 'border-color: {{VALUE}};', ), ), 'default' => array(), 'requires' => array( array( 'key' => 'close_btn_border_hover_style', 'compare' => 'not_equals', 'value' => '', ), ), 'priority' => 20, ), array( 'id' => 'close_btn_border_hover_width', 'name' => esc_html__( 'Border width', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 20, 'step' => 1, ), ), 'requires' => array( array( 'key' => 'close_btn_border_hover_style', 'compare' => 'not_equals', 'value' => '', ), ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close:hover' => array( 'border-width: {{VALUE}}{{UNIT}};', ), ), 'priority' => 30, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 130, ) ); $metabox->add_field( array( 'id' => 'close_btn_box_shadow_group', 'name' => esc_html__( 'Box shadow', 'woodmart' ), 'group' => esc_html__( 'Close button', 'woodmart' ), 'type' => 'group', 'style' => 'dropdown', 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close' => array( 'box-shadow:{{CLOSE_BTN_BOX_SHADOW_OFFSET_X}} {{CLOSE_BTN_BOX_SHADOW_OFFSET_Y}} {{CLOSE_BTN_BOX_SHADOW_BLUR}} {{CLOSE_BTN_BOX_SHADOW_SPREAD}} {{CLOSE_BTN_BOX_SHADOW_COLOR}};', ), ), 'section' => 'close_behavior', 'inner_fields' => array( array( 'id' => 'close_btn_box_shadow_color', 'name' => esc_html__( 'Color', 'woodmart' ), 'type' => 'color', 'default' => array(), 'priority' => 10, ), array( 'id' => 'close_btn_box_shadow_offset_x', 'name' => esc_html__( 'Horizontal offset', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 20, ), array( 'id' => 'close_btn_box_shadow_offset_y', 'name' => esc_html__( 'Vertical offset', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 30, ), array( 'id' => 'close_btn_box_shadow_blur', 'name' => esc_html__( 'Blur', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'priority' => 40, ), array( 'id' => 'close_btn_box_shadow_spread', 'name' => esc_html__( 'Spread', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 50, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 140, ) ); $metabox->add_field( array( 'id' => 'close_btn_box_shadow_hover_group', 'name' => esc_html__( 'Box shadow hover', 'woodmart' ), 'group' => esc_html__( 'Close button', 'woodmart' ), 'type' => 'group', 'style' => 'dropdown', 'btn_settings' => array( 'label' => esc_html__( 'Edit settings', 'woodmart' ), 'classes' => 'xts-i-cog', ), 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close:hover' => array( 'box-shadow:{{CLOSE_BTN_BOX_SHADOW_HOVER_OFFSET_X}} {{CLOSE_BTN_BOX_SHADOW_HOVER_OFFSET_Y}} {{CLOSE_BTN_BOX_SHADOW_HOVER_BLUR}} {{CLOSE_BTN_BOX_SHADOW_HOVER_SPREAD}} {{CLOSE_BTN_BOX_SHADOW_HOVER_COLOR}};', ), ), 'section' => 'close_behavior', 'inner_fields' => array( array( 'id' => 'close_btn_box_shadow_hover_color', 'name' => esc_html__( 'Color', 'woodmart' ), 'type' => 'color', 'default' => array(), 'priority' => 10, ), array( 'id' => 'close_btn_box_shadow_hover_offset_x', 'name' => esc_html__( 'Horizontal offset', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 20, ), array( 'id' => 'close_btn_box_shadow_hover_offset_y', 'name' => esc_html__( 'Vertical offset', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 30, ), array( 'id' => 'close_btn_box_shadow_hover_blur', 'name' => esc_html__( 'Blur', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'priority' => 40, ), array( 'id' => 'close_btn_box_shadow_hover_spread', 'name' => esc_html__( 'Spread', 'woodmart' ), 'type' => 'responsive_range', 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => -100, 'max' => 100, 'step' => 1, ), ), 'priority' => 50, ), ), 'class' => 'xts-col-6 xts-dropdown-open-top', 'priority' => 150, ) ); $metabox->add_field( array( 'id' => 'close_btn_padding', 'name' => esc_html__( 'Padding', 'woodmart' ), 'type' => 'dimensions', 'group' => esc_html__( 'Close button', 'woodmart' ), 'dimensions' => array( 'top' => esc_html__( 'Top', 'woodmart' ), 'right' => esc_html__( 'Right', 'woodmart' ), 'bottom' => esc_html__( 'Bottom', 'woodmart' ), 'left' => esc_html__( 'Left', 'woodmart' ), ), 'section' => 'close_behavior', 'selectors' => array( '.wd .wd-mfp-popup-wrap-{{ID}} .wd-popup-close a' => array( 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ), ), 'generate_zero' => true, 'devices' => array( 'desktop' => array( 'unit' => 'px', ), 'tablet' => array( 'unit' => 'px', ), 'mobile' => array( 'unit' => 'px', ), ), 'range' => array( 'px' => array( 'min' => 0, 'step' => 1, ), '%' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'class' => 'xts-col-6', 'priority' => 160, ) ); $metabox->add_field( array( 'id' => 'close_by_overlay', 'name' => esc_html__( 'Close by overlay', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'hint' => '<video data-src="' . WOODMART_TOOLTIP_URL . 'popup-close-behavior-close-by-overlay.mp4" autoplay loop muted></video>', 'group' => esc_html__( 'Settings', 'woodmart' ), 'description' => esc_html__( 'Close the popup when clicking on the background overlay.', 'woodmart' ), 'type' => 'switcher', 'section' => 'close_behavior', 'default' => true, 'priority' => 170, ) ); $metabox->add_field( array( 'id' => 'close_by_esc', 'name' => esc_html__( 'Close by ESC key', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'group' => esc_html__( 'Settings', 'woodmart' ), 'description' => esc_html__( 'Close the popup when pressing the Escape key.', 'woodmart' ), 'type' => 'switcher', 'section' => 'close_behavior', 'default' => true, 'priority' => 180, ) ); $metabox->add_field( array( 'id' => 'close_by_selector', 'name' => esc_html__( 'Close by selector', 'woodmart' ), 'group' => esc_html__( 'Settings', 'woodmart' ), 'description' => esc_html__( 'Create an alternative popup close button. Enter a CSS selector (e.g., .wd-close-popup) that will close the popup when clicked.', 'woodmart' ), 'type' => 'text_input', 'section' => 'close_behavior', 'default' => '', 'priority' => 190, ) ); $metabox->add_field( array( 'id' => 'persistent_close', 'name' => esc_html__( 'Persistent close', 'woodmart' ), 'group' => esc_html__( 'Settings', 'woodmart' ), 'description' => esc_html__( 'Once closed, the popup will stay hidden on reload until the cookie is cleared.', 'woodmart' ), 'type' => 'switcher', 'section' => 'close_behavior', 'default' => true, 'priority' => 200, ) ); // Conditions section. $metabox->add_field( array( 'id' => 'conditions', 'group' => esc_html__( 'Display condition', 'woodmart' ), 'type' => 'conditions', 'section' => 'conditions', 'priority' => 20, 'inner_fields' => array( 'type' => array( 'name' => esc_html__( 'Condition type', 'woodmart' ), 'options' => apply_filters( 'woodmart_conditions_types', array( 'all' => esc_html__( 'All', 'woodmart' ), 'post_type' => esc_html__( 'Post types', 'woodmart' ), 'single_post_type' => esc_html__( 'Post type single page', 'woodmart' ), 'post_id' => esc_html__( 'Post ID', 'woodmart' ), 'taxonomy' => esc_html__( 'Taxonomy', 'woodmart' ), 'term_id' => esc_html__( 'Term ID', 'woodmart' ), 'single_posts_term_id' => esc_html__( 'Single posts from term', 'woodmart' ), 'user_role' => esc_html__( 'User role', 'woodmart' ), 'custom' => esc_html__( 'Custom', 'woodmart' ), ) ), ), 'query' => array( 'name' => esc_html__( 'Condition query', 'woodmart' ), 'options' => array(), 'requires' => array( array( 'key' => 'type', 'compare' => 'not_equals', 'value' => 'all', ), ), ), ), 'exclude_fields' => array( 'product-type-query', ), ) ); // Triggers section. $metabox->add_field( array( 'id' => 'is_some_time_enabled', 'name' => esc_html__( 'Page loaded', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Show popup after some time (in milliseconds).', 'woodmart' ), 'class' => 'xts-col-5', 'default' => true, 'priority' => 10, ) ); $metabox->add_field( array( 'id' => 'time_to_show', 'name' => esc_html__( 'Time to show', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'attributes' => array( 'type' => 'number', 'min' => 0, ), 'requires' => array( array( 'key' => 'is_some_time_enabled', 'compare' => 'equals', 'value' => true, ), ), 'class' => 'xts-col-5', 'default' => 0, 'priority' => 11, ) ); $metabox->add_field( array( 'id' => 'time_to_show_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_some_time_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 12, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 13, ) ); $metabox->add_field( array( 'id' => 'is_after_scroll_enabled', 'name' => esc_html__( 'User scroll', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Show popup after user scrolls a certain percentage of the page.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 20, ) ); $metabox->add_field( array( 'id' => 'scroll_value', 'name' => esc_html__( 'Scroll value', 'woodmart' ), 'type' => 'responsive_range', 'generate_zero' => true, 'section' => 'triggers', 'class' => 'xts-col-5', 'requires' => array( array( 'key' => 'is_after_scroll_enabled', 'compare' => 'equals', 'value' => true, ), ), 'devices' => array( 'desktop' => array( 'value' => '', 'unit' => '%', ), ), 'range' => array( 'px' => array( 'min' => 0, 'max' => 10000, 'step' => 1, ), '%' => array( 'min' => 0, 'max' => 100, 'step' => 1, ), ), 'default' => 50, 'priority' => 21, ) ); $metabox->add_field( array( 'id' => 'after_scroll_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_after_scroll_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 22, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 23, ) ); $metabox->add_field( array( 'id' => 'is_scroll_to_selector_enabled', 'name' => esc_html__( 'Scroll to selector', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Show popup when user scrolls to a specific CSS selector.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 30, ) ); $metabox->add_field( array( 'id' => 'scroll_to_selector', 'name' => esc_html__( 'Selector', 'woodmart' ), 'type' => 'text_input', 'description' => esc_html__( 'Comma-separated list of selectors. For example: .wrapper .special-button, .newsletter-icon', 'woodmart' ), 'section' => 'triggers', 'class' => 'xts-col-5', 'requires' => array( array( 'key' => 'is_scroll_to_selector_enabled', 'compare' => 'equals', 'value' => true, ), ), 'default' => '', 'priority' => 31, ) ); $metabox->add_field( array( 'id' => 'scroll_to_selector_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_scroll_to_selector_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 32, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 33, ) ); $metabox->add_field( array( 'id' => 'is_inactivity_time_enabled', 'name' => esc_html__( 'Inactivity time', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Show popup after inactivity time (in milliseconds).', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 40, ) ); $metabox->add_field( array( 'id' => 'inactivity_time', 'name' => esc_html__( 'Time to show', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'class' => 'xts-col-5', 'attributes' => array( 'type' => 'number', 'min' => 1, ), 'requires' => array( array( 'key' => 'is_inactivity_time_enabled', 'compare' => 'equals', 'value' => true, ), ), 'default' => 10000, 'priority' => 41, ) ); $metabox->add_field( array( 'id' => 'inactivity_time_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_inactivity_time_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 42, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 43, ) ); $metabox->add_field( array( 'id' => 'is_exit_intent_enabled', 'name' => esc_html__( 'Exit intent', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Popup appears when the cursor exits the viewport, suggesting tab closure.', 'woodmart' ), 'class' => 'xts-col-10', 'default' => false, 'priority' => 50, ) ); $metabox->add_field( array( 'id' => 'exit_intent_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_exit_intent_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 51, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 52, ) ); $metabox->add_field( array( 'id' => 'is_on_click_enabled', 'name' => esc_html__( 'On click', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Number of clicks required to show popup.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 60, ) ); $metabox->add_field( array( 'id' => 'click_times', 'name' => esc_html__( 'Click times', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'attributes' => array( 'type' => 'number', 'min' => 1, ), 'requires' => array( array( 'key' => 'is_on_click_enabled', 'compare' => 'equals', 'value' => true, ), ), 'class' => 'xts-col-5', 'default' => 3, 'priority' => 61, ) ); $metabox->add_field( array( 'id' => 'click_times_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_on_click_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 62, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 63, ) ); $metabox->add_field( array( 'id' => 'is_on_selector_click_enabled', 'name' => esc_html__( 'On selector click', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'CSS selector to trigger popup on click.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 70, ) ); $metabox->add_field( array( 'id' => 'selector', 'name' => esc_html__( 'Selector', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'description' => esc_html__( 'Comma-separated list of selectors. For example: .wrapper .special-button, .newsletter-icon', 'woodmart' ), 'class' => 'xts-col-5', 'requires' => array( array( 'key' => 'is_on_selector_click_enabled', 'compare' => 'equals', 'value' => true, ), ), 'default' => '', 'priority' => 71, ) ); $metabox->add_field( array( 'id' => 'selector_click_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_on_selector_click_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 72, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 73, ) ); $metabox->add_field( array( 'id' => 'is_url_parameter_enabled', 'name' => esc_html__( 'URL contains specific parameter', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Name of the URL parameter to check.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 80, ) ); $metabox->add_field( array( 'id' => 'parameters', 'name' => esc_html__( 'Parameters', 'woodmart' ), 'description' => esc_html__( 'Comma-separated list of parameters. For example: utm_source=facebook, single_key', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'class' => 'xts-col-5', 'requires' => array( array( 'key' => 'is_url_parameter_enabled', 'compare' => 'equals', 'value' => true, ), ), 'default' => '', 'priority' => 81, ) ); $metabox->add_field( array( 'id' => 'url_parameter_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_url_parameter_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 82, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 83, ) ); $metabox->add_field( array( 'id' => 'is_url_hashtag_enabled', 'name' => esc_html__( 'URL contains specific hashtag', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Name of the URL hashtag to check.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 90, ) ); $metabox->add_field( array( 'id' => 'hashtags', 'name' => esc_html__( 'Hashtags', 'woodmart' ), 'description' => esc_html__( 'Comma-separated list of hashtags. For example: #hashtag1,#hashtag2', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'class' => 'xts-col-5', 'requires' => array( array( 'key' => 'is_url_hashtag_enabled', 'compare' => 'equals', 'value' => true, ), ), 'default' => '', 'priority' => 91, ) ); $metabox->add_field( array( 'id' => 'url_hashtag_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_url_hashtag_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 92, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 93, ) ); $metabox->add_field( array( 'id' => 'is_after_page_views_enabled', 'name' => esc_html__( 'After page views', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Show popup after a specific number of page views.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 100, ) ); $metabox->add_field( array( 'id' => 'after_page_views', 'name' => esc_html__( 'Views', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'class' => 'xts-col-5', 'attributes' => array( 'type' => 'number', 'min' => 1, ), 'requires' => array( array( 'key' => 'is_after_page_views_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 101, ) ); $metabox->add_field( array( 'id' => 'after_page_views_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_after_page_views_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 102, ) ); $metabox->add_field( array( 'id' => 'clear', 'type' => 'clear', 'section' => 'triggers', 'priority' => 103, ) ); $metabox->add_field( array( 'id' => 'is_after_sessions_enabled', 'name' => esc_html__( 'After sessions', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'description' => esc_html__( 'Show popup after a specific number of user sessions.', 'woodmart' ), 'class' => 'xts-col-5', 'default' => false, 'priority' => 110, ) ); $metabox->add_field( array( 'id' => 'after_sessions', 'name' => esc_html__( 'Sessions', 'woodmart' ), 'type' => 'text_input', 'section' => 'triggers', 'class' => 'xts-col-5', 'attributes' => array( 'type' => 'number', 'min' => 1, ), 'requires' => array( array( 'key' => 'is_after_sessions_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 111, ) ); $metabox->add_field( array( 'id' => 'after_sessions_once', 'name' => esc_html__( 'Trigger once', 'woodmart' ), 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'type' => 'switcher', 'section' => 'triggers', 'default' => false, 'class' => 'xts-col-2', 'requires' => array( array( 'key' => 'is_after_sessions_enabled', 'compare' => 'equals', 'value' => true, ), ), 'priority' => 112, ) ); // Advanced section. $metabox->add_field( array( 'id' => 'enable_page_scrolling', 'name' => esc_html__( 'Enable page scrolling', 'woodmart' ), 'group' => esc_html__( 'Settings', 'woodmart' ), 'type' => 'switcher', 'section' => 'advanced', 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'default' => false, 'priority' => 10, ) ); $metabox->add_field( array( 'id' => 'hide_popup', 'name' => esc_html__( 'Hide on desktop', 'woodmart' ), 'group' => esc_html__( 'Responsive', 'woodmart' ), 'section' => 'advanced', 'type' => 'switcher', 'class' => 'xts-col-4', 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'default' => false, 'priority' => 20, ) ); $metabox->add_field( array( 'id' => 'hide_popup_tablet', 'name' => esc_html__( 'Hide on tablet', 'woodmart' ), 'group' => esc_html__( 'Responsive', 'woodmart' ), 'section' => 'advanced', 'type' => 'switcher', 'class' => 'xts-col-4', 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'default' => false, 'priority' => 21, ) ); $metabox->add_field( array( 'id' => 'hide_popup_mobile', 'name' => esc_html__( 'Hide on mobile', 'woodmart' ), 'group' => esc_html__( 'Responsive', 'woodmart' ), 'section' => 'advanced', 'type' => 'switcher', 'class' => 'xts-col-4', 'on-text' => esc_html__( 'Yes', 'woodmart' ), 'off-text' => esc_html__( 'No', 'woodmart' ), 'default' => false, 'priority' => 22, ) ); } } Popup_Metaboxes::get_instance();
[+]
..
[-] class-fb.php
[edit]
[-] class-popup.php
[edit]