%PDF- %PDF-
Direktori : /var/softaculous/sitepad/editor/site-data/plugins/pagelayer/main/ |
Current File : //var/softaculous/sitepad/editor/site-data/plugins/pagelayer/main/shortcodes.php |
<?php ////////////////////////////////////////////////////////////// //=========================================================== // class.php //=========================================================== // PAGELAYER // Inspired by the DESIRE to be the BEST OF ALL // ---------------------------------------------------------- // Started by: Pulkit Gupta // Date: 23rd Jan 2017 // Time: 23:00 hrs // Site: http://pagelayer.com/wordpress (PAGELAYER) // ---------------------------------------------------------- // Please Read the Terms of use at http://pagelayer.com/tos // ---------------------------------------------------------- //=========================================================== // (c)Pagelayer Team //=========================================================== ////////////////////////////////////////////////////////////// // Are we being accessed directly ? if(!defined('PAGELAYER_VERSION')) { exit('Hacking Attempt !'); } // NOTE : // 1) There can be a holder or innterHTML for a tag. NOT BOTH // 2) Groups can have 'html' but need the holder as well then // 3) innerHTML defines the param to be saved in the shortcode as inner content // Example of 'show' and 'req' prop attr // NOTE : There can be only REQ or show // First preference given to REQ /* // Single value 'show' => ['border_hover' => 'normal'], // Two value i.e. when both the values are true 'show' => ['border_hover' => 'normal', 'border_type' => 'solid', ], // Exception i.e. prefix the param name with ! (exclamation) 'show' => ['!border_hover' => 'normal', 'border_type' => 'solid', ], // Support for MULTIPLE values of ONE parameter. // NOTE : This will be treated as OR for that parameter i.e. if the current value of that parameter is any ONE of the array given 'show' => ['border_hover' => ['normal', 'hover']], */ // Example of 'css' prop attr /* // Set the value to the parent element 'css' => 'background-color: {{val}}', // Multiple vals 'css' => [ 'background-color: {{val}}', '-webkit-background-color: {{val}}', '-moz-background-color: {{val}}', ], // Multiple vals with some selectors or direct element val 'css' => [ '{{element}} .class' => 'background-color: {{val}}', '-webkit-background-color: {{val}}', '-moz-background-color: {{val}}', ], */ // Example of 'addAttr' or 'addClass' /* // Set the value to the parent element 'addAttr' => 'target="_blank"', // Multiple vals 'addAttr' => [ 'target="_blank"', 'href="/"', 'rel="{{rel}}"', ], // Multiple vals with some selectors or direct element val 'addAttr' => [ '{{element}} .class' => 'target="_blank"', 'href="/"', 'rel="{{rel}}"', ], // Define group and set default content if it has inner_row child 'has_group' => [ 'section' => 'params', 'prop' => 'elements', ], */ //////////////////////// // Default Styles //////////////////////// global $pagelayer; $pagelayer->anim_in_options = array( '' => __pl('none'), __pl('fading') => [ 'fadeIn' => __pl('fadein'), 'fadeInDown' => __pl('fadeindown'), 'fadeInUp' => __pl('fadeinup'), 'fadeInLeft' => __pl('fadeinleft'), 'fadeInRight' => __pl('fadeinright'), ], __pl('zooming') => [ 'zoomIn' => __pl('zoomin'), 'zoomInDown' => __pl('zoomindown'), 'zoomInUp' => __pl('zoominup'), 'zoomInLeft' => __pl('zoominleft'), 'zoomInRight' => __pl('zoominright'), ], __pl('bounceing') => [ 'bounceIn' => __pl('bouncein'), 'bounceInDown' => __pl('bounceindown'), 'bounceInUp' => __pl('bounceinup'), 'bounceInLeft' => __pl('bounceinleft'), 'bounceInRight' => __pl('bounceinright'), ], __pl('sliding') => [ 'slideInDown' => __pl('slideindown'), 'slideInUp' => __pl('slideinup'), 'slideInLeft' => __pl('slideinleft'), 'slideInRight' => __pl('slideinright'), ], __pl('rotating') => [ 'rotateIn' => __pl('rotatein'), 'rotateInDown' => __pl('rotateindown'), 'rotateInUp' => __pl('rotateinup'), 'rotateInLeft' => __pl('rotateinleft'), 'rotateInRight' => __pl('rotateinright'), ], __pl('effects') => [ 'lightSpeedIn' => __pl('lightspeedin'), 'bounce' => __pl('bounce'), 'pulse' => __pl('pulse'), 'rubberBand' => __pl('rubberband'), 'flash' => __pl('flash'), 'swing' => __pl('swing'), 'jello' => __pl('jello'), 'tada' => __pl('tada'), 'wobble' => __pl('wobble'), 'rollin' => __pl('rollin'), 'headShake' => __pl('headshake'), 'shake' => __pl('shake'), ], ); $pagelayer->anim_out_options = array( '' => __pl('none'), __pl('fading') => [ 'fadeOut' => __pl('fadeout'), 'fadeOutDown' => __pl('fadeoutdown'), 'fadeOutUp' => __pl('fadeoutup'), 'fadeOutLeft' => __pl('fadeoutleft'), 'fadeOutRight' => __pl('fadeoutright'), ], __pl('zooming') => [ 'zoomOut' => __pl('zoomout'), 'zoomOutDown' => __pl('zoomoutdown'), 'zoomOutUp' => __pl('zoomoutup'), 'zoomOutLeft' => __pl('zoomoutleft'), 'zoomOutRight' => __pl('zoomoutright'), ], __pl('bounceing') => [ 'bounceOut' => __pl('bounceout'), 'bounceOutDown' => __pl('bounceoutdown'), 'bounceOutUp' => __pl('bounceoutup'), 'bounceOutLeft' => __pl('bounceoutleft'), 'bounceOutRight' => __pl('bounceoutright'), ], __pl('sliding') => [ 'slideOutDown' => __pl('slideoutdown'), 'slideOutUp' => __pl('slideoutup'), 'slideOutLeft' => __pl('slideoutleft'), 'slideOutRight' => __pl('slideoutright'), ], __pl('rotating') => [ 'rotateOut' => __pl('rotateout'), 'rotateOutDown' => __pl('rotateoutdown'), 'rotateOutUp' => __pl('rotateoutup'), 'rotateOutLeft' => __pl('rotateoutleft'), 'rotateOutRight' => __pl('rotateoutright'), ], __pl('effects') => [ 'lightSpeedIn' => __pl('lightspeedin'), 'bounce' => __pl('bounce'), 'pulse' => __pl('pulse'), 'rubberBand' => __pl('rubberband'), 'flash' => __pl('flash'), 'swing' => __pl('swing'), 'jello' => __pl('jello'), 'tada' => __pl('tada'), 'wobble' => __pl('wobble'), 'rollin' => __pl('rollin'), 'headShake' => __pl('headshake'), 'shake' => __pl('shake'), ], ); $pagelayer->slider_arrow_styles = [ 'arrows_bg' => array( 'type' => 'color', 'label' => __pl('bg_color'), 'default' => '#6a6969', 'css' => [ '{{element}} .pagelayer-owl-prev' => 'background-color: {{val}} !important', '{{element}} .pagelayer-owl-next' => 'background-color: {{val}} !important', ] ), 'arraow_color' => array( 'type' => 'color', 'label' => __pl('color'), 'default' => '#ffffff', 'css' => [ '{{element}} .pagelayer-owl-prev' => 'color: {{val}} !important', '{{element}} .pagelayer-owl-next' => 'color: {{val}} !important', ] ), 'nav_size' => array( 'type' => 'slider', 'label' => __pl('arraow_size'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-prev span' => 'font-size: {{val}}px !important;', '{{element}} .pagelayer-owl-next span' => 'font-size: {{val}}px !important;' ] ), 'arraow_bg_size' => array( 'type' => 'spinner', 'label' => __pl('background_size'), 'min' => 0, 'step' => 1, 'max' => 500, 'default' => 20, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-prev' => 'width: {{val}}px; height: {{val}}px', '{{element}} .pagelayer-owl-next' => 'width: {{val}}px; height: {{val}}px' ] ), 'arraow_bg_shape' => array( 'type' => 'spinner', 'label' => __pl('background_shape'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 20, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-prev' => 'border-radius: {{val}}% !important;', '{{element}} .pagelayer-owl-next' => 'border-radius: {{val}}% !important;', ] ), 'arrow_pos_type' => array( 'type' => 'select', 'label' => __pl('position'), 'list' => array( '' => __pl('default'), 'custom' => __pl('custom'), 'top' => __pl('top'), 'bottom' => __pl('bottom') ), ), 'arrow_pos_top' => array( 'label' => __pl('alignment'), 'type' => 'radio', 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), 'default' => 'center', 'req' => [ 'arrow_pos_type' => 'top'], 'addClass' => ['pagelayer-slide-arrow-pos-top'], 'css' => ['{{element}} .pagelayer-owl-nav' => 'justify-content:{{arrow_pos_top}}'] ), 'arrow_pos_bottom' => array( 'label' => __pl('alignment'), 'type' => 'radio', 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), 'default' => 'center', 'req' => ['arrow_pos_type' => 'bottom'], 'addClass' => ['pagelayer-slide-arrow-pos-bottom'], 'css' => [ '{{element}} .pagelayer-owl-nav' => 'justify-content:{{arrow_pos_bottom}}' ] ), 'arrow_icon_type' => array( 'type' => 'select', 'label' => __pl('icon_type'), 'list' => array( '' => __pl('default'), 'custom' => __pl('custom'), ), ), 'arrow_icon' => array( 'type' => 'icon', 'label' => __pl('list_icon_label'), 'show' => ['arrow_icon_style' => ''], 'default' => 'fas fa-angle-left', 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-navText="{{arrow_icon}}"'], 'list' => ['angle-double-left', 'arrow-alt-circle-left', 'arrow-circle-left', 'arrow-left', 'long-arrow-alt-left', 'arrow-alt-circle-left', 'angle-double-left', 'angle-left'], 'css' => [ '{{element}} .pagelayer-owl-prev i' => 'font-size: {{nav_size}}px !important;', '{{element}} .pagelayer-owl-next i' => 'font-size: {{nav_size}}px !important;' ], 'req' => ['!arrow_icon_type' => ''] ), 'arrow_pos_style' => array( 'type' => 'radio', 'label' => __pl('arrow_pos'), 'list' => array( '' => __pl('left_arrow'), 'right' => __pl('right_arrow'), ), 'show' => ['arrow_pos_type' => 'custom'] ), 'arrow_left_horizontal_pos' => array( 'type' => 'slider', 'label' => __pl('horizontal_pos'), 'min' => 0, 'step' => 1, 'max' => 100, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-prev' => 'left: {{val}}% !important;', ], 'req' => ['arrow_pos_type' => 'custom'], 'show' => ['arrow_pos_style' => ''], ), 'arrow_right_horizontal_pos' => array( 'type' => 'slider', 'label' => __pl('horizontal_pos'), 'min' => 0, 'step' => 1, 'max' => 100, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-next' => 'right: {{val}}% !important;', ], 'req' => ['arrow_pos_type' => 'custom'], 'show' => ['!arrow_pos_style' => ''], ), 'arrow_vertical_pos' => array( 'type' => 'slider', 'label' => __pl('vertical_pos'), 'min' => 0, 'step' => 1, 'max' => 100, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-prev' => 'top: {{val}}% !important;', '{{element}} .pagelayer-owl-next' => 'top: {{val}}% !important;', ], 'req' => ['arrow_pos_type' => 'custom'], ), ]; $pagelayer->slider_pager_styles = [ 'show_num' => array( 'type' => 'checkbox', 'label' => __pl('show_num'), 'addClass' => ['pagelayer-slide-dot-number'], 'css' => ['{{element}} .pagelayer-owl-dot span::before' => 'line-height: {{dot_height}}px;'], ), 'dot_state' => array( 'type' => 'radio', 'label' => __pl('dot_state'), 'list' => array( '' => __pl('normal'), 'active' => __pl('active'), ), ), 'pager_color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-owl-dot span' => 'background-color: {{val}} !important'], 'show' => ['dot_state' => ''], ), 'dot_num_color' => array( 'type' => 'color', 'label' => __pl('number_color'), 'css' => ['{{element}} .pagelayer-owl-dot span::before' => 'color:{{val}}'], 'req' => ['!show_num' => ''], 'show' => ['dot_state' => ''], ), 'dot_size' => array( 'type' => 'slider', 'label' => __pl('dot_size'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot span' => 'width: {{val}}px !important; height: {{val}}px !important;' ], 'show' => ['dot_state' => ''], ), 'dot_width' => array( 'type' => 'slider', 'label' => __pl('dot_width'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot span' => 'width: {{val}}px !important;' ], 'show' => ['dot_state' => ''], ), 'dot_height' => array( 'type' => 'slider', 'label' => __pl('dot_height'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot span' => 'height: {{val}}px !important;' ], 'show' => ['dot_state' => ''], ), 'dot_radius' => array( 'type' => 'padding', 'label' => __pl('dot_radius'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot span' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px !important;' ], 'show' => ['dot_state' => ''], ), 'active_pager_color' => array( 'type' => 'color', 'label' => __pl('active_pager_color'), 'css' => ['{{element}} .pagelayer-owl-dot.active span' => 'background-color: {{val}} !important'], 'show' => ['!dot_state' => ''], ), 'active_dot_num_color' => array( 'type' => 'color', 'label' => __pl('number_color'), 'css' => ['{{element}} .pagelayer-owl-dot.active span::before' => 'color:{{val}}'], 'req' => ['!show_num' => ''], 'show' => ['!dot_state' => ''], ), 'active_dot_size' => array( 'type' => 'slider', 'label' => __pl('active_dot_size'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot.active span' => 'width: {{val}}px !important; height: {{val}}px !important;' ], 'show' => ['!dot_state' => ''], ), 'active_dot_width' => array( 'type' => 'slider', 'label' => __pl('dot_width'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot.active span' => 'width: {{val}}px !important;' ], 'show' => ['!dot_state' => ''], ), 'active_dot_height' => array( 'type' => 'slider', 'label' => __pl('dot_height'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot.active span' => 'height: {{val}}px !important;' ], 'show' => ['!dot_state' => ''], ), 'active_dot_radius' => array( 'type' => 'padding', 'label' => __pl('dot_radius'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot.active span' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px !important;' ], 'show' => ['!dot_state' => ''], ), 'dot_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'css' => [ '{{element}} .pagelayer-owl-dot span' => 'border-style: {{val}};' ], ), 'dot_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dot span' => 'border-width: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;' ], 'req' => ['!dot_border_type' => ''], ), 'dot_border_color' => array( 'type' => 'color', 'label' => __pl('border_color'), 'css' => [ '{{element}} .pagelayer-owl-dot span' => 'border-color: {{val}};' ], 'req' => ['!dot_border_type' => ''], ), 'dot_pos' => array( 'type' => 'select', 'label' => __pl('position'), 'list' => array( '' => __pl('bottom'), 'top' => __pl('top'), 'right' => __pl('right'), 'left' => __pl('left'), ), 'addClass' => ['pagelayer-slide-dot-pos-{{val}}'], 'css' => ['{{element}} .pagelayer-owl-dots' => '{{val}}: 10px'], ), 'pager_top_space' => array( 'type' => 'slider', 'label' => __pl('service_btn_spacing'), 'min' => 0, 'step' => 1, 'max' => 200, 'screen' => 1, 'css' => [ '{{element}} .pagelayer-owl-dots' => 'margin-top: {{val}}px !important;' ] ) ]; $pagelayer->slider_options = [ 'slide_items' => array( 'type' => 'spinner', 'label' => __pl('number_of_items'), 'np' => 1, 'min' => 1, 'step' => 1, 'max' => 10, 'default' => 1, 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-items="{{slide_items}}"'], ), 'slidein_anim' => array( 'type' => 'select', 'label' => __pl('animation_in'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-in="{{slidein_anim}}"'], 'list' => $pagelayer->anim_in_options, 'req' => ['slide_items' => '1'] ), 'slideout_anim' => array( 'type' => 'select', 'label' => __pl('animation_out'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-out="{{slideout_anim}}"'], 'list' => $pagelayer->anim_out_options, 'req' => ['slide_items' => '1'] ), 'slide_margin' => array( 'type' => 'slider', 'label' => __pl('space_between'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 10, 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-margin="{{slide_margin}}"'], 'req' => ['!slide_items' => '1'] ), 'slide_loop' => array( 'type' => 'checkbox', 'label' => __pl('loop'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-loop="{{slide_loop}}"'], ), 'slide_controls' => array( 'type' => 'select', 'label' => __pl('slider_controls'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-controls="{{slide_controls}}"'], 'list' => array( '' => __pl('Arrows and Pager'), 'arrows' => __pl('Arrows'), 'pager' => __pl('Pager'), 'none' => __pl('none'), ) ), 'slide_autoplay' => array( 'type' => 'checkbox', 'label' => __pl('autoplay'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay="{{slide_autoplay}}"'], ), 'slide_timeout' => array( 'type' => 'spinner', 'label' => __pl('autoplay_timeout'), 'min' => 1000, 'step' => 200, 'max' => 10000, 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-timeout="{{slide_timeout}}"'], 'req' => ['slide_autoplay' => 'true'] ), 'slide_hoverpause' => array( 'type' => 'checkbox', 'label' => __pl('autoplay_hover_pause'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-hover-pause="{{slide_hoverpause}}"'], 'req' => ['slide_autoplay' => 'true'] ), ]; $pagelayer->styles['ele_bg_styles'] = [ 'ele_bg_hover' => [ 'type' => 'radio', 'label' => __pl('Background'), 'default' => '', //'no_val' => 1,// Dont set any value to element 'list' => [ '' => __pl('normal'), 'hover' => __pl('hover'), ], ], 'ele_bg_type' => [ 'type' => 'radio', 'label' => __pl('Background Type'), 'default' => '', 'list' => [ '' => __pl('none'), 'color' => __pl('color'), 'gradient' => __pl('gradient'), 'image' => __pl('image'), ], 'show' => ['ele_bg_hover' => ''] ], 'ele_bg_color' => [ 'type' => 'color', 'label' => __pl('color'), 'css' => 'background: {{val}};', 'show' => ['ele_bg_hover' => ''], 'req' => ['ele_bg_type' => 'color'] ], 'ele_bg_gradient' => [ 'type' => 'gradient', 'label' => '', 'default' => '150,#44d3f6,23,#72e584,45,#2ca4eb,100', 'css' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);', 'show' => ['ele_bg_hover' => ''], 'req' => ['ele_bg_type' => 'gradient'] ], 'ele_img_color' => [ 'type' => 'color', 'label' => __pl('color'), 'default' => '', 'desc' => __pl('fallback_color'), 'css' => 'background-color: {{val}};', 'show' => ['ele_bg_hover' => ''], 'req' => ['ele_bg_type' => 'image'] ], 'ele_bg_img' => [ 'type' => 'image', 'label' => __pl('Image'), 'css' => 'background-image: url("{{{ele_bg_img-url}}}");', 'show' => ['ele_bg_hover' => ''], 'req' => ['ele_bg_type' => 'image'] ], 'ele_bg_attachment' => [ 'type' => 'select', 'label' => __pl('ele_bg_attachment'), 'list' => [ '' => __pl('default'), 'scroll' => __pl('scroll'), 'fixed' => __pl('fixed') ], 'show' => ['ele_bg_hover' => ''], 'css' => 'background-attachment: {{val}};', 'req' => ['ele_bg_type' => 'image'] ], 'ele_bg_posx' => [ 'type' => 'select', 'label' => __pl('ele_bg_posx'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right'), 'custom' => __pl('custom') ], 'show' => ['ele_bg_hover' => ''], 'css' => 'background-position-x: {{val}};', 'req' => ['ele_bg_type' => 'image'] ], 'ele_bg_posx_custom' => array( 'label' => __pl('custom_x'), 'type' => 'slider', 'step' => 1, 'min' => -5000, 'max' => 5000, 'screen' => 1, 'units' => ['px', 'em', '%'], 'css' => 'background-position-x: {{val}};', 'req' => array( 'ele_bg_posx' => 'custom' ), ), 'ele_bg_posy' => [ 'type' => 'select', 'label' => __pl('ele_bg_posy'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'top' => __pl('top'), 'bottom' => __pl('bottom'), 'custom' => __pl('custom') ], 'show' => ['ele_bg_hover' => ''], 'css' => 'background-position-y: {{val}};', 'req' => ['ele_bg_type' => 'image'] ], 'ele_bg_posy_custom' => array( 'label' => __pl('custom_y'), 'type' => 'slider', 'step' => 1, 'min' => -5000, 'max' => 5000, 'screen' => 1, 'units' => ['px', 'em', '%'], 'css' => 'background-position-y: {{val}};', 'req' => array( 'ele_bg_posy' => 'custom' ), ), 'ele_bg_repeat' => [ 'type' => 'select', 'label' => __pl('ele_bg_repeat'), 'css' => 'background-repeat: {{val}};', 'list' => [ '' => __pl('default'), 'repeat' => __pl('repeat'), 'no-repeat' => __pl('no-repeat'), 'repeat-x' => __pl('repeat-x'), 'repeat-y' => __pl('repeat-y'), ], 'show' => ['ele_bg_hover' => ''], 'req' => ['ele_bg_type' => 'image'] ], 'ele_bg_size' => [ 'type' => 'select', 'label' => __pl('ele_bg_size'), 'css' => 'background-size: {{val}};', 'list' => [ '' => __pl('default'), 'cover' => __pl('cover'), 'contain' => __pl('contain') ], 'show' => ['ele_bg_hover' => ''], 'req' => ['ele_bg_type' => 'image'] ], 'ele_bg_type_hover' => [ 'type' => 'radio', 'label' => __pl('background_type'), 'default' => '', 'list' => [ '' => __pl('none'), 'color' => __pl('color'), 'gradient' => __pl('gradient'), 'image' => __pl('image'), ], 'show' => ['ele_bg_hover' => 'hover'] ], 'ele_bg_hover_delay' => [ 'type' => 'spinner', 'label' => __pl('ele_bg_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;', 'req' => ['ele_bg_hover' => 'hover', '!ele_bg_type_hover' => ''] ], 'ele_bg_color_hover' => [ 'type' => 'color', 'label' => __pl('color_hover'), 'css' => ['{{element}}:hover' => 'background: {{val}};'], 'show' => ['ele_bg_hover' => 'hover'], 'req' => ['ele_bg_type_hover' => 'color'] ], 'ele_bg_gradient_hover' => [ 'type' => 'gradient', 'label' => '', 'default' => '150,#44d3f6,25,#72e584,75,#2ca4eb,100', 'css' => ['{{element}}:hover' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'], 'show' => ['ele_bg_hover' => 'hover'], 'req' => ['ele_bg_type_hover' => 'gradient'] ], 'ele_bg_img_hover' => [ 'type' => 'image', 'label' => __pl('Image Hover'), 'css' => ['{{element}}:hover' => 'background: url("{{{ele_bg_img_hover-url}}}");'], 'show' => ['ele_bg_hover' => 'hover'], 'req' => ['ele_bg_type_hover' => 'image'] ], 'ele_bg_attachment_hover' => [ 'type' => 'select', 'label' => __pl('ele_bg_attachment_hover'), 'list' => [ '' => __pl('default'), 'scroll' => __pl('scroll'), 'fixed' => __pl('fixed') ], 'show' => ['ele_bg_hover' => 'hover'], 'css' => ['{{element}}:hover' => 'background-attachment: {{val}};'], 'req' => ['ele_bg_type_hover' => 'image'] ], 'ele_bg_posx_hover' => [ 'type' => 'select', 'label' => __pl('ele_bg_posx_hover'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right') ], 'show' => ['ele_bg_hover' => 'hover'], 'css' => ['{{element}}:hover' => 'background-position-x: {{val}};'], 'req' => ['ele_bg_type_hover' => 'image'] ], 'ele_bg_posy_hover' => [ 'type' => 'select', 'label' => __pl('ele_bg_posy_hover'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'top' => __pl('top'), 'bottom' => __pl('bottom') ], 'show' => ['ele_bg_hover' => 'hover'], 'css' => ['{{element}}:hover' => 'background-position-y: {{val}};'], 'req' => ['ele_bg_type_hover' => 'image'] ], 'ele_bg_repeat_hover' => [ 'type' => 'select', 'label' => __pl('ele_bg_repeat_hover'), 'css' => ['{{element}}:hover' => 'background-repeat: {{val}};'], 'list' => [ '' => __pl('default'), 'repeat' => __pl('repeat'), 'no-repeat' => __pl('no-repeat'), 'repeat-x' => __pl('repeat-x'), 'repeat-y' => __pl('repeat-y'), ], 'show' => ['ele_bg_hover' => 'hover'], 'req' => ['ele_bg_type_hover' => 'image'] ], 'ele_bg_size_hover' => [ 'type' => 'select', 'label' => __pl('ele_bg_size_hover'), 'css' => ['{{element}}:hover' => 'background-size: {{val}};'], 'list' => [ '' => __pl('default'), 'cover' => __pl('cover'), 'contain' => __pl('contain') ], 'show' => ['ele_bg_hover' => 'hover'], 'req' => ['ele_bg_type_hover' => 'image'] ] ]; $pagelayer->styles['ele_styles'] = [ 'ele_margin' => [ 'type' => 'padding', 'label' => __pl('margin'), 'screen' => 1, 'units' => ['px', 'em', '%'], 'css' => 'margin-top: {{val[0]}}; margin-right: {{val[1]}}; margin-bottom: {{val[2]}}; margin-left: {{val[3]}}', ], 'ele_padding' => [ 'type' => 'padding', 'label' => __pl('padding'), 'screen' => 1, 'units' => ['px', 'em', '%'], 'css' => 'padding-top: {{val[0]}}; padding-right: {{val[1]}}; padding-bottom: {{val[2]}}; padding-left: {{val[3]}}', ], 'ele_zindex' => [ 'type' => 'slider', 'label' => __pl('z-index'), 'css' => ['{{wrap}}' => 'z-index: {{val}} !important; position: relative;'], ], 'ele_shadow' => [ 'type' => 'box_shadow', 'label' => __pl('shadow'), 'css' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[4]}}px {{val[3]}} {{val[5]}} !important;', ], 'border_shadow_hover' => [ // This is actually box shadow hover 'type' => 'box_shadow', 'label' => __pl('box_shadow_hover'), 'css' => ['{{element}}:hover' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[4]}}px {{val[3]}} {{val[5]}} !important;'], ], ]; $pagelayer->styles['border_styles'] = [ 'border_hover' => [ 'type' => 'radio', 'label' => '', 'default' => '', //'no_val' => 1,// Dont set any value to element 'list' => [ '' => __pl('normal'), 'hover' => __pl('hover'), ], ], 'border_type' => [ 'type' => 'select', 'label' => __pl('border_type'), 'screen' => 1, 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['border_hover' => ''], 'css' => 'border-style: {{val}}', ], 'border_width' => [ 'type' => 'padding', 'label' => __pl('border_width'), 'default' => '1,1,1,1', 'units' => ['px', 'em'], 'screen' => 1, 'show' => [ 'border_hover' => '' ], 'req' => [ '!border_type' => '' ], 'css' => 'border-top-width: {{val[0]}}; border-right-width: {{val[1]}}; border-bottom-width: {{val[2]}}; border-left-width: {{val[3]}}', ], 'border_color' => [ 'type' => 'color', 'label' => __pl('border_color'), 'default' => '#CCC', 'screen' => 1, 'show' => [ 'border_hover' => '' ], 'req' => [ '!border_type' => '' ], 'css' => 'border-color: {{val}}', ], 'border_radius' => [ 'type' => 'padding', 'label' => __pl('border_radius'), 'units' => ['px', 'em'], 'screen' => 1, 'show' => ['border_hover' => ''], 'css' => 'border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}; -webkit-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}};-moz-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}};', ], 'border_type_hover' => [ 'type' => 'select', 'label' => __pl('border_type'), 'screen' => 1, 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['border_hover' => 'hover'], 'css' => ['{{element}}:hover' => 'border-style: {{val}}'], ], 'border_width_hover' => [ 'type' => 'padding', 'label' => __pl('border_width'), 'units' => ['px', 'em'], 'screen' => 1, 'show' => [ 'border_hover' => 'hover' ], 'req' => [ '!border_type_hover' => '' ], 'css' => ['{{element}}:hover' => 'border-top-width: {{val[0]}}; border-right-width: {{val[1]}}; border-bottom-width: {{val[2]}}; border-left-width: {{val[3]}}'], ], 'border_color_hover' => [ 'type' => 'color', 'label' => __pl('border_color'), 'screen' => 1, 'show' => [ 'border_hover' => 'hover' ], 'req' => [ '!border_type_hover' => '' ], 'css' => ['{{element}}:hover' => 'border-color: {{val}}'], ], 'border_radius_hover' => [ 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'units' => ['px', 'em'], 'show' => ['border_hover' => 'hover'], 'css' => ['{{element}}:hover' => 'border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}; -webkit-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}};-moz-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}};'], ], ]; $pagelayer->styles['font_style'] = [ 'font_family' => [ 'type'=> 'font_family', 'label' => __pl('font_family'), 'screen' => 1, 'css' => ['{{element}}' => 'font-family: {{val}} !important;'], ], 'font_size' => [ 'type' => 'spinner', 'label' => __pl('font_size'), 'screen' => 1, 'min' => 0, 'step' => 1, 'max' => 200, 'css' => ['{{element}}' => 'font-size: {{val}}px !important;'], ], 'font_style' => [ 'type' => 'select', 'label' => __pl('font_style'), 'screen' => 1, 'css' => ['{{element}}' => 'font-style: {{val}} !important'], 'list' => [ '' => 'Default', 'Normal' => 'Normal', 'Italic' => 'Italic', 'Oblique' => 'Oblique', ], ], 'font_weight' => [ 'type' => 'select', 'label' => __pl('font_weight'), 'screen' => 1, 'css' => ['{{element}}' => 'font-weight: {{val}} !important'], 'list' => [ '0' => 'Default', '100' => '100', '200' => '200', '300' => '300', '400' => '400', '500' => '500', '600' => '600', '700' => '700', '800' => '800', '900' => '900', 'normal' => 'Normal', 'lighter' => 'Lighter', 'bold' => 'Bold', 'bolder' => 'Bolder', 'unset' => 'Unset', ], ], 'font_variant' => [ 'type' => 'select', 'label' => __pl('font_variant'), 'screen' => 1, 'css' => ['{{element}}' => 'font-variant: {{val}} !important'], 'list' => [ '' => 'Default', 'Normal' => 'Normal', 'Small-caps' => 'Small Caps', ], ], 'font_decoration_line' => [ 'type' => 'select', 'label' => __pl('decoration_line'), 'screen' => 1, 'css' => ['{{element}}' => 'text-decoration-line: {{val}} !important'], 'list' => [ 'none' => 'None', 'Overline' => 'Overline', 'Line-through' => 'Line Through', 'Underline' => 'Underline', 'Underline Overline' => 'Underline Overline', ], ], 'font_decoration_style' => [ 'type' => 'select', 'label' => __pl('decoration_style'), 'screen' => 1, 'css' => ['{{element}}' => 'text-decoration-style: {{val}} !important'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'wavy' => __pl('Wavy'), ], 'req' => [ '!ele_font_decoration_line' => 'none', ], ], 'line_height' => [ 'type' => 'spinner', 'label' => __pl('line_height'), 'screen' => 1, 'min' => 0, 'step' => 0.1, 'max' => 15, 'css' => ['{{element}}' => 'line-height: {{val}}em !important;'], ], 'text_transform' => [ 'type' => 'select', 'label' => __pl('text_transform'), 'screen' => 1, 'css' => ['{{element}}' => 'text-transform: {{val}} !important'], 'list' => [ '' => 'Default', 'Capitalize' => 'Capitalize', 'Uppercase' => 'Uppercase', 'Lowercase' => 'Lowercase', ], ], 'text_spacing' => [ 'type' => 'spinner', 'label' => __pl('text_spacing'), 'screen' => 1, 'min' => -10, 'step' => 0.1, 'max' => 10, 'css' => ['{{element}}' => 'letter-spacing: {{val}}px !important;'], ], 'word_spacing' => [ 'type' => 'spinner', 'label' => __pl('word_spacing'), 'screen' => 1, 'min' => 0, 'step' => 1, 'max' => 50, 'css' => ['{{element}}' => 'word-spacing: {{val}}px !important;'], ], ]; $pagelayer->styles['position_styles'] = [ 'ele_custom_pos' => array( 'type' => 'checkbox', 'label' => __pl('enable'), ), 'ele_width' => [ 'type' => 'select', 'label' => __pl('width'), 'screen' => 1, 'css' => ['{{wrap}}' => 'width:{{val}} !important;'], 'list' => [ 'initial' => __pl('default'), '100%' => __pl('full'), '' => __pl('custom'), ], 'req' => ['ele_custom_pos' => 'true'] ], 'ele_custom_width' => [ 'type' => 'slider', 'label' => __pl('custom_width'), 'screen' => 1, 'units' => ['px','%','vw'], 'css' => ['{{wrap}}' => 'width:{{val}} !important;'], 'min' => 0, 'max' => 1000, 'step' => 1, 'req' => [ 'ele_width' => '', 'ele_custom_pos' => 'true' ] ], 'ele_align' => [ 'type' => 'select', 'label' => __pl('alignment'), 'default' => 'margin', 'screen' => 1, 'css' => ['{{wrap}}' => 'position:relative; left:{{val}}; transform:translateX(-{{val}});'], 'list' => [ '0%' => __pl('left'), '50%' => __pl('center'), '100%' => __pl('right'), ], 'req' => [ 'ele_width' => '', 'ele_custom_pos' => 'true' ] ], 'ele_height' => [ 'type' => 'select', 'label' => __pl('height'), 'screen' => 1, 'default' => 'auto', 'css' => ['{{wrap}}' => 'height:{{val}};'], 'list' => [ 'auto' => __pl('default'), '100%' => __pl('full'), '' => __pl('custom'), ], 'req' => ['ele_custom_pos' => 'true'] ], 'ele_custom_height' => [ 'type' => 'slider', 'label' => __pl('custom_height'), 'screen' => 1, 'units' => ['px','%','vh'], 'css' => ['{{wrap}}' => 'height:{{val}};'], 'min' => 0, 'max' => 1000, 'step' => 1, 'req' => [ 'ele_height' => '', 'ele_custom_pos' => 'true' ] ], 'ele_position' => [ 'type' => 'select', 'label' => __pl('position'), 'default' => '', 'screen' => 1, 'css' => ['{{wrap}}' => 'position:{{val}} !important; z-index: 1; transform: translateX(-0%);'], 'list' => [ '' => __pl('default'), 'absolute' => __pl('absolute'), 'fixed' => __pl('fixed'), 'relative' => __pl('relative'), ], 'req' => ['ele_custom_pos' => 'true'] ], 'ele_vposition' => [ 'type' => 'select', 'label' => __pl('verticle_pos'), 'screen' => 1, 'css' => ['{{wrap}}' => '{{val}}:0;'], 'list' => [ '' => __pl('default'), 'top' => __pl('top'), 'bottom' => __pl('bottom') ], 'req' => [ '!ele_position' => '', 'ele_custom_pos' => 'true' ] ], 'ele_vposition_offset' => [ 'type' => 'slider', 'label' => __pl('ver_offset'), 'screen' => 1, 'units' => ['px','%','em'], 'css' => ['{{wrap}}' => '{{ele_vposition}}:{{val}};'], 'default' => 0, 'min' => -1000, 'max' => 1000, 'step' => 1, 'req' => [ '!ele_vposition' => '', '!ele_position' => '', 'ele_custom_pos' => 'true' ] ], 'ele_hposition' => [ 'type' => 'select', 'label' => __pl('horizontal_pos'), 'screen' => 1, 'css' => ['{{wrap}}' => '{{val}}:0;'], 'list' => [ '' => __pl('default'), 'left' => __pl('left'), 'right' => __pl('right') ], 'req' => [ '!ele_position' => '', 'ele_custom_pos' => 'true' ] ], 'ele_hposition_offset' => [ 'type' => 'slider', 'label' => __pl('hor_offset'), 'screen' => 1, 'units' => ['px','%','em'], 'css' => ['{{wrap}}' => '{{ele_hposition}}:{{val}};'], 'default' => 0, 'min' => -1000, 'max' => 1000, 'step' => 1, 'req' => [ '!ele_hposition' => '', '!ele_position' => '', 'ele_custom_pos' => 'true' ] ] ]; $pagelayer->styles['animation_styles'] = [ 'animation' => [ 'type' => 'select', 'label' => __pl('animation'), 'default' => '', 'addClass' => ['{{val}}',( !pagelayer_is_live() ? 'pagelayer-wow' : '' )], 'list' => $pagelayer->anim_in_options ], 'animation_speed' => [ 'type' => 'select', 'label' => __pl('animate_speed'), 'default' => '', 'addClass' => 'pagelayer-anim-{{val}}', 'list' => [ '' => __pl('normal'), 'fast' => __pl('fast'), 'slow' => __pl('slow'), 'fastest' => __pl('fastest'), 'slowest' => __pl('slowest'), ], 'req' => [ '!animation' => '' ] ], 'animation_delay' => [ 'type' => 'spinner', 'label' => __pl('animation_delay'), 'css' => '-webkit-animation-delay: {{val}}ms; animation-delay: {{val}}ms;', 'default' => 600, 'min' => 0, 'max' => 90000, 'step' => 100, 'req' => [ '!animation' => '' ] ], 'ele_hover_anim' => array( 'type' => 'select', 'label' => __pl('cta_hover_anim_label'), 'addClass' => 'pagelayer-animation-{{val}}', 'list' => [ '' => __pl('none'), 'grow' => __pl('Grow'), 'shrink' => __pl('Shrink'), 'pulse' => __pl('Pulse'), 'pulse-grow' => __pl('Pulse Grow'), 'pulse-shrink' => __pl('Pulse Shrink'), 'push' => __pl('Push'), 'pop' => __pl('Pop'), 'buzz' => __pl('Buzz'), 'buzz-out' => __pl('Buzz Out'), 'float' => __pl('Float'), 'sink' => __pl('Sink'), 'bob' => __pl('Bob'), 'hang' => __pl('Hang'), 'bounce-in' => __pl('Bounce In'), 'bounce-out' => __pl('Bounce Out'), 'rotate' => __pl('Rotate'), 'grow-rotate' => __pl('Grow Rotate'), 'skew-forward' => __pl('Skew Forward'), 'skew-backward' => __pl('Skew Backward'), 'wobble-vertical' => __pl('Wobble Vertical'), 'wobble-horizontal' => __pl('Wobble Horizontal'), 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'), 'wobble-top-to-right' => __pl('Wobble Top To Right'), 'wobble-top' => __pl('Wobble Top'), 'wobble-bottom' => __pl('Wobble Bottom'), 'wobble-skew' => __pl('Wobble Skew'), ], 'pro' => 1, ), 'ele_sticky_pos' => array( 'type' => 'select', 'label' => __pl('scroll_sticky'), 'addClass' => 'pagelayer-sticky-ele', 'addAttr' => 'data-sticky-position="{{ele_sticky_pos}}"', 'list' => array( '' => __pl('none'), 'top' => __pl('top'), 'bottom' => __pl('bottom'), ), 'pro' => 1, ), 'ele_sticky_on' => array( 'type' => 'multiselect', 'label' => __pl('sticky_on'), 'default' => 'desktop,tablet,mobile', 'addAttr' => 'data-sticky-on="{{ele_sticky_on}}"', 'list' => array( 'desktop' => __pl('desktop'), 'tablet' => __pl('tablet'), 'mobile' => __pl('mobile'), ), 'req' => [ '!ele_sticky_pos' => ''], 'pro' => 1, ), 'ele_sticky_offset' => array( 'type' => 'slider', 'label' => __pl('offset'), 'addAttr' => 'data-sticky-offset="{{ele_sticky_offset}}"', 'req' => [ '!ele_sticky_pos' => ''], 'pro' => 1, ), 'ele_sticky_in_col' => array( 'type' => 'checkbox', 'label' => __pl('sticky_in_col'), 'addAttr' => 'data-sticky_in_col="{{ele_sticky_in_col}}"', 'req' => [ '!ele_sticky_pos' => ''], 'pro' => 1, ), ]; $pagelayer->styles['motion_effects'] = [ 'ele_motion_effects' => [ 'type' => 'radio', 'label' => '', 'list' => [ '' => __pl('Scrolling'), 'mouse' => __pl('Mouse'), ], ], 'ele_scrolling_effects' => array( 'type' => 'checkbox', 'label' => __pl('Scrolling Effects'), 'addClass' => 'pagelayer-scrolling-effects', 'show' => ['ele_motion_effects' => ''], 'pro' => 1 ), // Vertical Scroll Group 'ele_vertical_scroll_group' => array( 'type' => 'access', 'label' => __pl('Vertical Scroll'), 'show_group' => 'scrolling_v', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Vertical Scroll Settings 'ele_vertical_scroll' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'scrolling_v', 'addAttr' => 'ele_vertical_scroll="{{ele_vertical_scroll}}"', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_v_sc_direction' => array( 'type' => 'select', 'label' => __pl('Direction'), 'group' => 'scrolling_v', 'default' => 'opposite', 'list' => array( 'opposite' => __pl('Opposite'), 'similar' => __pl('Similar'), ), 'addAttr' => 'ele_v_sc_direction="{{ele_v_sc_direction}}"', 'req' => ['!ele_vertical_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_v_sc_speed' => array( 'type' => 'slider', 'label' => __pl('speed'), 'group' => 'scrolling_v', 'min' => 0, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_v_sc_speed="{{ele_v_sc_speed}}"', 'req' => [ '!ele_vertical_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_v_sc_top_viewport' => array( 'type' => 'slider', 'label' => __pl('Top'), 'group' => 'scrolling_v', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_v_sc_top_viewport="{{ele_v_sc_top_viewport}}"', 'req' => [ '!ele_vertical_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_v_sc_bottom_viewport' => array( 'type' => 'slider', 'label' => __pl('bottom'), 'group' => 'scrolling_v', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_v_sc_bottom_viewport="{{ele_v_sc_bottom_viewport}}"', 'req' => [ '!ele_vertical_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), //Horizontal Group 'ele_horizontal_scroll_group' => array( 'type' => 'access', 'label' => __pl('Horizontal Scroll'), 'show_group' => 'scrolling_h', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Horizontal Scroll 'ele_horizontal_scroll' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'scrolling_h', 'css' => 'transform:translateX(var(--transX));', 'addAttr' => 'ele_horizontal_scroll="{{ele_horizontal_scroll}}"', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_h_sc_direction' => array( 'type' => 'select', 'label' => __pl('Direction'), 'group' => 'scrolling_h', 'default' => 'toleft', 'list' => array( 'toleft' => __pl('Toleft'), 'toright' => __pl('Toright'), ), 'addAttr' => 'ele_h_sc_direction="{{ele_h_sc_direction}}"', 'req' => ['!ele_horizontal_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_h_sc_speed' => array( 'type' => 'slider', 'label' => __pl('speed'), 'group' => 'scrolling_h', 'min' => 0, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_h_sc_speed="{{ele_h_sc_speed}}"', 'req' => [ '!ele_horizontal_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_h_sc_left_viewport' => array( 'type' => 'slider', 'label' => __pl('Left'), 'group' => 'scrolling_h', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_h_sc_left_viewport="{{ele_h_sc_left_viewport}}"', 'req' => [ '!ele_horizontal_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_h_sc_right_viewport' => array( 'type' => 'slider', 'label' => __pl('Right'), 'group' => 'scrolling_h', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_h_sc_right_viewport="{{ele_h_sc_right_viewport}}"', 'req' => [ '!ele_horizontal_scroll' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Transparency Group 'ele_transparency_group' => array( 'type' => 'access', 'label' => __pl('Transparency'), 'show_group' => 'scrolling_trans', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Transparency Settings 'ele_transparency' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'scrolling_trans', 'addAttr' => 'ele_transparency="{{ele_transparency}}"', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_transp_type' => array( 'type' => 'select', 'label' => __pl('Type'), 'group' => 'scrolling_trans', 'default' => 'fadein', 'list' => array( 'fadein' => __pl('Fade In'), 'fadeout' => __pl('Fade Out'), 'fadeinout' => __pl('Fade In Out'), 'fadeoutin' => __pl('Fade Out In') ), 'addAttr' => 'ele_transp_type="{{ele_transp_type}}"', 'req' => ['!ele_transparency' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_transp_level' => array( 'type' => 'slider', 'label' => __pl('Level'), 'group' => 'scrolling_trans', 'min' => 1, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_transp_level="{{ele_transp_level}}"', 'req' => [ '!ele_transparency' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_transp_top_viewport' => array( 'type' => 'slider', 'label' => __pl('top'), 'group' => 'scrolling_trans', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_transp_top_viewport="{{ele_transp_top_viewport}}"', 'req' => [ '!ele_transparency' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_transp_bottom_viewport' => array( 'type' => 'slider', 'label' => __pl('bottom'), 'group' => 'scrolling_trans', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_transp_bottom_viewport="{{ele_transp_bottom_viewport}}"', 'req' => [ '!ele_transparency' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Blur Group 'ele_blur_group' => array( 'type' => 'access', 'label' => __pl('Blur'), 'show_group' => 'scrolling_blur', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Blur Setting 'ele_blur' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'scrolling_blur', 'addAttr' => 'ele_blur="{{ele_blur}}"', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_blur_type' => array( 'type' => 'select', 'label' => __pl('Type'), 'group' => 'scrolling_blur', 'default' => 'blurin', 'list' => array( 'blurin' => __pl('Blur In'), 'blurout' => __pl('Blur Out'), 'blurinout' => __pl('Blur In Out'), 'bluroutin' => __pl('Blur Out In') ), 'addAttr' => 'ele_blur_type="{{ele_blur_type}}"', 'req' => ['!ele_blur' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_blur_level' => array( 'type' => 'slider', 'label' => __pl('Level'), 'group' => 'scrolling_blur', 'min' => 1, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_blur_level="{{ele_blur_level}}"', 'req' => [ '!ele_blur' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_blur_top_viewport' => array( 'type' => 'slider', 'label' => __pl('top'), 'group' => 'scrolling_blur', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_blur_top_viewport="{{ele_blur_top_viewport}}"', 'req' => [ '!ele_blur' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_blur_bottom_viewport' => array( 'type' => 'slider', 'label' => __pl('bottom'), 'group' => 'scrolling_blur', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_blur_bottom_viewport="{{ele_blur_bottom_viewport}}"', 'req' => [ '!ele_blur' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Rotate Group 'ele_rotate_group' => array( 'type' => 'access', 'label' => __pl('Rotate'), 'show_group' => 'scrolling_rotate', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Rotate Setting 'ele_rotate' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'scrolling_rotate', 'addAttr' => 'ele_rotate="{{ele_rotate}}"', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_rot_direction' => array( 'type' => 'select', 'label' => __pl('Direction'), 'group' => 'scrolling_rotate', 'default' => 'clockwise', 'list' => array( 'clockwise' => __pl('Clockwise'), 'anticlockwise' => __pl('Anticlockwise') ), 'addAttr' => 'ele_rot_direction="{{ele_rot_direction}}"', 'req' => ['!ele_rotate' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_rot_speed' => array( 'type' => 'slider', 'label' => __pl('Speed'), 'group' => 'scrolling_rotate', 'min' => 1, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_rot_speed="{{ele_rot_speed}}"', 'req' => [ '!ele_rotate' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_rot_top_viewport' => array( 'type' => 'slider', 'label' => __pl('top'), 'group' => 'scrolling_rotate', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_rot_top_viewport="{{ele_rot_top_viewport}}"', 'req' => [ '!ele_rotate' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_rot_bottom_viewport' => array( 'type' => 'slider', 'label' => __pl('bottom'), 'group' => 'scrolling_rotate', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_rot_bottom_viewport="{{ele_rot_bottom_viewport}}"', 'req' => [ '!ele_rotate' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_rot_x_anc_point' => array( 'type' => 'select', 'label' => __pl('X Anchor Point'), 'group' => 'scrolling_rotate', 'default' => 'center', 'list' => array( 'left' => __pl('Left'), 'center' => __pl('Center'), 'right' => __pl('Right') ), 'req' => ['!ele_rotate' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_rot_y_anc_point' => array( 'type' => 'select', 'label' => __pl('Y Anchor Point'), 'group' => 'scrolling_rotate', 'default' => 'center', 'list' => array( 'top' => __pl('Top'), 'center' => __pl('Center'), 'bottom' => __pl('Bottom') ), 'css' => 'transform-origin:{{val}} {{ele_rot_x_anc_point}}', 'req' => ['!ele_rotate' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Scale Group 'ele_scale_group' => array( 'type' => 'access', 'label' => __pl('Scale'), 'show_group' => 'scrolling_scale', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Scale Setting 'ele_scale' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'scrolling_scale', 'addAttr' => 'ele_scale="{{ele_scale}}"', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_scl_direction' => array( 'type' => 'select', 'label' => __pl('Direction'), 'group' => 'scrolling_scale', 'default' => 'scaleup', 'list' => array( 'scaleup' => __pl('Scale Up'), 'scaledown' => __pl('Scale Down'), 'scaleupdown' => __pl('Scale Up Down'), 'scaledownup' => __pl('Scale Down Up') ), 'addAttr' => 'ele_scl_direction="{{ele_scl_direction}}"', 'req' => ['!ele_scale' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_scl_level' => array( 'type' => 'slider', 'label' => __pl('Level'), 'group' => 'scrolling_scale', 'min' => 1, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_scl_level="{{ele_scl_level}}"', 'req' => [ '!ele_scale' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_scl_top_viewport' => array( 'type' => 'slider', 'label' => __pl('top'), 'group' => 'scrolling_scale', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_scl_top_viewport="{{ele_scl_top_viewport}}"', 'req' => [ '!ele_scale' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_scl_bottom_viewport' => array( 'type' => 'slider', 'label' => __pl('bottom'), 'group' => 'scrolling_scale', 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'addAttr' => 'ele_scl_bottom_viewport="{{ele_scl_bottom_viewport}}"', 'req' => [ '!ele_scale' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_scl_x_anc_point' => array( 'type' => 'select', 'label' => __pl('X Anchor Point'), 'group' => 'scrolling_scale', 'default' => 'center', 'list' => array( 'left' => __pl('Left'), 'center' => __pl('Center'), 'right' => __pl('Right') ), 'req' => ['!ele_scale' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), 'ele_scl_y_anc_point' => array( 'type' => 'select', 'label' => __pl('Y Anchor Point'), 'group' => 'scrolling_scale', 'default' => 'center', 'list' => array( 'top' => __pl('Top'), 'center' => __pl('Center'), 'bottom' => __pl('Bottom') ), 'css' => 'transform-origin:{{val}} {{ele_scl_x_anc_point}}', 'req' => ['!ele_scale' => '', '!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Motion Area Selection 'motion_area' => array( 'type' => 'select', 'label' => __pl('Effect Relative To'), 'default' => 'viewport', 'list' => array( 'viewport' => __pl('Viewport'), 'entire_page' => __pl('Entire Page'), ), 'addAttr' => 'motion_area="{{motion_area}}"', 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''] ), // Motion Effect Screen Selection 'ele_motion_effect_on' => array( 'type' => 'multiselect', 'label' => __pl('Apply Effects On'), 'default' => 'desktop,tablet,mobile', 'addAttr' => 'ele_motion_effect_on="{{ele_motion_effect_on}}"', 'list' => array( 'desktop' => __pl('desktop'), 'tablet' => __pl('tablet'), 'mobile' => __pl('mobile'), ), 'req' => ['!ele_scrolling_effects' => ''], 'show' => ['ele_motion_effects' => ''], 'pro' => 1, ), // Mouse Effect 'ele_mouse_effects' => array( 'type' => 'checkbox', 'label' => __pl('Mouse Effects'), 'addClass' => 'pagelayer-mouse-effects', 'show' => ['ele_motion_effects' => 'mouse'], 'pro' => 1 ), // Mouse Track Group 'ele_m_track_group' => array( 'type' => 'access', 'label' => __pl('Mouse Track'), 'show_group' => 'mouse_track', 'req' => ['!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ), // Mouse Track Setting 'ele_m_track' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'mouse_track', 'addAttr' => 'ele_m_track="{{ele_m_track}}"', 'req' => ['!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ), 'ele_m_tr_direction' => array( 'type' => 'select', 'label' => __pl('Direction'), 'group' => 'mouse_track', 'default' => 'opposite', 'list' => array( 'opposite' => __pl('Opposite'), 'same' => __pl('Same') ), 'addAttr' => 'ele_m_tr_direction="{{ele_m_tr_direction}}"', 'req' => ['!ele_m_track' => '', '!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ), 'ele_m_tr_level' => array( 'type' => 'slider', 'label' => __pl('Level'), 'group' => 'mouse_track', 'min' => 1, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_m_tr_level="{{ele_m_tr_level}}"', 'req' => [ '!ele_m_track' => '', '!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ), // 3D Tilt Group 'ele_3d_tilt_group' => array( 'type' => 'access', 'label' => __pl('3D Tilt'), 'show_group' => 'mouse_3d', 'req' => ['!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ), // 3D Tilt Setting 'ele_3d_tilt' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'group' => 'mouse_3d', 'addAttr' => 'ele_3d_tilt="{{ele_3d_tilt}}"', 'css' => 'will-change:transform; transform-style:preserve-3d;', 'req' => ['!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ), 'ele_3d_tilt_direction' => array( 'type' => 'select', 'label' => __pl('Direction'), 'group' => 'mouse_3d', 'default' => 'opposite', 'list' => array( 'opposite' => __pl('Opposite'), 'same' => __pl('Same') ), 'addAttr' => 'ele_3d_tilt_direction="{{ele_3d_tilt_direction}}"', 'req' => ['!ele_3d_tilt' => '', '!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ), 'ele_3d_tilt_level' => array( 'type' => 'slider', 'label' => __pl('Level'), 'group' => 'mouse_3d', 'min' => 1, 'step' => 0.1, 'max' => 10, 'default' => 5, 'addAttr' => 'ele_3d_tilt_level="{{ele_3d_tilt_level}}"', 'req' => [ '!ele_3d_tilt' => '', '!ele_mouse_effects' => ''], 'show' => ['ele_motion_effects' => 'mouse'] ) ]; // Resposive stuff $pagelayer->styles['responsive_styles'] = [ 'hide_desktop' => [ 'type' => 'checkbox', 'label' => __pl('hide_desktop'), 'addClass' => 'pagelayer-hide-desktop' ], 'hide_tablet' => [ 'type' => 'checkbox', 'label' => __pl('hide_tablet'), 'addClass' => 'pagelayer-hide-tablet' ], 'hide_mobile' => [ 'type' => 'checkbox', 'label' => __pl('hide_mobile'), 'addClass' => 'pagelayer-hide-mobile' ], ]; // Custom attributes $pagelayer->styles['attributes'] = [ 'ele_attributes' => [ 'type' => 'textarea', 'label' => __pl('custom_attributes'), 'rows' => 5, 'pro' => 1, 'desc' => __pl('attribute_desc') ], ]; // Custom stuff $pagelayer->styles['custom_styles'] = [ 'ele_id' => [ 'type' => 'text', 'label' => __pl('ele_id'), 'desc' => __pl('ele_id_desc'), 'addAttr' => 'id="{{ele_id}}"', ], 'ele_classes' => [ 'type' => 'text', 'label' => __pl('ele_classes'), 'desc' => __pl('ele_classes_desc'), 'addClass' => '{{val}}', ], 'ele_css' => [ 'type' => 'textarea', 'label' => __pl('custom_styles'), 'desc' => __pl('ele_css_desc'), 'rows' => 5, 'css' => ['' => '{{val}}'], 'pro' => 1 ], ]; //////////////////////// // GRID Group //////////////////////// // ROW object pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_row', array( 'name' => __pl('row'), 'group' => 'grid', 'skip_props_cat' => ['position_styles'], 'skip_props' => ['ele_sticky_in_container'], 'html' => '<div if="{{bg_video_src}}" class="pagelayer-background-video">{{vid_src}}</div> <div if="{{bg_slider}}" class="pagelayer-bgimg-slider"> {{slider}} </div> <div if="{{parallax_img}}" class="pagelayer-parallax-window"> <img class="pagelayer-img" src="{{parallax_img_src}}" title="{{{parallax_img-title}}}" alt="{{{parallax_img-alt}}}"> </div> <div if="{{row_shape_position}}" class="pagelayer-row-shape"> <div class="pagelayer-row-svg"> <svg if="{{row_shape_type_top}}" class="pagelayer-svg-top">{{svg_top}}</svg> <svg if="{{row_shape_type_bottom}}" class="pagelayer-svg-bottom">{{svg_bottom}}</svg> </div> </div> <div if="{{overlay_type}}" class="pagelayer-background-overlay"></div> <div class="pagelayer-row-holder pagelayer-row pagelayer-auto pagelayer-width-{{width_content}}"></div>', 'holder' => '.pagelayer-row-holder', 'params' => array( 'stretch' => array( 'type' => 'select', 'label' => __pl('con_width'), 'default' => 'auto', 'list' => array( 'auto' => __pl('auto'), 'full' => __pl('full_width'), 'fixed' => __pl('fixed_width') ), 'addClass' => 'pagelayer-row-stretch-{{val}}' ), 'row_width' => array( 'type' => 'slider', 'label' => __pl('row_width'), 'default' => 500, 'min' => 300, 'max' => 3000, 'step' => 1, 'units' => [ 'px', '%', 'vw' ], 'css' => ['{{element}}' => 'max-width: {{val}}; margin-left: auto !important; margin-right: auto !important;'], 'req' => array( 'stretch' => 'fixed' ) ), 'col_gap' => array( 'type' => 'spinner', 'label' => __pl('col_gap'), 'default' => 10, 'min' => 0, 'step' => 1, 'screen' => 1, 'max' => 1000, 'css' => ['{{element}} .pagelayer-col-holder' => 'padding: {{val}}px;'], ), 'width_content' => array( 'type' => 'radio', 'label' => __pl('Content Width'), 'default' => 'auto', 'list' => array( 'auto' => __pl('auto_width'), 'fixed' => __pl('fixed_width'), 'full' => __pl('full_width') ) ), 'fixed_width' => array( 'type' => 'slider', 'label' => __pl('fixed_con_width'), 'default' => 500, 'min' => 1, 'max' => 3000, 'screen' => 1, 'units' => [ 'px', '%', 'vw' ], 'css' => ['{{element}}>.pagelayer-row-holder' => 'max-width: {{val}}; margin-left: auto; margin-right: auto;'], 'req' => array( 'width_content' => 'fixed' ) ), 'row_height' => array( 'type' => 'radio', 'label' => __pl('row_height'), 'default' => 'default', 'addClass' => 'pagelayer-height-{{val}}', 'list' => array( 'default' => __pl('default'), 'fit' => __pl('fit_to_screen'), 'custom' => __pl('min_height') ), ), 'min_height' => array( 'type' => 'slider', 'label' => __pl('min_height'), 'min' => 0, 'max' => 2000, 'screen' => 1, 'units' => ['px', 'vh', 'vw'], 'css' => 'min-height: {{val}};', 'req' => array( 'row_height' => 'custom' ) ), 'content_pos' => array( 'type' => 'select', 'label' => __pl('content_pos'), 'css' => ['{{element}}>.pagelayer-row-holder .pagelayer-col' => 'align-content: {{val}};'], 'list' => array( '' => __pl('default'), 'flex-start' => __pl('top'), 'center' => __pl('center'), 'flex-end' => __pl('bottom'), ), ), ), 'row_bg_styles' => [ 'row_bg_type' => array( 'type' => 'radio', 'label' => __pl('row_bg_type'), 'list' => array( '' => __pl('none'), 'video' => __pl('video'), 'parallax' => __pl('parallax'), 'slider' => __pl('slider'), ), ), 'bg_video_src' => array( 'type' => 'video', 'label' => __pl('video_src_label'), 'desc' => __pl('video_src_desc'), 'req' => ['row_bg_type' => 'video'] ), 'mute' => array( 'type' => 'checkbox', 'label' => __pl('mute'), 'req' => ['row_bg_type' => 'video'] ), 'stop_loop' => array( 'type' => 'checkbox', 'label' => __pl('stop_loop'), 'req' => ['row_bg_type' => 'video'] ), 'parallax_img' => array( 'type' => 'image', 'label' => __pl('Image'), 'req' => ['row_bg_type' => 'parallax'] ), 'parallax_align' => array( 'type' => 'radio', 'label' => __pl('obj_align_label'), 'screen' => 1, 'default' => 'center', 'css' => ['{{element}} .pagelayer-parallax-window' => 'text-align: {{val}}'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ), 'req' => ['row_bg_type' => 'parallax'] ), 'parallax_id_size' => array( 'label' => __pl('obj_image_size_label'), 'type' => 'select', 'default' => 'full', 'list' => array( 'full' => __pl('full'), 'large' => __pl('large'), 'medium' => __pl('medium'), 'thumbnail' => __pl('thumbnail'), 'custom' => __pl('custom') ), 'req' => ['row_bg_type' => 'parallax'] ), 'parallax_custom_size' => array( 'type' => 'dimension', 'label' => __pl('image_custom_size_label'), 'css' => ['{{element}} .pagelayer-parallax-window img' => 'width: {{val[0]}}px; height: {{val[1]}}px;'], 'req' => [ 'parallax_id_size' => 'custom', 'row_bg_type' => 'parallax' ], ), 'parallax_max_width' => array( 'label' => __pl('max-width-percent'), 'type' => 'slider', 'min' => 0, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-parallax-window img' => 'max-width: {{val}}%'], 'req' => ['row_bg_type' => 'parallax'] ), 'bg_slider' => array( 'type' => 'multi_image', 'label' => __pl('image_slider_ids_label'), 'req' => ['row_bg_type' => 'slider'], 'pro' => 1 ), 'bg_slider_speed' => array( 'type' => 'spinner', 'label' => __pl('speed_ms'), 'default' => 2000, 'min' => 200, 'max' => 50000, 'step' => 100, 'addAttr' => ['{{element}} .pagelayer-bgimg-slider' => 'data-speed="{{bg_slider_speed}}"'], 'req' => [ 'row_bg_type' => 'slider' ], 'pro' => 1 ), ], 'row_bg_overlay' => [ 'overlay_state' => array( 'type' => 'radio', 'label' => __pl('Overlay'), 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ), ), 'overlay_type' => array( 'type' => 'radio', 'label' => __pl('overlay_type'), 'list' => array( '' => __pl('none'), 'color' => __pl('color'), 'image' => __pl('image'), 'gradient' => __pl('gradient') ), 'show' => ['overlay_state' => ''], ), 'overlay_color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-color: {{val}};'], 'req' => ['overlay_type' => 'color'], 'show' => ['overlay_state' => ''], ), 'overlay_gradient' => array( 'type' => 'gradient', 'label' => '', 'default' => '150,#44d3f6,23,#72e584,45,#2ca4eb,100', 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'gradient'] ), 'overlay_img' => array( 'type' => 'image', 'label' => __pl('Image'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background: url("{{{overlay_img-url}}}");'], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'image'] ), 'overlay_img_attachment' => array( 'type' => 'select', 'label' => __pl('overlay_img_attachment'), 'list' => [ '' => __pl('default'), 'scroll' => __pl('scroll'), 'fixed' => __pl('fixed') ], 'show' => ['overlay_state' => ''], 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-attachment: {{val}};'], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_posx' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posx'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right') ], 'show' => ['overlay_state' => ''], 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-position-x: {{val}};'], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_posy' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posy'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'top' => __pl('top'), 'bottom' => __pl('bottom') ], 'show' => ['overlay_state' => ''], 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-position-y: {{val}};'], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_repeat' => array( 'type' => 'select', 'label' => __pl('overlay_bg_repeat'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-repeat: {{val}};'], 'list' => [ '' => __pl('default'), 'repeat' => __pl('repeat'), 'no-repeat' => __pl('no-repeat'), 'repeat-x' => __pl('repeat-x'), 'repeat-y' => __pl('repeat-y'), ], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_size' => array( 'type' => 'select', 'label' => __pl('overlay_bg_size'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-size: {{val}};'], 'list' => [ '' => __pl('default'), 'cover' => __pl('cover'), 'contain' => __pl('contain') ], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'image'] ), 'overlay_transperancy' => array( 'type' => 'slider', 'label' => __pl('overlay_transperancy'), 'default' => 0.5, 'min' => 0, 'max' => 1, 'step' => 0.1, 'css' => ['{{element}} > .pagelayer-background-overlay' => 'opacity: {{val}};'], 'req' => array( '!overlay_type' => '', ), 'show' => ['overlay_state' => ''], ), 'overlay_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('overlay_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} > .pagelayer-background-overlay' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'], 'show' => array( 'overlay_state' => 'hover' ), ), 'overlay_type_hover' => array( 'type' => 'radio', 'label' => __pl('overlay_type_hover'), 'list' => array( '' => __pl('none'), 'color' => __pl('color'), 'gradient' => __pl('gradient'), 'image' => __pl('image'), ), 'show' => ['overlay_state' => 'hover'], ), 'overlay_color_hover' => array( 'type' => 'color', 'label' => __pl('color'), //'desc' => __pl('video_src_desc'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background: {{val}};'], 'req' => ['overlay_type_hover' => 'color'], 'show' => ['overlay_state' => 'hover'], ), 'overlay_gradient_hover' => array( 'type' => 'gradient', 'label' => '', 'default' => '150,#44d3f6,23,#72e584,45,#2ca4eb,100', 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'gradient'] ), 'overlay_img_hover' => array( 'type' => 'image', 'label' => __pl('Image'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background: url("{{{overlay_img_hover-url}}}");'], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_img_attachment_hover' => array( 'type' => 'select', 'label' => __pl('overlay_img_attachment_hover'), 'list' => [ '' => __pl('default'), 'scroll' => __pl('scroll'), 'fixed' => __pl('fixed') ], 'show' => ['overlay_state' => 'hover'], 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-attachment: {{val}};'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_posx_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posx_hover'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right') ], 'show' => ['overlay_state' => 'hover'], 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-position-x: {{val}};'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_posy_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posy_hover'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'top' => __pl('top'), 'bottom' => __pl('bottom') ], 'show' => ['overlay_state' => 'hover'], 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-position-y: {{val}};'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_repeat_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_repeat_hover'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-repeat: {{val}};'], 'list' => [ '' => __pl('default'), 'repeat' => __pl('repeat'), 'no-repeat' => __pl('no-repeat'), 'repeat-x' => __pl('repeat-x'), 'repeat-y' => __pl('repeat-y'), ], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_size_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_size_hover'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-size: {{val}};'], 'list' => [ '' => __pl('default'), 'cover' => __pl('cover'), 'contain' => __pl('contain') ], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_transperancy_hover' => array( 'type' => 'slider', 'label' => __pl('overlay_transperancy_hover'), 'min' => 0, 'max' => 1, 'step' => 0.1, 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'opacity: {{val}};'], 'req' => array( 'overlay_type' => 'image', 'overlay_type' => 'color' ), 'show' => ['overlay_state' => 'hover'], ), ], 'shape_styles' => [ 'row_shape_position' => array( 'type' => 'radio', 'label' => __pl('shape_position'), 'list' => array( 'top' => __pl('Top'), 'bottom' => __pl('Bottom'), ), ), 'row_shape_type_top' => array( 'type' => 'select', 'label' => __pl('shape_type'), 'default' => '', 'list' => array( '' => __pl('none'), 'arrow' => __pl('Arrow'), 'bigTriangle' => __pl('BigTriangle'), 'bigTriangleShadow' => __pl('BigTriangle Shadow'), 'curve' => __pl('Curve'), 'clouds' => __pl('Clouds'), 'mountains' => __pl('Mountains'), 'pyramids' => __pl('Pyramids'), 'stamp' => __pl('Stamp'), 'slit' => __pl('Slit'), 'split' => __pl('Split'), 'tilt' => __pl('Tilt'), 'tiltOpacity' => __pl('Tilt Opacity'), 'waves' => __pl('Waves'), 'zigzag' => __pl('Zigzag'), ), 'show' => ['row_shape_position' => 'top'], ), 'row_shape_top_color' => array( 'type' => 'color', 'label' => __pl('shape_bg_color'), 'default' => '#227bc3', 'css' => ['{{element}} .pagelayer-svg-top .pagelayer-shape-fill' => 'fill:{{val}}'], 'show' => ['row_shape_position' => 'top'], ), 'row_shape_top_width' => array( 'type' => 'slider', 'label' => __pl('shape_width'), 'screen' => 1, 'default' => 100, 'min' => 100, 'max' => 500, 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-top' => 'width:{{val}}%'], 'show' => ['row_shape_position' => 'top'], ), 'row_shape_top_height' => array( 'type' => 'slider', 'label' => __pl('shape_height'), 'screen' => 1, 'default' => 100, 'min' => 10, 'max' => 500, 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-top' => 'height:{{val}}px'], 'show' => ['row_shape_position' => 'top'], ), 'row_shape_top_flip' => array( 'type' => 'checkbox', 'label' => __pl('shape_flip'), 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-top' => 'transform: rotateY(180deg);'], 'show' => ['row_shape_position' => 'top'], ), 'row_shape_type_bottom' => array( 'type' => 'select', 'label' => __pl('shape_type'), 'default' => '', 'list' => array( '' => __pl('none'), 'arrow' => __pl('Arrow'), 'bigTriangle' => __pl('BigTriangle'), 'bigTriangleShadow' => __pl('BigTriangle Shadow'), 'curve' => __pl('Curve'), 'clouds' => __pl('Clouds'), 'mountains' => __pl('Mountains'), 'pyramids' => __pl('Pyramids'), 'stamp' => __pl('Stamp'), 'slit' => __pl('Slit'), 'split' => __pl('Split'), 'tilt' => __pl('Tilt'), 'tiltOpacity' => __pl('Tilt Opacity'), 'waves' => __pl('Waves'), 'zigzag' => __pl('Zigzag'), ), 'show' => ['row_shape_position' => 'bottom'], ), 'row_shape_bottom_color' => array( 'type' => 'color', 'label' => __pl('shape_bg_color'), 'default' => '#e44993', 'css' => ['{{element}} .pagelayer-svg-bottom .pagelayer-shape-fill' => 'fill:{{val}}'], 'show' => ['row_shape_position' => 'bottom'], ), 'row_shape_bottom_width' => array( 'type' => 'slider', 'label' => __pl('shape_width'), 'screen' => 1, 'default' => 100, 'min' => 100, 'max' => 500, 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-bottom' => 'width:{{val}}%'], 'show' => ['row_shape_position' => 'bottom'], ), 'row_shape_bottom_height' => array( 'type' => 'slider', 'label' => __pl('shape_height'), 'screen' => 1, 'default' => 100, 'min' => 10, 'max' => 500, 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-bottom' => 'height:{{val}}px'], 'show' => ['row_shape_position' => 'bottom'], ), 'row_shape_bottom_flip' => array( 'type' => 'checkbox', 'label' => __pl('shape_flip'), 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-bottom' => 'transform: rotateY(180deg);'], 'show' => ['row_shape_position' => 'bottom'], ), ], 'styles' => [ 'row_bg_styles' => __pl('row_bg_styles'), 'row_bg_overlay' => __pl('row_bg_overlay'), 'shape_styles' => __pl('shape_styles'), ], ) ); // Column object pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_col', array( 'name' => __pl('column'), 'group' => 'grid', 'skip_props_cat' => ['position_styles'], 'skip_props' => ['ele_sticky_in_container'], 'html' => '<div if="{{bg_video_src}}" class="pagelayer-background-video">{{vid_src}}</div> <div if="{{bg_slider}}" class="pagelayer-bgimg-slider"> {{slider}} </div> <div if="{{parallax_img}}" class="pagelayer-parallax-window"> <img class="pagelayer-img" src="{{parallax_img_src}}" title="{{{parallax_img-title}}}" alt="{{{parallax_img-alt}}}"> </div> <div if="{{overlay_type}}" class="pagelayer-background-overlay"></div> <div class="pagelayer-col-holder"></div>', 'holder' => '.pagelayer-col-holder', 'params' => array( 'content_pos' => array( 'type' => 'select', 'label' => __pl('content_pos'), 'css' => ['{{element}}' => 'align-content: {{val}} !important;'], 'list' => array( '' => __pl('default'), 'flex-start' => __pl('top'), 'center' => __pl('center'), 'flex-end' => __pl('bottom') ) ), 'widget_space' => array( 'type' => 'spinner', 'label' => __pl('widget_space'), 'default' => get_option('pagelayer_between_widgets', 15), 'min' => -1000, 'step' => 1, 'max' => 1000, 'css' => ['{{element}} .pagelayer-col-holder > div:not(:last-child)' => 'margin-bottom: {{val}}px;'], ), 'col' => array( 'type' => 'select', 'label' => __pl('col_width'), 'addClass' => 'pagelayer-col-{{val}}', 'list' => array( '1' => __pl('1'), '2' => __pl('2'), '3' => __pl('3'), '4' => __pl('4'), '5' => __pl('5'), '6' => __pl('6'), '7' => __pl('7'), '8' => __pl('8'), '9' => __pl('9'), '10' => __pl('10'), '11' => __pl('11'), '12' => __pl('12'), '' => __pl('custom'), ) ), 'col_width' => array( 'type' => 'spinner', 'label' => __pl('width_custom'), 'min' => 0, 'step' => 1, 'max' => 100, 'screen' => 1, 'css' =>['.pagelayer-row-holder {{wrap}}' => 'width: {{val}}%;'], 'req' => ['col' => ''], ), ), 'col_bg_styles' => [ 'col_bg_type' => array( 'type' => 'radio', 'label' => __pl('col_bg_type'), 'list' => array( '' => __pl('none'), 'video' => __pl('video'), 'parallax' => __pl('parallax'), 'slider' => __pl('slider'), ), ), 'bg_video_src' => array( 'type' => 'video', 'label' => __pl('video_src_label'), 'desc' => __pl('video_src_desc'), 'req' => ['col_bg_type' => 'video'] ), 'mute' => array( 'type' => 'checkbox', 'label' => __pl('mute'), 'req' => ['col_bg_type' => 'video'] ), 'stop_loop' => array( 'type' => 'checkbox', 'label' => __pl('stop_loop'), 'req' => ['col_bg_type' => 'video'] ), 'parallax_img' => array( 'type' => 'image', 'label' => __pl('Image'), 'req' => ['col_bg_type' => 'parallax'] ), 'parallax_align' => array( 'type' => 'radio', 'label' => __pl('obj_align_label'), 'screen' => 1, 'default' => 'center', 'css' => ['{{element}} .pagelayer-parallax-window' => 'text-align: {{val}}'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ), 'req' => ['col_bg_type' => 'parallax'] ), 'parallax_id_size' => array( 'label' => __pl('obj_image_size_label'), 'type' => 'select', 'default' => 'full', 'list' => array( 'full' => __pl('full'), 'large' => __pl('large'), 'medium' => __pl('medium'), 'thumbnail' => __pl('thumbnail'), 'custom' => __pl('custom') ), 'req' => ['col_bg_type' => 'parallax'] ), 'parallax_custom_size' => array( 'type' => 'dimension', 'label' => __pl('image_custom_size_label'), 'css' => ['{{element}} .pagelayer-parallax-window img' => 'width: {{val[0]}}px; height: {{val[1]}}px;'], 'req' => array( 'parallax_id_size' => 'custom', 'col_bg_type' => 'parallax' ), ), 'parallax_max_width' => array( 'label' => __pl('max-width-percent'), 'type' => 'slider', 'min' => 0, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-parallax-window img' => 'max-width: {{val}}%'], 'req' => ['col_bg_type' => 'parallax'] ), 'bg_slider' => array( 'type' => 'multi_image', 'label' => __pl('image_slider_ids_label'), 'req' => ['col_bg_type' => 'slider'], 'pro' => 1 ), 'bg_slider_speed' => array( 'type' => 'spinner', 'label' => __pl('speed_ms'), 'default' => 2000, 'min' => 200, 'max' => 50000, 'step' => 100, 'addAttr' => ['{{element}} .pagelayer-bgimg-slider' => 'data-speed="{{bg_slider_speed}}"'], 'req' => [ 'col_bg_type' => 'slider' ], 'pro' => 1 ), ], 'col_bg_overlay' => [ 'overlay_state' => array( 'type' => 'radio', 'label' => '', 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ), ), 'overlay_type' => array( 'type' => 'radio', 'label' => __pl('overlay_type'), 'list' => array( '' => __pl('none'), 'color' => __pl('color'), 'image' => __pl('image'), 'gradient' => __pl('gradient') ), 'show' => ['overlay_state' => ''], ), 'overlay_color' => array( 'type' => 'color', 'label' => __pl('color'), //'desc' => __pl('video_src_desc'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-color: {{val}};'], 'req' => ['overlay_type' => 'color'], 'show' => ['overlay_state' => ''], ), 'overlay_gradient' => array( 'type' => 'gradient', 'label' => '', 'default' => '150,#44d3f6,23,#72e584,45,#2ca4eb,100', 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'gradient'] ), 'overlay_img' => array( 'type' => 'image', 'label' => __pl('Image'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background: url("{{{overlay_img-url}}}");'], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'image'] ), 'overlay_img_attachment' => array( 'type' => 'select', 'label' => __pl('overlay_img_attachment'), 'list' => [ '' => __pl('default'), 'scroll' => __pl('scroll'), 'fixed' => __pl('fixed') ], 'show' => ['overlay_state' => ''], 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-attachment: {{val}};'], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_posx' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posx'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right') ], 'show' => ['overlay_state' => ''], 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-position-x: {{val}};'], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_posy' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posy'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'top' => __pl('top'), 'bottom' => __pl('bottom') ], 'show' => ['overlay_state' => ''], 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-position-y: {{val}};'], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_repeat' => array( 'type' => 'select', 'label' => __pl('overlay_bg_repeat'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-repeat: {{val}};'], 'list' => [ '' => __pl('default'), 'repeat' => __pl('repeat'), 'no-repeat' => __pl('no-repeat'), 'repeat-x' => __pl('repeat-x'), 'repeat-y' => __pl('repeat-y'), ], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'image'] ), 'overlay_bg_size' => array( 'type' => 'select', 'label' => __pl('overlay_bg_size'), 'css' => ['{{element}} > .pagelayer-background-overlay' => 'background-size: {{val}};'], 'list' => [ '' => __pl('default'), 'cover' => __pl('cover'), 'contain' => __pl('contain') ], 'show' => ['overlay_state' => ''], 'req' => ['overlay_type' => 'image'] ), 'overlay_transperancy' => array( 'type' => 'slider', 'label' => __pl('overlay_transperancy'), 'default' => 0.5, 'min' => 0, 'max' => 1, 'step' => 0.1, 'css' => ['{{element}} > .pagelayer-background-overlay' => 'opacity: {{val}};'], 'req' => array( '!overlay_type' => '', ), 'show' => ['overlay_state' => ''], ), 'overlay_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('overlay_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} > .pagelayer-background-overlay' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'], 'show' => array( 'overlay_state' => 'hover' ), ), 'overlay_type_hover' => array( 'type' => 'radio', 'label' => __pl('overlay_type_hover'), 'list' => array( '' => __pl('none'), 'color' => __pl('color'), 'gradient' => __pl('gradient'), 'image' => __pl('image'), ), 'show' => ['overlay_state' => 'hover'], ), 'overlay_color_hover' => array( 'type' => 'color', 'label' => __pl('color'), //'desc' => __pl('video_src_desc'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background: {{val}};'], 'req' => ['overlay_type_hover' => 'color'], 'show' => ['overlay_state' => 'hover'], ), 'overlay_gradient_hover' => array( 'type' => 'gradient', 'label' => '', 'default' => '150,#44d3f6,23,#72e584,45,#2ca4eb,100', 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'gradient'] ), 'overlay_img_hover' => array( 'type' => 'image', 'label' => __pl('Image'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background: url("{{{overlay_img_hover-url}}}");'], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_img_attachment_hover' => array( 'type' => 'select', 'label' => __pl('overlay_img_attachment_hover'), 'list' => [ '' => __pl('default'), 'scroll' => __pl('scroll'), 'fixed' => __pl('fixed') ], 'show' => ['overlay_state' => 'hover'], 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-attachment: {{val}};'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_posx_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posx_hover'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right') ], 'show' => ['overlay_state' => 'hover'], 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-position-x: {{val}};'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_posy_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_posy_hover'), 'list' => [ '' => __pl('default'), 'center' => __pl('center'), 'top' => __pl('top'), 'bottom' => __pl('bottom') ], 'show' => ['overlay_state' => 'hover'], 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-position-y: {{val}};'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_repeat_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_repeat_hover'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-repeat: {{val}};'], 'list' => [ '' => __pl('default'), 'repeat' => __pl('repeat'), 'no-repeat' => __pl('no-repeat'), 'repeat-x' => __pl('repeat-x'), 'repeat-y' => __pl('repeat-y'), ], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_bg_size_hover' => array( 'type' => 'select', 'label' => __pl('overlay_bg_size_hover'), 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'background-size: {{val}};'], 'list' => [ '' => __pl('default'), 'cover' => __pl('cover'), 'contain' => __pl('contain') ], 'show' => ['overlay_state' => 'hover'], 'req' => ['overlay_type_hover' => 'image'] ), 'overlay_transperancy_hover' => array( 'type' => 'slider', 'label' => __pl('overlay_transperancy_hover'), 'default' => 0.5, 'min' => 0, 'max' => 1, 'step' => 0.1, 'css' => ['{{element}}:hover > .pagelayer-background-overlay' => 'opacity: {{val}};'], 'req' => array( '!overlay_type_hover' => '', ), 'show' => ['overlay_state' => 'hover'], ), ], 'styles' => [ 'col_bg_styles' => __pl('col_bg_styles'), 'col_bg_overlay' => __pl('col_bg_overlay'), ], ) ); //////////////////////// // TEXT Group //////////////////////// // Heading object pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_heading', array( 'name' => __pl('title'), 'group' => 'text', 'innerHTML' => 'text', 'html' => '<a if-ext="{{link}}" href="{{{link}}}" class="pagelayer-link-sel"> <div if={{text}} class="pagelayer-heading-holder">{{text}}</div> </a>', 'params' => array( 'text' => array( 'type' => 'textarea', 'label' => __pl('Edit Title'), 'default' => '<h2>Your Heading</h2>', 'desc' => __pl('Edit the heading here'), 'e' => [ 'v', 'h', 'f', 'c', 'r'], 'edit' => '.pagelayer-heading-holder', // Edit the text and also mirror the same ), 'link' => array( 'type' => 'link', 'label' => __pl('image_link_label'), 'selector' => '.pagelayer-link-sel' ), 'align' => array( 'label' => __pl('obj_align_label'), 'type' => 'radio', 'addAttr' => 'align="{{align}}"', 'screen' => 1, 'css' => ['{{element}}' => 'text-align: {{val}}'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ) ), ), 'heading_styles' => [ 'heading_state' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('normal'), 'hover' => __pl('hover'), ) ), 'color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-heading-holder *' => 'color:{{val}}', '{{element}} .pagelayer-heading-holder' => 'color:{{val}}'], 'show' => ['heading_state' => 'normal'] ), 'heading_typo' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-heading-holder *' => 'font-family: {{val[0]}} !important; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;', '{{element}} .pagelayer-heading-holder' => 'font-family: {{val[0]}} !important; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'show' => ['heading_state' => 'normal'] ), 'heading_text_shadow' => array( 'type' => 'shadow', 'label' => __pl('text_shadow'), 'css' => ['{{element}} .pagelayer-heading-holder, {{element}} .pagelayer-heading-holder *' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}} !important;'], 'show' => ['heading_state' => 'normal'] ), 'color_hover' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-heading-holder:hover *' => 'color:{{val}}', '{{element}} .pagelayer-heading-holder:hover' => 'color:{{val}}'], 'show' => ['heading_state' => 'hover'] ), 'heading_typo_hover' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-heading-holder:hover *' => 'font-family: {{val[0]}} !important; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;', '{{element}} .pagelayer-heading-holder:hover' => 'font-family: {{val[0]}} !important; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'show' => ['heading_state' => 'hover'] ), 'heading_text_shadow_hover' => array( 'type' => 'shadow', 'label' => __pl('text_shadow'), 'css' => ['{{element}} .pagelayer-heading-holder:hover, {{element}} .pagelayer-heading-holder:hover *' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}} !important;'], 'show' => ['heading_state' => 'hover'] ), ], 'styles' => [ 'heading_styles' => __pl('heading_styles') ], ) ); // Rich Text object pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_text', array( 'name' => __pl('Rich Text'), 'group' => 'text', 'innerHTML' => 'text', 'html' => '<div class="pagelayer-text-holder">{{text}}</div>', 'params' => array( 'text' => array( 'type' => 'editor', 'label' => __pl('Edit Rich Text'), 'default' => pagelayer_is_gutenberg_editor() ? '' : '<p><br></p>', 'rows' => '15', 'desc' => __pl('Edit the content by clicking on the content you want to edit on the website'), 'edit' => '.pagelayer-text-holder', // Edit the text and also mirror the same ) ) ) ); // Quote pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_quote', array( 'name' => __pl('quote'), 'group' => 'text', 'innerHTML' => 'quote_content', 'html' => '<div class="pagelayer-quote-holder pagelayer-quote-{{quote_style}}"> <i if="{{quotation_pos}}" class="fa fa-quote-left pagelayer-quotation-{{quotation_pos}}"></i> <div if="{{quote_content}}" class="pagelayer-quote-content"> <i if="{{double_indent}}" class="fa fa-quote-left"></i> {{quote_content}} <i if="{{double_indent}}" class="fa fa-quote-right"></i> </div> <div if="{{cite}}" class="pagelayer-quote-cite"> <a if-ext="{{cite_url}}" href="{{{cite_url}}}" class="pagelayer-link-sel"> <span class="pagelayer-cite-holder">{{cite}}</span> </a> </div> </div>', 'params' => array( 'quote_content' => array( 'type' => 'textarea', 'label' => __pl('quotes_content_label'), 'default' => 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.', 'edit' => '.pagelayer-quote-content', ), 'quote_background_color' => array( 'type' => 'color', 'label' => __pl('bg_color'), 'default' => '#eeeeee', 'css' => ['{{element}} .pagelayer-quote-holder' => 'background-color: {{val}}'] ), 'quote_content_color' => array( 'type' => 'color', 'label' => __pl('quotes_content_color_label'), 'default' => '#050505', 'css' => ['{{element}} .pagelayer-quote-content' => 'color:{{val}}'], ), 'quote_content_space' => array( 'type' => 'dimension', 'label' => __pl('space_between'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-quote-content' => 'margin-top:{{val[0]}}px;margin-bottom:{{val[1]}}px;'], ), 'quote_content_typo' => array( 'type' => 'typography', 'label' => __pl('quote_content_typo'), 'css' => ['{{element}} .pagelayer-quote-content' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ), 'qoute_styles' => [ 'quote_style' => array( 'type' => 'select', 'label' => __pl('style'), 'default' => 'quotation', 'list' => array( 'default' => __pl('default'), 'quotation' => __pl('quotation'), 'double' => __pl('double_quotation') ) ), 'quotation_pos' => array( 'type' => 'radio', 'label' => __pl('quotation_pos_label'), 'default' => 'default', 'css' => ['{{element}} .pagelayer-quote-holder' => 'position: relative;', '{{element}} .pagelayer-quote-content' => 'position: relative; z-index:1;', '{{element}} .pagelayer-quote-cite' => 'position: relative; z-index:1;'], 'list' => array( 'default' => __pl('default'), 'overlay' => __pl('overlay') ), 'req' => array( 'quote_style' => 'quotation' ), ), 'quotation_size' => array( 'type' => 'slider', 'label' => __pl('quotation_size_label'), 'min' => 1, 'step' => 1, 'max' => 1000, 'default' => 70, 'screen' => 1, 'css' => ['{{element}} .fa' => 'font-size: {{val}}px;'], 'req' => array( 'quote_style' => ['quotation','double'] ) ), 'quotation_color' => array( 'type' => 'color', 'label' => __pl('quotation_color_label'), 'default' => '#dadada', 'css' => ['{{element}} .fa' => 'color:{{val}}'], 'req' => array( 'quote_style' => ['quotation','double'] ) ), 'quotation_top' => array( 'type' => 'slider', 'label' => __pl('quotation_top_label'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 0, 'screen' => 1, 'css' => ['{{element}} .pagelayer-quotation-overlay' => 'top: {{val}}%;'], 'req' => array( 'quote_style' => 'quotation', 'quotation_pos' => 'overlay' ) ), 'quotation_left' => array( 'type' => 'slider', 'label' => __pl('quotation_left_label'), 'min' => 0, 'step' => 1, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-quotation-overlay' => 'left: {{val}}%;'], 'req' => array( 'quote_style' => 'quotation', 'quotation_pos' => 'overlay' ) ), 'double_indent' => array( 'type' => 'slider', 'label' => __pl('quotation_double_indent_label'), 'min' => 1, 'step' => 1, 'max' => 500, 'default' => 10, 'screen' => 1, 'css' => ['{{element}} .fa-quote-right' => 'padding-left: {{val}}px;', '{{element}} .fa-quote-left' => 'padding-right: {{val}}px;'], 'req' => array( 'quote_style' => 'double' ) ), 'align' => array( 'label' => __pl('obj_align_label'), 'type' => 'radio', 'default' => 'left', 'screen' => 1, 'css' => ['{{element}} .pagelayer-quote-holder' => 'text-align: {{val}};'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ) ) ], 'cite_styles' => [ 'cite' => array( 'type' => 'text', 'label' => __pl('quotes_cite_label'), 'default' => '- John Smith', 'desc' => __pl('quotes_cite_desc'), 'edit' => '.pagelayer-cite-holder', ), 'cite_url' => array( 'type' => 'link', 'label' => __pl('quotes_url_label'), 'selector' => '.pagelayer-link-sel', 'desc' => __pl('quotes_url_desc'), ), 'cite_text_color' => array( 'type' => 'color', 'label' => __pl('quotes_cite_color_label'), 'default' => '#3f3f3f', 'css' => ['{{element}} .pagelayer-quote-cite span' => 'color:{{val}}'] ), 'cite_text_align' => array( 'label' => __pl('obj_align_label'), 'type' => 'radio', 'default' => 'left', 'screen' => 1, 'css' => ['{{element}} .pagelayer-quote-cite' => 'text-align: {{val}};'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ) ), 'cite_typo' => array( 'type' => 'typography', 'label' => __pl('cite_typo'), 'default' => ',16,italic,,,,solid,,,,', 'css' => ['{{element}} .pagelayer-quote-cite' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ) ], 'border_style' => [ 'quote_border_width' => array( 'type' => 'spinner', 'label' => __pl('quote_left_border_width'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 5, 'screen' => 1, 'css' => ['{{element}} .pagelayer-quote-holder' => 'border-left-width: {{val}}px; border-left-style: solid;'] ), 'quote_border_color' => array( 'type' => 'color', 'label' => __pl('quote_border_color'), 'default' => '#02CC90', 'css' => ['{{element}} .pagelayer-quote-holder' => 'border-left-color: {{val}}'] ), 'quote_lpadding' => array( 'type' => 'spinner', 'label' => __pl('quote_left_padding'), 'min' => 1, 'step' => 1, 'max' => 100, 'default' => 30, 'screen' => 1, 'css' => ['{{element}} .pagelayer-quote-holder' => 'padding-left: {{val}}px; padding-right: 10px;'] ), 'quote_vpadding' => array( 'type' => 'spinner', 'label' => __pl('quote_vertical_padding'), 'min' => 1, 'step' => 1, 'max' => 100, 'default' => 20, 'screen' => 1, 'css' => ['{{element}} .pagelayer-quote-holder' => 'padding-top: {{val}}px; padding-bottom: {{val}}px;'] ) ], 'styles' => [ 'qoute_styles' => __pl('qoute_styles'), 'cite_styles' => __pl('cite_styles'), 'border_style' => __pl('left_border'), ], ) ); pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_list_item', array( 'name' => __pl('list_item'), 'group' => 'text', 'not_visible' => 1, 'parent' => [PAGELAYER_SC_PREFIX.'_list'], 'innerHTML' => 'item', 'html' => '<li if="{{item}}" class="pagelayer-list-li"> <a if-ext="{{item_url}}" class="pagelayer-list-url pagelayer-ele-link" href="{{{item_url}}}"> <span class="pagelayer-list-icon-holder"> <i if="{{show_icon}}" class="pagelayer-list-icon {{icon}}"></i> <span if="{{item}}" class="pagelayer-list-item">{{item}}</span> </span> </a> </li>', 'params' => array( 'item' => array( 'type' => 'text', 'label' => __pl('list_items_label'), 'default' => __pl('list_items_default'), 'edit' => '.pagelayer-list-item', ), 'item_url' => array( 'type' => 'link', 'label' => __pl('list_item_url_label'), 'selector' => '.pagelayer-list-url', ), 'show_icon' => array( 'type' => 'checkbox', 'label' => __pl('list_show_icon'), 'default' => 'true' ), 'icon' => array( 'type' => 'icon', 'label' => __pl('list_icon_label'), 'default' => 'fas fa-star', 'req' => array( 'show_icon' => 'true' ) ) ) ) ); // List pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_list', array( 'name' => __pl('list'), 'group' => 'text', 'has_group' => [ 'section' => 'params', 'prop' => 'elements' ], 'holder' => '.pagelayer-list-ul', 'html' => '<ul class="pagelayer-list-ul pagelayer-list-type-{{list_type}}"> </ul>', 'params' => array( 'elements' => array( 'type' => 'group', 'label' => __pl('List Item'), 'sc' => PAGELAYER_SC_PREFIX.'_list_item', 'item_label' => array( 'default' => __pl('List Item'), 'param' => 'item' ), 'count' => 2, 'text' => __pl('Add List Item'), ), 'list_type' => array( 'type' => 'select', 'label' => __pl('style'), 'default' => 'none', 'css' => ['{{element}} li' => 'list-style-type: {{val}};'], 'list' => array( 'none' => __pl('none'), 'circle' => __pl('list_list_type_circle'), 'disc' => __pl('list_list_type_disc'), 'square' => __pl('list_list_type_square'), 'armenian' => __pl('list_list_type_armenian'), 'georgian' => __pl('list_list_type_georgian'), 'decimal' => '1, 2, 3, 4', 'decimal-leading-zero' => '01, 02, 03, 04', 'lower-latin' => 'a, b, c, d', 'lower-roman' => 'i, ii, iii, iv', 'lower-greek' => 'α, β, γ, δ', 'upper-latin' => 'A, B, C, D', 'upper-roman' => 'I, II, III, IV' ) ), 'spacing' => array( 'type' => 'slider', 'label' => __pl('list_spacing_label'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 10, 'screen' => 1, 'css' => ['{{element}} .pagelayer-list-icon-holder' => 'padding-bottom: calc({{val}}px/2); padding-top: calc({{val}}px/2);'], ), 'side_spacing' => array( 'type' => 'slider', 'label' => __pl('list_side_spacing_label'), 'min' => 0, 'step' => 1, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-list_item' => 'padding-left: {{val}}px; padding-right: {{val}}px;'], ), ), 'text_style' => [ 'list_text_state' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => 'normal', 'list' => [ 'normal' => __pl('normal'), 'hover' => __pl('hover') ], ), 'list_color' => array( 'type' => 'color', 'label' => __pl('list_color_label'), 'css' => ['{{element}} .pagelayer-list-item' => 'color:{{val}}'], 'show' =>['list_text_state' => 'normal'] ), 'list_bg' => array( 'type' => 'color', 'label' => __pl('bg_color'), 'css' => ['{{element}} .pagelayer-list-ul > div' => 'background-color:{{val}}'], 'show' =>['list_text_state' => 'normal'] ), 'list_typo' => array( 'type' => 'typography', 'label' => __pl('list_typo'), 'css' => [ '{{element}} li' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;', '{{element}} li > a' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;' ], 'show' =>['list_text_state' => 'normal'] ), 'item_indent' => array( 'type' => 'slider', 'label' => __pl('list_item_indent_label'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 10, 'screen' => 1, 'css' => ['{{element}} .pagelayer-list-item' => 'margin-left: {{val}}px;'], 'show' =>['list_text_state' => 'normal'] ), 'list_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'css' => ['{{element}} .pagelayer-list-item, {{element}} .pagelayer-list-ul > div' => 'transition: all {{val}}ms;'], 'show' =>['list_text_state' => 'hover'] ), 'list_color_hover' => array( 'type' => 'color', 'label' => __pl('list_color_label'), 'css' => ['{{element}} .pagelayer-list-ul > div:hover .pagelayer-list-item' => 'color:{{val}}'], 'show' =>['list_text_state' => 'hover'] ), 'list_bg_hover' => array( 'type' => 'color', 'label' => __pl('bg_color'), 'css' => ['{{element}} .pagelayer-list-ul > div:hover' => 'background-color:{{val}}'], 'show' =>['list_text_state' => 'hover'] ), 'list_typo_hover' => array( 'type' => 'typography', 'label' => __pl('list_typo'), 'css' => [ '{{element}} .pagelayer-list-ul > div:hover li' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;', '{{element}} .pagelayer-list-ul > div:hover li > a' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;' ], 'show' =>['list_text_state' => 'hover'] ), ], 'icon_style' => [ 'list_icon_state' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => 'normal', 'list' => [ 'normal' => __pl('normal'), 'hover' => __pl('hover') ], ), 'icon_color' => array( 'type' => 'color', 'label' => __pl('list_icon_color_label'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-list-icon' => 'color:{{val}}'], 'show' => ['list_icon_state' => 'normal'], ), 'icon_size' => array( 'type' => 'slider', 'label' => __pl('list_icon_size_label'), 'min' => 0, 'step' => 1, 'max' => 150, 'screen' => 1, 'css' => ['{{element}} .pagelayer-list-icon' => 'font-size: {{val}}px'], 'show' => ['list_icon_state' => 'normal'], ), 'icon_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'css' => ['{{element}} .pagelayer-list-icon' => 'transition: all {{val}}ms;'], 'show' =>['list_icon_state' => 'hover'] ), 'icon_color_hover' => array( 'type' => 'color', 'label' => __pl('list_icon_color_label'), 'css' => ['{{element}} .pagelayer-list-ul > div:hover .pagelayer-list-icon' => 'color:{{val}}'], 'show' => ['list_icon_state' => 'hover'], ), 'icon_size_hover' => array( 'type' => 'slider', 'label' => __pl('list_icon_size_label'), 'min' => 0, 'step' => 1, 'max' => 150, 'screen' => 1, 'css' => ['{{element}} .pagelayer-list-ul > div:hover .pagelayer-list-icon' => 'font-size: {{val}}px'], 'show' => ['list_icon_state' => 'hover'], ), ], 'divider' => [ 'icon_border_type' => array( 'type' => 'select', 'label' => __pl('type'), 'css' => ['{{element}} .pagelayer-list-ul > div:not(:last-child)' => 'border-bottom-style: {{val}};'], 'default' => 'solid', 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], ), 'icon_border_color' => array( 'type' => 'color', 'label' => __pl('color'), 'default' => '#cbd2dc78', 'css' => ['{{element}} .pagelayer-list-ul > div' => 'border-bottom-color: {{val}};'], 'req' => array( '!icon_border_type' => '' ), ), 'icon_border_width' => array( 'type' => 'slider', 'label' => __pl('border_width'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 3, 'screen' => 1, 'css' => ['{{element}} .pagelayer-list-ul > div' => 'border-bottom-width: {{val}}px;'], 'req' => [ '!icon_border_type' => '' ] ), ], 'styles' => [ 'text_style' => __pl('text_style'), 'icon_style' => __pl('icon_style'), 'divider' => __pl('divider'), ] ) ); // Icon pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_icon', array( 'name' => __pl('icon'), 'group' => 'text', 'html' => '<div class="pagelayer-icon-holder"> <a if-ext="{{link}}" class="pagelayer-ele-link" href="{{{link}}}"> <i class="{{icon}} {{bg_shape}} {{icon_size}} pagelayer-animation-{{anim_hover}}"></i> </a> </div>', 'params' => array( 'icon' => array( 'type' => 'icon', 'label' => __pl('list_icon_label'), 'default' => 'fas fa-star', ), 'icon_background_size' => array( 'type' => 'spinner', 'label' => __pl('service_box_icon_background_size'), 'default' => 10, 'screen' => 1, 'css' => ['{{element}} i' => 'padding: calc(0.5em + {{val}}px);'], 'min' => 1, 'max' => 500, 'step' => 1, ), 'link' => array( 'type' => 'link', 'label' => __pl('icon_link_field_label'), 'selector' => '.pagelayer-ele-link' ), 'icon_alignment' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'default' => 'center', 'screen' => 1, 'css' => 'text-align: {{val}}', 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), ), ), 'icon_style' => [ 'icon_hover' => array( 'type' => 'radio', 'label' => '', 'default' => '', 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ), ), 'icon_color_style' => array( 'type' => 'color', 'label' => __pl('service_box_icon_color_label'), 'css' => ['{{element}} i' => 'height: 1em; width: 1em; position: relative; color: {{val}};', '{{element}} i:before' => 'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'], 'default' => '#0986c0', 'show' => array( 'icon_hover' => '' ), ), 'bg_shape' => array( 'type' => 'select', 'label' => __pl('icon_background_shape'), 'default' => '', 'list' => array( '' => __pl('icon_shape_none'), 'pagelayer-icon-circle' => __pl('icon_shape_circle'), 'pagelayer-icon-square' => __pl('icon_shape_square'), 'pagelayer-icon-rounded' => __pl('icon_shape_rounded') ), 'show' => array( 'icon_hover' => '' ), ), 'icon_size' => array( 'type' => 'select', 'label' => __pl('obj_size_label'), 'default' => 'pagelayer-icon-large', 'list' => array( 'pagelayer-icon-mini' => __pl('mini'), 'pagelayer-icon-small' => __pl('small'), 'pagelayer-icon-large' => __pl('large'), 'pagelayer-icon-extra-large' => __pl('extra_large'), 'pagelayer-icon-double-large' => __pl('double_large'), 'pagelayer-icon-custom' => __pl('custom'), ), 'show' => array( 'icon_hover' => '' ), ), 'icon_size_custom' => array( 'type' => 'spinner', 'label' => __pl('service_box_icon_custom_size_label'), 'desc' => __pl('service_box_icon_custom_size_desc'), 'min' => 1, 'step' => 1, 'max' => 500, 'default' => 26, 'screen' => 1, 'css' => ['{{element}} i' => 'font-size: {{val}}px'], 'req' => array( 'icon_size' => 'pagelayer-icon-custom' ), 'show' => array( 'icon_hover' => '' ), ), 'icon_rotate' => array( 'type' => 'spinner', 'label' => __pl('service_box_icon_rotate'), 'default' => 0, 'css' => ['{{element}} i' => 'transform: rotate({{val}}deg)'], 'min' => -360, 'max' => 360, 'step' => 1, 'screen' => 1, 'show' => array( 'icon_hover' => '' ), ), 'icon_bg_rotate' => array( 'type' => 'spinner', 'label' => __pl('rotate_icon'), 'default' => 0, 'css' => ['{{element}} i:before' => 'transform: translate(-50%, -50%) rotate({{val}}deg)'], 'min' => -360, 'max' => 360, 'step' => 1, 'screen' => 1, 'show' => array( 'icon_hover' => '' ), 'req' => [ '!bg_shape' => ''] ), 'bg_color' => array( 'type' => 'color', 'label' => __pl('service_box_icon_background_color_label'), 'default' => '#42414f', 'css' => ['{{element}} i' => 'background-color: {{val}};'], 'req' => array( '!bg_shape' => '' ), 'show' => array( 'icon_hover' => '' ), ), 'icon_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('animation_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'screen' => 1, 'css' => ['{{element}} i' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;', '{{element}} i:hover:before' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'], 'show' => array( 'icon_hover' => 'hover' ), ), 'icon_color_style_hover' => array( 'type' => 'color', 'label' => __pl('service_box_icon_color_label'), 'css' => ['{{element}} i:hover' => 'height: 1em; width: 1em; position: relative; color: {{val}}', '{{element}} i:before' => 'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'], 'show' => array( 'icon_hover' => 'hover' ), ), 'icon_size_custom_hover' => array( 'type' => 'spinner', 'label' => __pl('service_box_icon_custom_size_label'), 'desc' => __pl('service_box_icon_custom_size_desc'), 'min' => 1, 'step' => 1, 'max' => 500, 'screen' => 1, 'css' => ['{{element}} i:hover' => 'font-size: {{val}}px'], 'req' => array( 'icon_size' => 'pagelayer-icon-custom' ), 'show' => array( 'icon_hover' => 'hover' ), ), 'anim_hover' => array( 'type' => 'select', 'label' => __pl('icon_animation'), 'list' => [ '' => __pl('none'), 'grow' => __pl('Grow'), 'shrink' => __pl('Shrink'), 'pulse' => __pl('Pulse'), 'pulse-grow' => __pl('Pulse Grow'), 'pulse-shrink' => __pl('Pulse Shrink'), 'push' => __pl('Push'), 'pop' => __pl('Pop'), 'buzz' => __pl('Buzz'), 'buzz-out' => __pl('Buzz Out'), 'float' => __pl('Float'), 'sink' => __pl('Sink'), 'bob' => __pl('Bob'), 'hang' => __pl('Hang'), 'bounce-in' => __pl('Bounce In'), 'bounce-out' => __pl('Bounce Out'), 'rotate' => __pl('Rotate'), 'grow-rotate' => __pl('Grow Rotate'), 'skew-forward' => __pl('Skew Forward'), 'skew-backward' => __pl('Skew Backward'), 'wobble-vertical' => __pl('Wobble Vertical'), 'wobble-horizontal' => __pl('Wobble Horizontal'), 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'), 'wobble-top-to-right' => __pl('Wobble Top To Right'), 'wobble-top' => __pl('Wobble Top'), 'wobble-bottom' => __pl('Wobble Bottom'), 'wobble-skew' => __pl('Wobble Skew'), ], 'show' => array( 'icon_hover' => 'hover', ), ), 'icon_rotate_hover' => array( 'type' => 'spinner', 'label' => __pl('service_box_icon_rotate'), 'default' => 0, 'css' => ['{{element}} i:hover' => 'transform: rotate({{val}}deg)'], 'min' => 0, 'max' => 360, 'step' => 1, 'screen' => 1, 'show' => array( 'icon_hover' => 'hover' ), 'req' => [ '!bg_shape' => ''] ), 'icon_bg_rotate_hover' => array( 'type' => 'spinner', 'label' => __pl('rotate_icon'), 'default' => 0, 'css' => ['{{element}} i:hover:before' => 'transform: translate(-50%, -50%) rotate({{val}}deg)'], 'min' => 0, 'max' => 360, 'step' => 1, 'screen' => 1, 'show' => array( 'icon_hover' => 'hover' ), ), 'bg_color_hover' => array( 'type' => 'color', 'label' => __pl('service_box_icon_background_color_label'), 'css' => ['{{element}} i:hover' => 'background-color: {{val}};'], 'req' => array( '!bg_shape' => '' ), 'show' => array( 'icon_hover' => 'hover' ), ), 'icon_background_size_hover' => array( 'type' => 'spinner', 'label' => __pl('service_box_icon_background_size'), 'css' => ['{{element}} i:hover' => 'padding: calc(0.5em + {{val}}px)'], 'min' => 1, 'max' => 500, 'step' => 1, 'screen' => 1, 'req' => array( '!bg_shape' => '' ), 'show' => array( 'icon_hover' => 'hover' ), ) ], 'border_style' => [ 'icon_border_hover' => array( 'type' => 'radio', 'label' => '', 'default' => '', 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ), ), 'icon_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} i' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'icon_border_hover' => '' ), ), 'icon_border_color' => array( 'type' => 'color', 'label' => __pl('service_box_icon_border_color_label'), 'default' => '#0986c0', 'css' => ['{{element}} i' => 'border-color: {{val}};'], 'req' => array( '!icon_border_type' => '' ), 'show' => array( 'icon_border_hover' => '' ), ), 'icon_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} i' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!icon_border_type' => '' ], 'show' => array( 'icon_border_hover' => '' ), ), 'icon_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} i' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!icon_border_type' => '' ), 'show' => array( 'icon_border_hover' => '' ), ), 'icon_border_type_hover' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} i:hover' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'icon_border_hover' => 'hover' ), ), 'icon_border_color_hover' => array( 'type' => 'color', 'label' => __pl('service_box_icon_border_color_label'), 'css' => ['{{element}} i:hover' => 'border-color: {{val}};'], 'default' => '#0986c0', 'req' => array( '!icon_border_type_hover' => '' ), 'show' => array( 'icon_border_hover' => 'hover' ), ), 'icon_border_width_hover' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} i:hover' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!icon_border_type_hover' => '' ], 'show' => array( 'icon_border_hover' => 'hover' ), ), 'icon_border_radius_hover' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} i:hover' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!icon_border_type_hover' => '' ), 'show' => array( 'icon_border_hover' => 'hover' ), ), ], 'styles' => [ 'icon_style' => __pl('icon_style_hover'), 'border_style' => __pl('border'), ] ) ); // Badge pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_badge', array( 'name' => __pl('Badge'), 'group' => 'text', 'innerHTML' => 'title', 'html' => '<div class="pagelayer-badge-span"> <span if="{{text}}" class="pagelayer-badge-text">{{text}}</span> <a if-ext="{{badge_url}}" class="pagelayer-ele-link" href="{{{badge_url}}}"> <span if="{{badge_text}}" class="pagelayer-badge-title pagelayer-badge-details pagelayer-badge-{{badge_notification_type}} pagelayer-badge-{{badge_style_type}}">{{badge_text}}</span> </a> </div> <a if-ext="{{badge_url}}" class="pagelayer-ele-link" href="{{{badge_url}}}"> <button class="pagelayer-badge-btn pagelayer-btn-{{badge_btn_type}}"> <span if="{{text}}" class="pagelayer-badge-text">{{text}}</span> <span if="{{badge_text}}" class="pagelayer-badge-title pagelayer-badge-details pagelayer-badge-{{badge_notification_type}} pagelayer-badge-{{badge_style_type}}">{{badge_text}}</span> </button> </a>', 'params' => array( 'badge_text' => array( 'type' => 'text', 'label' => __pl('badge_text'), 'default' => 'Badge', 'edit' => '.pagelayer-badge-title', ), 'badge_url' => array( 'type' => 'link', 'label' => __pl('badge_url_label'), 'selector' => '.pagelayer-ele-link', ), 'badge_notification_type' => array( 'type' => 'select', 'label' => __pl('badge_notification_type'), 'default' => 'primary', 'list' => [ 'primary' => __pl('Primary'), 'secondary' => __pl('Secondary'), 'success' => __pl('Success'), 'warning' => __pl('Warning'), 'danger' => __pl('Danger'), 'info' => __pl('Info'), 'light' => __pl('Light'), 'dark' => __pl('Dark'), 'custom' => __pl('Custom'), ], ), 'custom_badge_state' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => '', 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ), 'req' => ['badge_notification_type' => 'custom'], ), 'custom_badge_text_color' => array( 'type' => 'color', 'label' => __pl('badge_text_color_label'), 'css' => ['{{element}} .pagelayer-badge-title' => 'color:{{val}} !important;'], 'show' => ['custom_badge_state' => ''], 'req' => ['badge_notification_type' => 'custom'], ), 'custom_badge_bg_color' => array( 'type' => 'color', 'label' => __pl('bg_color'), 'css' => ['{{element}} .pagelayer-badge-title' => 'background-color:{{val}} !important;'], 'show' => ['custom_badge_state' => ''], 'req' => ['badge_notification_type' => 'custom'], ), 'custom_badge_text_color_hover' => array( 'type' => 'color', 'label' => __pl('badge_text_color_label'), 'css' => ['{{element}} .pagelayer-badge-title:hover' => 'color:{{val}} !important;'], 'show' => ['custom_badge_state' => 'hover'], 'req' => ['badge_notification_type' => 'custom'], ), 'custom_badge_bg_color_hover' => array( 'type' => 'color', 'label' => __pl('bg_color'), 'css' => ['{{element}} .pagelayer-badge-title:hover' => 'background-color:{{val}} !important;'], 'show' => ['custom_badge_state' => 'hover'], 'req' => ['badge_notification_type' => 'custom'], ), 'badge_style_type' => array( 'type' => 'select', 'label' => __pl('badge_style'), 'default' => 'normal', 'list' => [ 'normal' => __pl('Normal'), 'pills' => __pl('Pills'), ], ), 'badge_vertical_align' => array( 'type' => 'select', 'label' => __pl('badge_vertical_align'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-badge-details' => 'vertical-align:{{val}};'], 'list' => [ '' => __pl('none'), 'top' => __pl('Top'), 'bottom' => __pl('Bottom'), ], 'req' => array( 'badge_button' => '', ) ), ), 'text_style' => [ 'text' => array( 'type' => 'text', 'label' => __pl('text'), 'default' => 'Your custom text', 'edit' => '.pagelayer-badge-text', ), 'text_state' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => '', 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ) ), 'text_color' => array( 'type' => 'color', 'label' => __pl('badge_text_color_label'), 'default' => '#000000', 'css' => ['{{element}} .pagelayer-badge-text' => 'color:{{val}};'], 'show' => ['text_state' => ''] ), 'text_color_hover' => array( 'type' => 'color', 'label' => __pl('badge_text_color_label'), 'css' => ['{{element}} .pagelayer-badge-text:hover' => 'color:{{val}};'], 'show' => ['text_state' => 'hover'] ), 'text_style' => array( 'type' => 'typography', 'label' => __pl('text_size'), 'default' => ',25,,400,,,,,,,', 'css' => ['{{element}} .pagelayer-badge-text' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'badge_style' => [ 'badge_text_color' => array( 'type' => 'color', 'label' => __pl('badge_text_color_label'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-badge-custom' => 'color:{{val}};'], 'req' => ['badge_notification_type' => 'custom'], ), 'badge_spacing' => array( 'type' => 'slider', 'label' => __pl('badge_spacing'), 'default' => 2, 'min' => 1, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-badge-details' => 'margin-left:{{val}}px;'], ), 'badge_background_color' => array( 'type' => 'color', 'label' => __pl('badge_text_background_label'), 'default' => '#4982ee', 'css' => ['{{element}} .pagelayer-badge-custom' => 'background-color:{{val}};'], 'req' => ['badge_notification_type' => 'custom'], ), 'badge_vspacing' => array( 'type' => 'slider', 'label' => __pl('quote_vertical_padding'), 'default' => 2, 'min' => 0, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-badge-details' => 'padding-top:{{val}}px; padding-bottom:{{val}}px;'], ), 'badge_hspacing' => array( 'type' => 'slider', 'label' => __pl('horizontal_spacing'), 'default' => 2, 'min' => 0, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-badge-details' => 'padding-left:{{val}}px; padding-right:{{val}}px;'], ), 'badge_text_style' => array( 'type' => 'typography', 'label' => __pl('badge_text_size'), 'default' => ',16,,400,,,,,,,', 'css' => ['{{element}} .pagelayer-badge-details' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'btn_badge' => [ 'badge_button' => array( 'type' => 'checkbox', 'label' => __pl('button_badge'), 'css' => ['{{element}} .pagelayer-badge-btn '=> 'display : block;', '{{element}} .pagelayer-badge-span'=> 'display : none;', ], ), 'badge_btn_type' => array( 'type' => 'select', 'label' => __pl('badge_btn_type'), 'default' => 'warning', 'list' => [ 'primary' => __pl('Primary'), 'secondary' => __pl('Secondary'), 'success' => __pl('Success'), 'warning' => __pl('Warning'), 'danger' => __pl('Danger'), 'info' => __pl('Info'), 'light' => __pl('Light'), 'dark' => __pl('Dark'), 'custom' => __pl('Custom'), ], 'req' => array( 'badge_button' => 'true', ) ), 'badge_btn_hover' => array( 'type' => 'radio', 'label' => '', 'default' => '', 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ), 'req' => array( 'badge_button' => 'true', 'badge_btn_type' => 'custom', ), ), 'badge_btn_background_color' => array( 'type' => 'color', 'label' => __pl('badge_btn_background_label'), 'default' => '#4982ee', 'css' => ['{{element}} .pagelayer-badge-btn' => 'background-color:{{val}};'], 'req' => [ 'badge_btn_type' => 'custom', 'badge_button' => 'true', ], 'show' => ['badge_btn_hover' => ''], ), 'badge_btn_background_color_hover' => array( 'type' => 'color', 'label' => __pl('badge_btn_background_label'), 'default' => '#4982ee', 'css' => ['{{element}} .pagelayer-badge-btn:hover' => 'background-color:{{val}};'], 'show' => ['badge_btn_hover' => 'hover'], ), ], 'styles' => [ 'text_style' => __pl('text'), 'badge_style' => __pl('badge_style'), 'btn_badge' => __pl('btn_badge'), ] ) ); // Tooltip pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tooltip', array( 'name' => __pl('Tooltip'), 'group' => 'text', 'innerHTML' => 'tooltip_text', 'html' => '<div class="pagelayer-tooltip-container"> <span if="{{tooltip_icon}}" class="pagelayer-tooltip-icon"><i class="{{tooltip_icon}}"></i></span> <span if="{{text}}" class="pagelayer-tooltip-title">{{text}}</span> <div if="{{tooltip_text}}" class="pagelayer-tooltip-text pagelayer-tooltip-{{tooltip_position}}"> {{tooltip_text}} </div> </div>', 'params' => array( 'text' => array( 'type' => 'text', 'label' => __pl('text'), 'default' => __pl('hover_me'), 'edit' => '.pagelayer-tooltip-title', ), 'tooltip_text' => array( 'type' => 'editor', 'label' => __pl('tooltip_text'), 'default' => 'Hey there, I have an amazing tooltip !', 'edit' => '.pagelayer-tooltip-text', ), ), 'text_style' => [ 'tooltip_align' => array( 'label' => __pl('tooltip_align'), 'type' => 'select', 'default' => 'center', 'screen' => 1, 'css' => 'text-align: {{val}};', 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ) ), 'text_color' => array( 'type' => 'color', 'label' => __pl('tooltip_title_color'), 'css' => ['{{element}} .pagelayer-tooltip-title' => 'color:{{val}};'], ), 'text_size' => array( 'type' => 'typography', 'label' => __pl('tooltip_title_size'), 'default' => ',25,,400,,,,,,,', 'css' => ['{{element}} .pagelayer-tooltip-title' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;', '{{element}} .pagelayer-tooltip-icon i' => 'font-size: {{val[1]}}px !important;'], ), 'tooltip_text_shadow' => array( 'type' => 'shadow', 'label' => __pl('tooltip_text_shadow'), 'css' => ['{{element}} .pagelayer-tooltip-title' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}};', '{{element}} .pagelayer-tooltip-icon i' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}};'], ), ], 'tooltip_style' => [ 'tooltip_position' => array( 'type' => 'select', 'label' => __pl('tooltip_positon'), 'default' => 'top', 'list' => [ 'top' => __pl('Top'), 'right' => __pl('Right'), 'bottom' => __pl('Bottom'), 'left' => __pl('Left'), ], ), 'tooltip_width' => array( 'label' => __pl('tooltip-width'), 'type' => 'slider', 'min' => 100, 'max' => 500, 'default' => 200, 'screen' => 1, 'css' => ['{{element}} .pagelayer-tooltip-text' => 'width:{{val}}px;'], ), 'tooltip_spacing' => array( 'label' => __pl('tooltip_spacing'), 'type' => 'slider', 'min' => 0, 'max' => 100, 'default' => 10, 'screen' => 1, 'css' => ['{{element}} .pagelayer-tooltip-text' => 'padding:{{val}}px;'], ), 'tooltip_background' => array( 'type' => 'color', 'label' => __pl('tooltip_background_color'), 'default' => '#333333', 'css' => ['{{element}} .pagelayer-tooltip-text' => 'background-color:{{val}};', '{{element}} .pagelayer-tooltip-top:after' => 'border-top-color:{{val}};', '{{element}} .pagelayer-tooltip-right:after' => 'border-right-color:{{val}};', '{{element}} .pagelayer-tooltip-bottom:after' => 'border-bottom-color:{{val}};', '{{element}} .pagelayer-tooltip-left:after' => 'border-left-color:{{val}};', ], ), 'tooltip_color' => array( 'type' => 'color', 'label' => __pl('tooltip_text_color'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-tooltip-text' => 'color:{{val}};'], ), 'tooltip_text_size' => array( 'type' => 'typography', 'label' => __pl('tooltip_text_size'), 'default' => ',18,,400,,,,,,,', 'css' => ['{{element}} .pagelayer-tooltip-text' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'tooltip_shadow' => array( 'type' => 'box_shadow', 'label' => __pl('tooltip_shadow'), 'css' => ['{{element}} .pagelayer-tooltip-text' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[4]}}px {{val[3]}} {{val[5]}};'], ), ], 'icon_style' => [ 'show_icon' => array( 'type' => 'checkbox', 'label' => __pl('show_icon'), ), 'tooltip_icon' => array( 'type' => 'icon', 'label' => __pl('tooltip_icon'), 'default' => 'fas fa-exclamation-circle', 'req' => array( 'show_icon' => 'true', ) ), 'icon_color' => array( 'type' => 'color', 'label' => __pl('tooltip_icon_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-tooltip-icon' => 'color:{{val}};'], 'req' => array( 'show_icon' => 'true', ) ), 'icon_spacing' => array( 'label' => __pl('icon_space'), 'type' => 'slider', 'min' => 0, 'max' => 100, 'default' => 4, 'screen' => 1, 'css' => ['{{element}} .pagelayer-tooltip-icon' => 'margin-left:{{val}}px; margin-right:{{val}}px;'], 'req' => array( 'show_icon' => 'true', ) ), 'tooltip_icon_alignment' => array( 'label' => __pl('tooltip_icon_alignment'), 'type' => 'radio', 'default' => 'right', 'css' => ['{{element}} .pagelayer-tooltip-icon' => 'float: {{val}};'], 'list' => array( 'left' => __pl('left'), 'right' => __pl('right'), ), 'req' => array( 'show_icon' => 'true', ) ) ], 'styles' => [ 'icon_style' => __pl('icon'), 'text_style' => __pl('text_style'), 'tooltip_style' => __pl('tooltip_style'), ] ) ); //////////////////////// // Image Group //////////////////////// // Image pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_image', array( 'name' => __pl('image'), 'group' => 'image', 'innerHTML' => 'text', 'html' => '<div class="pagelayer-image-holder pagelayer-anim-par"> <a if-ext="{{link_type}}" class="pagelayer-ele-link" href="{{func_link}}" pagelayer-image-link-type="{{link_type}}"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="{{func_id}}" title="{{{id-title}}}" alt="{{{id-alt}}}" srcset="{{pagelayer-srcset}}" /> <div if="{{overlay}}" class="pagelayer-image-overlay {{content_position}}"> <div class="pagelayer-image-overlay-content"> <i if="{{icon}}" class="pagelayer-image-overlay-icon {{icon}}"></i> <div if="{{text}}" class="pagelayer-image-overlay-text">{{text}}</div> </div> </div> </a> </div> <p if="{{caption}}" class="pagelayer-image-caption">{{caption}}</p>', 'params' => array( 'id' => array( 'label' => __pl('image_src_label'), 'desc' => __pl('image_src_desc'), 'type' => 'image', 'default' => PAGELAYER_URL.'/images/default-image.png', 'retina' => 1, ), 'id-size' => array( 'label' => __pl('obj_image_size_label'), 'type' => 'select', 'default' => 'full', 'list' => array( 'full' => __pl('full'), 'large' => __pl('large'), 'medium' => __pl('medium'), 'thumbnail' => __pl('thumbnail'), 'custom' => __pl('custom') ) ), 'custom_size' => array( 'label' => __pl('image_custom_size_label'), 'type' => 'text', 'screen' => 1, 'default' => '100x100', 'sep' => 'x', 'css' => ['{{element}} img' => 'width: {{val[0]}}px; height: {{val[1]}}px;'], 'req' => array( 'id-size' => 'custom' ), ), 'align' => array( 'label' => __pl('obj_align_label'), 'type' => 'radio', 'default' => 'center', 'screen' => 1, 'css' => ['{{element}} .pagelayer-image-holder' => 'text-align: {{val}}', '{{element}} .pagelayer-image-holder .pagelayer-image-overlay-content' => 'text-align: {{val}}'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ) ), 'max-width' => array( 'label' => __pl('max-width-percent'), 'type' => 'slider', 'min' => 0, 'max' => 100, 'screen' => 1, 'css' => ['{{element}} img' => 'max-width: {{val}}%'], ), 'img_hover' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('normal'), 'hover' => __pl('hover'), ), ), 'img_filter' => array( 'type' => 'filter', 'label' => __pl('filter'), //'default' => '0,100,100,0,0,100,100', 'css' => ['{{element}} img' => 'filter: blur({{val[0]}}px) brightness({{val[1]}}%) contrast({{val[2]}}%) grayscale({{val[3]}}%) hue-rotate({{val[4]}}deg) opacity({{val[5]}}%) saturate({{val[6]}}%)'], 'show' => ['img_hover' => 'normal'] ), 'img_shadow' => array( 'type' => 'box_shadow', 'label' => __pl('shadow'), 'screen' => 1, 'css' => ['{{element}} img' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[4]}}px {{val[3]}} {{val[5]}} !important;'], 'show' => ['img_hover' => 'normal'] ), 'img_rotate' => array( 'type' => 'spinner', 'label' => __pl('Rotate'), 'min' => 0, 'max' => 360, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} img' => 'transform: rotate({{val}}deg)'], 'show' => ['img_hover' => 'normal'], 'pro' => 1 ), 'img_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('btn_hover_delay_label'), 'desc' => __pl('btn_hover_delay_desc'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-img' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;',], 'show' => ['img_hover' => 'hover'] ), 'img_filter_hover' => array( 'type' => 'filter', 'label' => __pl('filter'), //'default' => '0,100,100,0,0,100,100', 'css' => ['{{element}} img:hover' => 'filter: blur({{val[0]}}px) brightness({{val[1]}}%) contrast({{val[2]}}%) grayscale({{val[3]}}%) hue-rotate({{val[4]}}deg) opacity({{val[5]}}%) saturate({{val[6]}}%)'], 'show' => ['img_hover' => 'hover'] ), 'img_shadow_hover' => array( 'type' => 'box_shadow', 'label' => __pl('shadow'), 'screen' => 1, 'css' => ['{{element}} img:hover' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[4]}}px {{val[3]}} {{val[5]}} !important;'], 'show' => ['img_hover' => 'hover'] ), 'img_rotate_hover' => array( 'type' => 'spinner', 'label' => __pl('Rotate'), 'min' => 0, 'max' => 360, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} img:hover' => 'transform: rotate({{val}}deg)'], 'show' => ['img_hover' => 'hover'], 'pro' => 1 ), 'anim_hover' => array( 'type' => 'select', 'label' => __pl('icon_animation'), 'list' => [ '' => __pl('none'), 'grow' => __pl('Grow'), 'shrink' => __pl('Shrink'), 'pulse' => __pl('Pulse'), 'pulse-grow' => __pl('Pulse Grow'), 'pulse-shrink' => __pl('Pulse Shrink'), 'push' => __pl('Push'), 'pop' => __pl('Pop'), 'buzz' => __pl('Buzz'), 'buzz-out' => __pl('Buzz Out'), 'float' => __pl('Float'), 'sink' => __pl('Sink'), 'bob' => __pl('Bob'), 'hang' => __pl('Hang'), 'bounce-in' => __pl('Bounce In'), 'bounce-out' => __pl('Bounce Out'), 'rotate' => __pl('Rotate'), 'grow-rotate' => __pl('Grow Rotate'), 'skew-forward' => __pl('Skew Forward'), 'skew-backward' => __pl('Skew Backward'), 'wobble-vertical' => __pl('Wobble Vertical'), 'wobble-horizontal' => __pl('Wobble Horizontal'), 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'), 'wobble-top-to-right' => __pl('Wobble Top To Right'), 'wobble-top' => __pl('Wobble Top'), 'wobble-bottom' => __pl('Wobble Bottom'), 'wobble-skew' => __pl('Wobble Skew'), ], 'show' => ['img_hover' => 'hover'], 'pro' => 1 ), ), // Image related Styles 'link_settings' => [ 'link_type' => array( 'type' => 'select', 'label' => __pl('image_link_label'), 'default' => '', 'list' => array( '' => __pl('none'), 'custom_url' => __pl('custom_url'), 'media_file' => __pl('media_file'), 'lightbox' => __pl('lightbox') ) ), 'link' => array( 'type' => 'link', 'label' => __pl('image_link_label'), 'desc' => __pl('image_link_desc'), 'selector' => '.pagelayer-ele-link', 'req' => array( 'link_type' => 'custom_url' ) ), 'rel' => array( 'type' => 'text', 'label' => __pl('image_rel_label'), 'default' => '', 'addAttr' => ['{{element}} a' => 'rel="{{rel}}"'], 'req' => array( 'link_type' => 'media_file' ) ), 'target' => array( 'label' => __pl('open_link_in_new_window'), 'type' => 'checkbox', 'addAttr' => ['{{element}} a' => 'target="_blank"'], 'req' => array( 'link_type' => ['custom_url', 'media_file'] ), 'show' => ['link_type' => 'media_file'] ), ], // Caption related Styles 'caption_style' => [ 'caption' => array( 'label' => __pl('gallery_grid_caption_label'), 'desc' => __pl('gallery_grid_caption_desc'), 'type' => 'text', 'edit' => '.pagelayer-image-caption' ), 'caption_color' => array( 'label' => __pl('Caption Color'), 'type' => 'color', 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-image-caption' => 'color: {{val}}'], ), 'caption_typo' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-image-caption' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ) ], 'overlay_style' => [ 'overlay' => array( 'label' => __pl('image_overlay_effect_label'), 'desc' => __pl('image_overlay_effect_desc'), 'type' => 'checkbox', ), 'icon' => array( 'label' => __pl('icon'), 'type' => 'icon', 'default' => 'fas fa-star', 'req' => array( 'overlay' => 'true' ) ), 'icon_color' => array( 'label' => __pl('icon_color'), 'type' => 'color', 'default' => '#e6cf03', 'css' => ['{{element}} .pagelayer-image-overlay-icon' => 'color: {{val}}'], 'req' => array( 'overlay' => 'true' ) ), 'icon_size' => array( 'label' => __pl('icon_custom_size'), 'desc' => __pl('icon_custom_size_desc'), 'type' => 'spinner', 'min' => 0, 'step' => 1, 'max' => 500, 'default' => 50, 'screen' => 1, 'css' => ['{{element}} .pagelayer-image-overlay-icon' => 'font-size: {{val}}px'], 'req' => array( 'overlay' => 'true' ) ), 'text' => array( 'label' => __pl('content'), 'type' => 'editor', 'default' => '<p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s.</p>', 'edit' => '.pagelayer-image-overlay-text', 'req' => array( 'overlay' => 'true' ) ), 'overlay_bg_type' => array( 'label' => __pl('background_type'), 'type' => 'radio', 'default' => 'color', 'list' => array( 'color' => __pl('color'), 'gradient' => __pl('gradient') ), 'req' => array( 'overlay' => 'true' ) ), 'overlay_bg' => array( 'label' => __pl('image_overlay_background'), 'type' => 'color', 'default' => 'rgba(0,0,0,.6)', 'css' => ['{{element}} .pagelayer-image-overlay' => 'background: {{val}}'], 'req' => array( 'overlay' => 'true', '!overlay_bg_type' => 'gradient' ) ), 'overlay_gradient' => [ 'type' => 'gradient', 'label' => '', 'css' => ['{{element}} .pagelayer-image-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'], 'req' => array( 'overlay' => 'true', 'overlay_bg_type' => 'gradient' ) ], 'content_position' => array( 'label' => __pl('Overlay Content Position'), 'type' => 'radio', 'default' => 'center', 'screen' => 1, 'css' => ['{{element}} .pagelayer-image-overlay' => 'display:-webkit-flex;display:flex;-webkit-align-items:{{val}}; align-items:{{val}};'], 'list' => array( 'flex-start' => __pl('Top'), 'center' => __pl('Middle'), 'flex-end' => __pl('Bottom'), ), 'req' => array( 'overlay' => 'true' ) ), 'show_always' => array( 'label' => __pl('image_show_always'), 'type' => 'checkbox', 'screen' => 1, 'css' => ['{{element}} .pagelayer-image-overlay' => 'opacity:1;'], 'req' => array( 'overlay' => 'true' ) ) ], 'styles' => [ 'link_settings' => __pl('link_settings'), 'caption_style' => __pl('caption_style'), 'overlay_style' => __pl('overlay_style') ], ) ); // Image Slider pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_image_slider', array( 'name' => __pl('Image Slider'), 'group' => 'image', 'prevent_inside' => ['pl_slides'], 'html' => '<div class="pagelayer-image-slider-div"> <ul class="pagelayer-image-slider-ul pagelayer-owl-holder pagelayer-owl-carousel pagelayer-owl-theme">{{ul}}</ul> </div>', 'settings' => [ 'params' => __pl('Image Slider'), 'slider_options' => __pl('slider_options'), ], 'params' => array( 'ids' => array( 'type' => 'multi_image', 'label' => __pl('image_slider_ids_label'), 'desc' => __pl('media_library_images_ids_desc'), ), 'size' => array( 'type' => 'select', 'label' => __pl('obj_image_size_label'), 'default' => 'full', 'list' => array( 'full' => __pl('full'), 'large' => __pl('large'), 'medium' => __pl('medium'), 'thumbnail' => __pl('thumbnail'), 'custom' => __pl('custom') ) ), 'custom_size' => array( 'type' => 'dimension', 'label' => __pl('image_custom_size_label'), 'default' => '200,200', 'screen' => 1, 'css' => ['{{element}} .pagelayer-image-slider-ul' => 'width: {{val[0]}}px; height: {{val[1]}}px;'], 'req' => array( 'size' => 'custom' ), ), 'link_type' => array( 'label' => __pl('image_link_label'), 'type' => 'select', 'list' => array( '' => __pl('none'), 'custom_url' => __pl('custom_url'), 'media_file' => __pl('media_file'), ) ), 'link' => array( 'type' => 'link', 'label' => __pl('image_link_url'), 'desc' => __pl('image_link_desc'), 'selector' => '.pagelayer-link-sel', 'req' => array( 'link_type' => 'custom_url' ) ), 'target' => array( 'label' => __pl('open_link_in_new_window'), 'type' => 'checkbox', 'addAttr' => ['{{element}} a' => 'target="_blank"'], 'req' => array( 'link_type' => ['custom_url', 'media_file'] ), 'show' => ['link_type' => 'media_file'] // Backward compatibility of link props ), 'slider_img_gap' => array( 'type' => 'dimension', 'label' => __pl('space_between'), 'min' => 0, 'screen' => 1, 'css' => ['{{element}} .pagelayer-slider-item' => 'padding: {{val[0]}}px {{val[1]}}px;'], ), ), 'slider_options' => [ 'slide_items' => array( 'type' => 'spinner', 'label' => __pl('number_of_items'), 'min' => 1, 'step' => 1, 'max' => 10, 'default' => 1, 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-items="{{slide_items}}"'], ), 'slider_animation' => array( 'type' => 'select', 'label' => __pl('animation_in'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-in="{{slider_animation}}"'], 'list' => $pagelayer->anim_in_options, 'req' => ['slide_items' => '1'] ), 'slideout_anim' => array( 'type' => 'select', 'label' => __pl('animation_out'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-out="{{slideout_anim}}"'], 'list' => $pagelayer->anim_out_options, 'req' => ['slide_items' => '1'] ), 'controls' => array( 'type' => 'select', 'label' => __pl('slider_controls'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-controls="{{controls}}"'], 'list' => array( '' => __pl('Arrows and Pager'), 'arrows' => __pl('Arrows'), 'pager' => __pl('Pager'), 'none' => __pl('none'), ) ), 'pause' => array( 'type' => 'slider', 'label' => __pl('image_slider_slideshow_speed_label'), 'default' => 5000, 'min' => 200, 'max' => 20000, 'step' => 100, 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-timeout="{{pause}}"'], ), 'speed' => array( 'type' => 'slider', 'label' => __pl('slider_animation_speed'), 'addAttr' => ['.pagelayer-image-slider-ul' => 'data-slides-smart-speed="{{speed}}"'], 'default' => 800, 'min' => 200, 'max' => 10000, 'step' => 100 ), 'loop' => array( 'type' => 'checkbox', 'label' => __pl('image_slider_loop'), 'desc' => __pl('image_slider_loop_desc'), 'default' => 'true', 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-loop="{{loop}}"'], ), 'adaptive_height' => array( 'type' => 'checkbox', 'label' => __pl('slider_height'), 'desc' => __pl('slider_height_desc'), 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-auto-height="{{adaptive_height}}"'], ), 'auto' => array( 'type' => 'checkbox', 'label' => __pl('image_slider_auto'), 'desc' => __pl('image_slider_auto_desc'), 'default' => 'true', 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay="{{auto}}"'], ), 'auto_hover' => [ 'type' => 'checkbox', 'label' => __pl('auto_hover'), 'desc' => __pl('auto_hover_desc'), 'default' => 'true', 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-hover-pause="{{auto_hover}}"'], ], ], 'arrow_styles' => $pagelayer->slider_arrow_styles, 'pager_styles' => $pagelayer->slider_pager_styles, 'styles' => [ 'slider_options' => __pl('slider_options'), 'arrow_styles' => __pl('arrow_styles'), 'pager_styles' => __pl('pager_styles'), ], ) ); // Grid Gallery pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_grid_gallery', array( 'name' => __pl('Grid Gallery'), 'group' => 'image', 'html' => '<div class="pagelayer-grid-gallery-container"> {{ul}} </div> {{pagin}}', 'params' => array( 'ids' => array( 'type' => 'multi_image', 'label' => __pl('grid_gallery_images'), 'desc' => __pl('media_library_images_ids_desc'), ), 'columns' => array( 'type' => 'select', 'label' => __pl('columns_count'), 'default' => 3, 'screen' => 1, 'css' => ['{{element}} .pagelayer-grid-gallery-ul' => 'display: grid; grid-template-columns: repeat({{val}},1fr);'], 'list' => array( 1 => __pl('1'), 2 => __pl('2'), 3 => __pl('3'), 4 => __pl('4'), 5 => __pl('5'), 6 => __pl('6'), 7=> __pl('7'), 8 => __pl('8'), 9 => __pl('9'), 10 => __pl('10') ) ), 'col_gap' => array( 'type' => 'slider', 'label' => __pl('col_gap'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 0, 'screen' => 1, 'css' => ['{{element}} .pagelayer-grid-gallery-ul' => 'grid-column-gap: {{val}}px;'], ), 'row_gap' => array( 'type' => 'slider', 'label' => __pl('row_gap'), 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 0, 'screen' => 1, 'css' => ['{{element}} .pagelayer-grid-gallery-ul' => 'grid-row-gap: {{val}}px;'], ), 'size' => array( 'type' => 'select', 'label' => __pl('obj_image_size_label'), 'default' => 'thumbnail', 'list' => array( 'full' => __pl('full'), 'large' => __pl('large'), 'medium' => __pl('medium'), 'thumbnail' => __pl('thumbnail'), 'custom' => __pl('custom') ) ), 'custom_size' => array( 'type' => 'dimension', 'label' => __pl('image_custom_size_label'), 'req' => array( 'size' => 'custom' ), 'screen' => 1, 'css' => ['{{element}} .pagelayer-gallery-item img' => 'height: {{val[0]}}px; width: {{val[1]}}px;'], ), 'link_to' => array( 'type' => 'select', 'label' => __pl('image_link_label'), 'default' => 'lightbox', 'list' => array( '' => __pl('none'), 'media_file' => __pl('media_file'), 'attachment' => __pl('attachment_page'), 'lightbox' => __pl('lightbox'), ) ), 'rel' => array( 'type' => 'text', 'label' => __pl('image_rel_label'), 'default' => '', 'addAttr' => ['{{element}} a' => 'rel="{{rel}}"'], 'req' => array( 'link_to' => 'media_file' ) ), 'target' => array( 'type' => 'checkbox', 'label' => __pl('open_link_in_new_window'), 'addAttr' => ['{{element}} a' => 'target="_blank"'], 'req' => array( '!link_to' => ['lightbox', ''] ) ), 'caption' => array( 'type' => 'checkbox', 'label' => __pl('gallery_grid_caption_label'), 'desc' => __pl('gallery_grid_caption_desc'), 'default' => '', ), 'align' => array( 'label' => __pl('obj_align_label'), 'type' => 'radio', 'default' => 'left', 'addAttr' => 'align="{{align}}"', 'css' => ['{{element}} .pagelayer-grid-gallery-container' => 'text-align: {{val}}', '{{element}} .pagelayer-grid-gallery-container .pagelayer-grid-gallery-ul' => 'text-align: {{val}}'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ), 'req' => array( 'caption' => 'true' ) ), 'caption_color' => array( 'label' => __pl('Caption Color'), 'type' => 'color', 'default' => '#e6cf03', 'css' => ['{{element}} .pagelayer-grid-gallery-caption' => 'color: {{val}}'], 'req' => array( 'caption' => 'true' ) ), 'images_no' => array( 'type' => 'spinner', 'label' => __pl('num_images'), 'desc' => __pl('images_in_page'), 'min' => 0, 'step' => 1, 'max' => 1000, 'default' => 30 ) ) ) ); //////////////////////// // Button Group //////////////////////// // Button pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_btn', array( 'name' => __pl('button'), 'group' => 'button', 'html' => '<a class="pagelayer-btn-holder pagelayer-ele-link {{type}} {{size}} {{icon_position}}"> <i if="{{icon}}" class="{{icon}} pagelayer-btn-icon"></i> <span if="{{text}}" class="pagelayer-btn-text">{{text}}</span> <i if="{{icon}}" class="{{icon}} pagelayer-btn-icon"></i> </a>', 'params' => array( 'text' => array( 'type' => 'text', 'label' => __pl('button_text_label'), 'default' => __pl('button_name'), 'edit' => '.pagelayer-btn-text', ), 'link' => array( 'type' => 'link', 'label' => __pl('button_link_label'), 'desc' => __pl('button_link_desc'), 'selector' => '.pagelayer-btn-holder', 'addAttr' => ['{{element}} .pagelayer-btn-holder' => 'href="{{{link}}}"'], 'req' => ['ele_scrollto' => ''] ), 'full_width' => array( 'type' => 'checkbox', 'label' => __pl('stretch'), 'screen' => 1, 'css' => ['{{element}} a' => 'width: 100%; text-align: center;'] ), 'btn_typo' => array( 'type' => 'typography', 'label' => __pl('quote_content_typo'), 'css' => [ '{{element}} .pagelayer-btn-text' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;', '{{element}} .pagelayer-btn-holder' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;', ], ), 'align' => array( 'type' => 'radio', 'label' => __pl('obj_align_label'), 'default' => 'left', 'screen' => 1, 'css' => 'text-align: {{val}}', 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ), 'req' => array( 'full_width' => '' ) ), ), 'icon_style' => [ 'icon' => array( 'type' => 'icon', 'label' => __pl('service_box_font_icon_label'), 'default' => '', ), 'icon_position' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'default' => 'pagelayer-btn-icon-left', 'list' => array( 'pagelayer-btn-icon-left' => __pl('left'), 'pagelayer-btn-icon-right' => __pl('right') ), 'req' => array( '!icon' => '' ), ), 'icon_spacing' => array( 'type' => 'slider', 'label' => __pl('icon_spacing'), 'min' => 1, 'step' => 1, 'max' => 100, 'default' => 5, 'screen' => 1, 'css' => ['{{element}} .pagelayer-btn-icon' => 'padding: 0 {{val}}px;'], 'req' => array( '!icon' => '' ), ), ], 'btn_style' => [ 'type' => array( 'type' => 'select', 'label' => __pl('button_type_label'), 'default' => 'pagelayer-btn-default', //'addClass' => ['{{element}} .pagelayer-btn-holder' => '{{val}}'], 'list' => array( 'pagelayer-btn-default' => __pl('btn_type_default'), 'pagelayer-btn-primary' => __pl('btn_type_primary'), 'pagelayer-btn-secondary' => __pl('btn_type_secondary'), 'pagelayer-btn-success' => __pl('btn_type_success'), 'pagelayer-btn-info' => __pl('btn_type_info'), 'pagelayer-btn-warning' => __pl('btn_type_warning'), 'pagelayer-btn-danger' => __pl('btn_type_danger'), 'pagelayer-btn-dark' => __pl('btn_type_dark'), 'pagelayer-btn-light' => __pl('btn_type_light'), 'pagelayer-btn-link' => __pl('btn_type_link'), 'pagelayer-btn-anim' => __pl('btn_type_anim'), 'pagelayer-btn-custom' => __pl('btn_type_custom') ), ), 'anim_type' => array( 'type' => 'select', 'label' => __pl('type'), 'default' => 'glow', 'addClass' => ['{{element}} .pagelayer-btn-holder' => 'pagelayer-btn-anim-{{val}}'], 'list' => array( 'glow' => __pl('glow_button'), 'thin' => __pl('thin_button'), 'slide' => __pl('slide_button') ), 'req' => array( 'type' => 'pagelayer-btn-anim' ), ), 'direction' => array( 'type' => 'select', 'label' => __pl('animation_direction'), 'default' => 'pagelayer-btn-anim-left', 'addClass' => ['{{element}} .pagelayer-btn-holder' => '{{val}}'], 'list' => array( 'pagelayer-btn-anim-left' => __pl('left'), 'pagelayer-btn-anim-right' => __pl('right'), ), 'req' => array( 'anim_type' => 'slide', 'type' => 'pagelayer-btn-anim', ), ), 'size' => array( 'type' => 'select', 'label' => __pl('button_size_label'), 'default' => 'pagelayer-btn-large', 'list' => array( 'pagelayer-btn-mini' => __pl('mini'), 'pagelayer-btn-small' => __pl('small'), 'pagelayer-btn-large' => __pl('large'), 'pagelayer-btn-extra-large' => __pl('extra_large'), 'pagelayer-btn-double-large' => __pl('double_large'), 'pagelayer-btn-custom' => __pl('custom'), ) ), 'btn_custom_size' => array( 'type' => 'spinner', 'label' => __pl('btn_custom_size'), 'min' => 1, 'step' => 1, 'max' => 100, 'default' => 5, 'screen' => 1, 'css' => ['{{element}} .pagelayer-btn-holder' => 'padding: calc({{val}}px / 2) {{val}}px;'], 'req' => array( 'size' => ['pagelayer-btn-custom','pagelayer-btn-anim'], ), ), 'btn_hover' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => '', //'no_val' => 1,// Dont set any value to element 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ), 'req' => array( 'type' => ['pagelayer-btn-custom','pagelayer-btn-anim'], ), ), 'btn_bg_color' => array( 'type' => 'color', 'label' => __pl('btn_bg_color_label'), 'default' => '#818a91', 'css' => [ '{{element}} .pagelayer-btn-holder' => 'background-color: {{val}};', '{{element}} .pagelayer-btn-anim-thin' => 'background-color: unset !important;', '{{element}} .pagelayer-btn-anim-thin::before' => 'background-color: {{val}};', '{{element}} .pagelayer-btn-anim-thin::after' => 'background-color: {{val}};', ], 'req' => array( 'type' => ['pagelayer-btn-custom','pagelayer-btn-anim'], ), 'show' => array( 'btn_hover' => '' ), ), 'btn_color' => array( 'type' => 'color', 'label' => __pl('btn_color_label'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-btn-holder' => 'color: {{val}};'], 'req' => array( 'type' => ['pagelayer-btn-custom','pagelayer-btn-anim'], ), 'show' => array( 'btn_hover' => '' ), ), 'btn_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('btn_hover_delay_label'), 'desc' => __pl('btn_hover_delay_desc'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-btn-holder' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'], 'show' => array( 'type' => ['pagelayer-btn-custom','pagelayer-btn-anim'], 'btn_hover' => 'hover' ), ), 'btn_bg_color_hover' => array( 'type' => 'color', 'label' => __pl('btn_bg_color_hover_label'), 'default' => '', 'css' => [ '{{element}} .pagelayer-btn-custom:hover, {{element}} .pagelayer-btn-anim-slide:after' => 'background-color: {{val}};', ], 'req' => array( 'type' => ['pagelayer-btn-custom','pagelayer-btn-anim'], '!anim_type' => ['glow','thin'], ), 'show' => array( 'btn_hover' => 'hover', '!anim_type' => ['glow','thin'], ), ), 'btn_color_hover' => array( 'type' => 'color', 'label' => __pl('btn_color_hover_label'), 'default' => '', 'css' => ['{{element}} .pagelayer-btn-holder:hover' => 'color: {{val}};'], 'req' => array( 'type' => ['pagelayer-btn-custom','pagelayer-btn-anim'], ), 'show' => array( 'btn_hover' => 'hover' ), ), 'btn_shadow' => [ 'type' => 'box_shadow', 'label' => __pl('shadow'), 'css' => ['{{element}} .pagelayer-btn-holder' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[4]}}px {{val[3]}} {{val[5]}} !important;'], ], 'btn_shadow_hover' => [ // This is actually box shadow hover 'type' => 'box_shadow', 'label' => __pl('box_shadow_hover'), 'css' => ['{{element}} .pagelayer-btn-holder:hover' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[4]}}px {{val[3]}} {{val[5]}} !important;'], ], ], 'border_style' => [ 'btn_bor_hover' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => '', //'no_val' => 1,// Dont set any value to element 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ) ), 'btn_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => [ '{{element}} .pagelayer-btn-holder, {{element}} .pagelayer-btn-anim-thin:after, {{element}} .pagelayer-btn-anim-thin:before' => 'border-style: {{val}};', '{{element}} .pagelayer-btn-anim-thin' => 'border-style: unset !important;', ], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_color' => array( 'type' => 'color', 'label' => __pl('border_color_label'), 'default' => '#42414f', 'css' => ['{{element}} .pagelayer-btn-holder' => 'border-color: {{val}};'], 'req' => array( '!btn_border_type' => '' ), 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-btn-holder, {{element}} .pagelayer-btn-anim-thin:after, {{element}} .pagelayer-btn-anim-thin:before' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!btn_border_type' => '' ], 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-btn-holder, {{element}} .pagelayer-btn-anim-glow:before' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!btn_border_type' => '', '!anim_type' => 'slide' ), 'show' => array( 'btn_bor_hover' => '', '!anim_type' => 'slide' ), ), 'btn_border_type_hover' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => [ '{{element}} .pagelayer-btn-holder:hover, {{element}} .pagelayer-btn-anim-thin:hover:after, {{element}} .pagelayer-btn-anim-thin:hover:before' => 'border-style: {{val}}', '{{element}} .pagelayer-btn-anim-thin:hover' => 'border-style: unset !important;', ], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_color_hover' => array( 'type' => 'color', 'label' => __pl('border_color_hover_label'), 'default' => '#42414f', 'css' => ['{{element}} .pagelayer-btn-holder:hover' => 'border-color: {{val}};'], 'req' => array( '!btn_border_type_hover' => '' ), 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_width_hover' => array( 'type' => 'padding', 'label' => __pl('border_width_hover'), 'screen' => 1, 'css' => [ '{{element}} .pagelayer-btn-holder:hover, {{element}} .pagelayer-btn-anim-thin:hover:after, {{element}} .pagelayer-btn-anim-thin:hover:before' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px;' ], 'req' => [ '!btn_border_type_hover' => '' ], 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_radius_hover' => array( 'type' => 'padding', 'label' => __pl('border_radius_hover'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-btn-holder:hover, {{element}} .pagelayer-btn-anim-glow:before' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!btn_border_type_hover' => '', '!anim_type' => 'slide' ), 'show' => array( 'btn_bor_hover' => 'hover', '!anim_type' => 'slide' ), ), ], 'scroll_to_element' => [ 'ele_scrollto' => array( 'type' => 'checkbox', 'label' => __pl('Enable'), 'addClass' => 'pagelayer-scroll-to-element', ), 'ele_scrollto_type' => array( 'type' => 'select', 'label' => __pl('scroll_to'), 'default' => 'totop', 'list' => array( 'toid' => __pl('Element'), 'totop' => __pl('Top'), ), 'addAttr' => 'pagelayer_scrollto_type="{{ele_scrollto_type}}"', 'req' => ['!ele_scrollto' => ''], ), 'ele_scrollto_id' => array( 'type' => 'text', 'label' => __pl('ele_id'), 'default' => '', 'desc' => __pl('ele_scroll_id_desc'), 'addAttr' => 'pagelayer_scrollto_id="{{ele_scrollto_id}}"', 'req' => [ '!ele_scrollto' => '', 'ele_scrollto_type' => 'toid'], ), 'ele_scrollto_id_viewport' => array( 'type' => 'slider', 'label' => __pl('spacing_from_id'), 'min' => -200, 'step' => 1, 'max' => 200, 'default' => 0, 'addAttr' => 'pagelayer_scrollto_id_viewport="{{ele_scrollto_id_viewport}}"', 'req' => [ '!ele_scrollto' => '', 'ele_scrollto_type' => 'toid'], ), 'ele_scrollto_speed' => array( 'type' => 'slider', 'label' => __pl('slider_animation_speed'), 'min' => 0, 'step' => 0.1, 'max' => 10, 'default' => 0.4, 'screen' => 1, 'desc' => __pl('ele_scroll_speed'), 'addAttr' => 'pagelayer_scrollto_speed="{{ele_scrollto_speed}}"', 'req' => [ '!ele_scrollto' => ''], ), ], 'styles' => [ 'btn_style' => __pl('btn_style'), 'icon_style' => __pl('icon'), 'border_style' => __pl('border_style'), 'scroll_to_element' => __pl('scroll_to_element'), ] ) ); // Social Profile Item pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_social', array( 'name' => __pl('Social Profile'), 'group' => 'button', 'not_visible' => 1, 'parent' => [PAGELAYER_SC_PREFIX.'_social_grp'], 'html' => '<div class="pagelayer-icon-holder"> <a if-ext="{{social_url}}" class="pagelayer-ele-link" href="{{{social_url}}}"> <i class="pagelayer-social-fa {{icon}}"></i> </a> </div>', 'params' => array( 'icon' => array( 'type' => 'icon', 'label' => __pl('list_icon_label'), 'default' => 'fab fa-facebook-square', 'addAttr' => ['{{element}} .pagelayer-icon-holder' => 'data-icon="{{icon}}"'], 'list' => ['facebook', 'facebook-f', 'facebook-square', 'facebook-messenger', 'twitter', 'twitter-square', 'google-plus', 'google-plus-g', 'google-plus-square', 'instagram', 'linkedin', 'linkedin-in', 'behance', 'behance-square', 'pinterest', 'pinterest-p', 'pinterest-square', 'reddit-alien', 'reddit-square', 'reddit', 'rss', 'rss-square', 'skype', 'slideshare', 'snapchat', 'snapchat-ghost', 'snapchat-square', 'soundcloud', 'spotify', 'stack-overflow', 'steam', 'steam-symbol', 'steam-square', 'stumbleupon', 'stumbleupon-circle', 'telegram', 'telegram-plane', 'thumbtack', 'tripadvisor', 'tumblr', 'tumblr-square', 'twitch', 'vimeo-v', 'vimeo', 'vimeo-square', 'vk', 'weibo', 'weixin', 'whatsapp', 'whatsapp-square', 'wordpress', 'wordpress-simple', 'xing', 'xing-square', 'yelp', 'youtube', 'youtube-square', '500px', 'flickr', 'android', 'github', 'github-alt', 'github-square', 'gitlab', 'apple', 'jsfiddle', 'houzz', 'bitbucket', 'codepen', 'delicious', 'medium', 'medium-m', 'meetup', 'mixcloud', 'dribbble', 'dribbble-square', 'foursquare', 'get-pocket', 'tiktok'], 'onchange' => 'pagelayer_social_icon_onchange' ), 'social_url' => array( 'type' => 'link', 'label' => __pl('social_url_label'), 'selector' => '.pagelayer-ele-link', 'default' => get_option('pagelayer-facebook-url'), ), ) ) ); // Social Profile pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_social_grp', array( 'name' => __pl('Social Profile'), 'group' => 'button', 'has_group' => [ 'section' => 'params', 'prop' => 'elements' ], 'params' => array( 'elements' => array( 'type' => 'group', 'label' => __pl('social'), 'sc' => PAGELAYER_SC_PREFIX.'_social', 'item_label' => array( 'default' => __pl('social'), 'param' => 'icon' ), 'count' => 3, 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('social_name'))), ), ), 'layout_style' => [ 'bg_shape' => array( 'type' => 'select', 'label' => __pl('icon_background_shape'), 'default' => '', 'css' => ['{{element}} i' => 'height:1em; width:1em; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);', '{{element}} .pagelayer-icon-holder' => 'position: relative; min-height: 1em; min-width: 1em;'], 'addClass' => '{{val}}', 'list' => array( '' => __pl('icon_shape_none'), 'pagelayer-social-shape-circle' => __pl('icon_shape_circle'), 'pagelayer-social-shape-square' => __pl('icon_shape_square'), 'pagelayer-social-shape-rounded' => __pl('icon_shape_rounded') ), ), 'bg_size' => array( 'type' => 'spinner', 'label' => __pl('social_grp_size_label'), 'css' => ['{{element}} .pagelayer-icon-holder' => 'padding: calc(0.5em + {{val}}px);'], 'min' => 1, 'step' => 1, 'max' => 500, 'default' => 10, 'screen' => 1, 'req' => array( '!bg_shape' => '' ) ), 'align' => array( 'type' => 'radio', 'label' => __pl('obj_align_label'), 'default' => 'center', 'css' => 'text-align: {{val}}', 'screen' => 1, 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right') ) ), 'group_layout' => array( 'type' => 'radio', 'label' => __pl('layout'), 'default' => 'pagelayer-btn-grp-horizontal', 'screen' => 1, 'css' => ['{{element}} > div' => 'display: inline-block;'], 'list' => array( 'pagelayer-btn-grp-horizontal' => __pl('horizontal'), '' => __pl('vertical') ) ), 'icon_spacing' => array( 'type' => 'spinner', 'label' => __pl('icon_spacing'), 'css' => ['{{element}} .pagelayer-social' => 'padding: {{val}}px;'], 'min' => 0, 'step' => 1, 'max' => 100, 'default' => 3, 'screen' => 1, ) ], 'icon_style' => [ 'icon_size' => array( 'type' => 'spinner', 'label' => __pl('social_grp_size_label'), 'css' => ['{{element}} .pagelayer-social-fa' => 'font-size: {{val}}px;', '{{element}} .pagelayer-icon-holder' => 'font-size: {{val}}px;'], 'min' => 1, 'step' => 1, 'max' => 500, 'default' => 40, 'screen' => 1, ), 'color_scheme' => array( 'type' => 'select', 'label' => __pl('color'), 'default' => 'pagelayer-scheme-official', 'addClass' => '{{val}}', 'list' => array( '' => __pl('custom'), 'pagelayer-scheme-official' => __pl('official') ) ), 'social_hover' => array( 'type' => 'radio', 'label' => __pl('state'), 'default' => '', //'no_val' => 1,// Dont set any value to element 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ) ), 'icon_color' => array( 'type' => 'color', 'label' => __pl('social_color_label'), 'default' => '#333333', 'css' => ['{{element}} .pagelayer-social-fa' => 'color: {{val}} !important;'], 'req' => array( 'color_scheme' => '' ), 'show' => ['social_hover' => ''] ), 'icon_bg_color' => array( 'type' => 'color', 'label' => __pl('social_bg_color_label'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-icon-holder' => 'background-color: {{val}} !important;'], 'req' => array( '!bg_shape' => '', 'color_scheme' => '' ), 'show' => ['social_hover' => ''] ), 'icon_color_hover' => array( 'type' => 'color', 'label' => __pl('social_color_label'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-icon-holder:hover .pagelayer-social-fa' => 'color: {{val}} !important;'], 'req' => array( 'color_scheme' => '' ), 'show' => ['social_hover' => 'hover'] ), 'icon_bg_color_hover' => array( 'type' => 'color', 'label' => __pl('social_bg_color_label'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'background-color: {{val}} !important;'], 'req' => array( '!bg_shape' => '', 'color_scheme' => '' ), 'show' => ['social_hover' => 'hover'] ), 'anim_hover' => array( 'type' => 'select', 'label' => __pl('icon_animation'), 'list' => [ '' => __pl('none'), 'grow' => __pl('Grow'), 'shrink' => __pl('Shrink'), 'pulse' => __pl('Pulse'), 'pulse-grow' => __pl('Pulse Grow'), 'pulse-shrink' => __pl('Pulse Shrink'), 'push' => __pl('Push'), 'pop' => __pl('Pop'), 'buzz' => __pl('Buzz'), 'buzz-out' => __pl('Buzz Out'), 'float' => __pl('Float'), 'sink' => __pl('Sink'), 'bob' => __pl('Bob'), 'hang' => __pl('Hang'), 'bounce-in' => __pl('Bounce In'), 'bounce-out' => __pl('Bounce Out'), 'rotate' => __pl('Rotate'), 'grow-rotate' => __pl('Grow Rotate'), 'skew-forward' => __pl('Skew Forward'), 'skew-backward' => __pl('Skew Backward'), 'wobble-vertical' => __pl('Wobble Vertical'), 'wobble-horizontal' => __pl('Wobble Horizontal'), 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'), 'wobble-top-to-right' => __pl('Wobble Top To Right'), 'wobble-top' => __pl('Wobble Top'), 'wobble-bottom' => __pl('Wobble Bottom'), 'wobble-skew' => __pl('Wobble Skew'), ], 'addAttr' => 'pagelayer-animation="{{anim_hover}}"', 'show' => ['social_hover' => 'hover'] ), 'icon_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-icon-holder' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['social_hover' => ''] ), 'icon_border_color' => array( 'type' => 'color', 'label' => __pl('service_box_icon_border_color_label'), 'default' => '#42414f', 'css' => ['{{element}} .pagelayer-icon-holder' => 'border-color: {{val}};'], 'req' => array( '!icon_border_type' => '' ), 'show' => ['social_hover' => ''] ), 'icon_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-icon-holder' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!icon_border_type' => '' ], 'show' => ['social_hover' => ''] ), 'icon_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-icon-holder' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!icon_border_type' => '' ), 'show' => ['social_hover' => ''] ), 'social_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('btn_hover_delay_label'), 'desc' => __pl('btn_hover_delay_desc'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'screen' => 1, 'css' => ['{{element}} .pagelayer-icon-holder' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;', '{{element}} .pagelayer-social-fa' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'], 'show' => array( 'social_hover' => 'hover' ), ), 'icon_border_type_hover' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['social_hover' => 'hover'] ), 'icon_border_color_hover' => array( 'type' => 'color', 'label' => __pl('border_color_hover_label'), 'default' => '#42414f', 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'border-color: {{val}};'], 'req' => array( '!icon_border_type_hover' => '' ), 'show' => ['social_hover' => 'hover'] ), 'icon_border_width_hover' => array( 'type' => 'padding', 'label' => __pl('border_width_hover'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!icon_border_type_hover' => '' ], 'show' => ['social_hover' => 'hover'] ), 'icon_border_radius_hover' => array( 'type' => 'padding', 'label' => __pl('border_radius_hover'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!icon_border_type_hover' => '' ), 'show' => ['social_hover' => 'hover'] ), ], 'styles' => [ 'layout_style' => __pl('layout_style'), 'icon_style' => __pl('icon'), ] ) ); //////////////////////// // Media Group //////////////////////// // Video pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_video', array( 'name' => __pl('video'), 'group' => 'media', 'html' => '<div class="pagelayer-video-holder pagelayer-video-{{video_ratio}}"> <iframe if="{{src}}" id="embed_video" class="pagelayer-video-iframe" width="100%" height="auto" src="{{vid_src}}" frameborder="0"></iframe> <a if-ext={{lightbox}} href="{{{src-url}}}"> <div if={{overlay}} class="pagelayer-video-overlay" style="background-image:url({{video_overlay_image-url}});"> <i class="{{play_icon}}" aria-hidden="true"></i> </div> </a> </div>', 'params' => array( 'src' => array( 'type' => 'video', 'label' => __pl('video_src_label'), 'default' => 'https://www.youtube.com/watch?v=t8Iz-v-qce8', 'desc' => __pl('video_src_desc'), ), 'lightbox' => array( 'type' => 'checkbox', 'label' => __pl('Lightbox'), 'desc' => __pl('Open the video on Lightbox'), 'default' => '', ), 'autoplay' => array( 'type' => 'checkbox', 'label' => __pl('Autoplay'), 'req' => [ '!overlay' => 'true', '!lightbox' => 'true', ], ), 'mute' => array( 'type' => 'checkbox', 'label' => __pl('mute'), ), 'loop' => array( 'type' => 'checkbox', 'label' => __pl('loop'), ), 'video_ratio' => array( 'type' => 'select', 'label' => __pl('aspect_ratio'), 'default' => 'aspect-8-5', 'list' => array( 'aspect-1-1' => __pl('1:1'), 'aspect-3-2' => __pl('3:2'), 'aspect-4-3' => __pl('4:3'), 'aspect-8-5' => __pl('8:5'), 'aspect-16-9' => __pl('16:9'), ), ), ), 'overlay_style' =>[ 'overlay' => array( 'type' => 'checkbox', 'label' => __pl('Overlay'), 'desc' => __pl('Enable this option to set the picture as overlay'), 'default' => '', ), 'video_overlay_image' => array( 'type' => 'image', 'label' => __pl('Custom thumbnail'), 'default' => PAGELAYER_URL.'/images/default-image.png', 'desc' => __pl('Use this option to set a picture from the media library'), 'req' => array( 'overlay' => 'true', ), ), 'play_icon' => array( 'type' => 'icon', 'label' => __pl('list_icon_label'), 'default' => 'fas fa-play-circle', 'req' => array( 'overlay' => 'true' ) ), 'icon_color' => array( 'type' => 'color', 'label' => __pl('service_heading_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-video-overlay i' => 'color:{{val}}'], 'req' => array( 'overlay' => 'true' ) ), 'icon_size' => array( 'type' => 'spinner', 'label' => __pl('size'), 'min' => '0', 'max' => '700', 'screen' => 1, 'default' => '80', 'css' => ['{{element}} .pagelayer-video-overlay i' => 'font-size:{{val}}px;'], 'req' => array( 'overlay' => 'true' ) ), 'tooltip_text_shadow' => array( 'type' => 'shadow', 'label' => __pl('shadow'), 'css' => ['{{element}} .pagelayer-video-overlay i' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}};'], 'req' => array( 'overlay' => 'true' ) ), ], 'styles' => [ 'overlay_style' => __pl('overlay_style'), ], ) ); //////////////////////// // Other Group //////////////////////// // Service Box pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_service', array( 'name' => __pl('Image Box'), 'group' => 'other', 'innerHTML' => 'service_text', 'html' => '<div class="pagelayer-service-container pagelayer-service-align-{{service_alignment}} pagelayer-service-vertical-{{service_vertical_alignment}}"> <div if="{{service_image}}" class="pagelayer-service-image"> <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="{{func_image}}" title="{{{service_image-title}}}" alt="{{{service_image-alt}}}" srcset="{{pagelayer-srcset}}" /> </div> <div class="pagelayer-service-details"> <a if-ext={{heading_url}} href="{{{heading_url}}}" class="pagelayer-ele-link pagelayer-service-heading-link" > <div if={{service_heading}} class="pagelayer-service-heading">{{service_heading}}</div> </a> <div if={{service_text}} class="pagelayer-service-text">{{service_text}}</div> <a if="{{service_button}}" href="{{{service_button_url}}}" class="pagelayer-service-btn {{service_button_type}} pagelayer-ele-link pagelayer-button {{service_button_size}}">{{service_button_text}}</a> </div> <a if-ext={{box_url}} href="{{{box_url}}}" class="pagelayer-ele-link pagelayer-box-link"> </a> </div>', 'params' => [ 'service_image' => array( 'type' => 'image', 'label' => __pl('service_box_image_icon_label'), 'default' => PAGELAYER_URL.'/images/default-image.png', 'retina' => 1, ), 'service_image_size' => array( 'type' => 'radio', 'label' => __pl('service_box_image_icon_size_label'), 'default' => 'full', 'list' => array( 'full' => __pl('full'), 'thumbnail' => __pl('thumbnail'), 'custom' => __pl('custom'), ) ), 'service_image_custom_size' => array( 'type' => 'slider', 'label' => __pl('service_img_custom_size_label'), 'min' => '0', 'max' => '2000', 'screen' => 1, 'default' => '200', 'css' => ['{{element}} .pagelayer-service-image img' => 'width:{{val}}px;'], 'req' => array( 'service_image_size' => 'custom', ) ), 'box_url' => array( 'type' => 'link', 'label' => __pl('url'), 'selector' => '.pagelayer-box-link', ), 'anim_hover' => array( 'type' => 'select', 'label' => __pl('icon_animation'), 'list' => [ '' => __pl('none'), 'grow' => __pl('Grow'), 'shrink' => __pl('Shrink'), 'pulse' => __pl('Pulse'), 'pulse-grow' => __pl('Pulse Grow'), 'pulse-shrink' => __pl('Pulse Shrink'), 'push' => __pl('Push'), 'pop' => __pl('Pop'), 'buzz' => __pl('Buzz'), 'buzz-out' => __pl('Buzz Out'), 'float' => __pl('Float'), 'sink' => __pl('Sink'), 'bob' => __pl('Bob'), 'hang' => __pl('Hang'), 'bounce-in' => __pl('Bounce In'), 'bounce-out' => __pl('Bounce Out'), 'rotate' => __pl('Rotate'), 'grow-rotate' => __pl('Grow Rotate'), 'skew-forward' => __pl('Skew Forward'), 'skew-backward' => __pl('Skew Backward'), 'wobble-vertical' => __pl('Wobble Vertical'), 'wobble-horizontal' => __pl('Wobble Horizontal'), 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'), 'wobble-top-to-right' => __pl('Wobble Top To Right'), 'wobble-top' => __pl('Wobble Top'), 'wobble-bottom' => __pl('Wobble Bottom'), 'wobble-skew' => __pl('Wobble Skew'), ], 'addClass' => 'pagelayer-anim-par' ) ], 'service_img_style' => [ 'service_alignment' => array( 'type' => 'radio', 'label' => __pl('service_box_media_alignment'), 'default' => 'top', 'list' => array( 'left' => __pl('left'), 'top' => __pl('top'), 'right' => __pl('right'), ), ), 'service_vertical_alignment' => array( 'type' => 'radio', 'label' => __pl('service_box_media_vertical_alignment'), 'default' => 'top', 'list' => array( 'top' => __pl('top'), 'middle' => __pl('middle'), 'bottom' => __pl('bottom'), ), 'req' => ['!service_alignment' => 'top'] ), 'service_image_height' => array( 'type' => 'slider', 'label' => __pl('img_height'), 'min' => '0', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-image img' => 'height:{{val}}px;'], ), 'service_image_object_fit' => array( 'type' => 'select', 'label' => __pl('object_fit'), 'screen' => 1, 'list' => array( '' => __pl('none'), 'contain' => __pl('contain'), 'cover' => __pl('cover'), 'fill' => __pl('fill'), 'scale-down' => __pl('scale_down'), ), 'css' => ['{{element}} .pagelayer-service-image img' => 'object-fit:{{val}};'], ), 'service_image_object_pos' => array( 'type' => 'select', 'label' => __pl('object_pos'), 'screen' => 1, 'list' => array( '' => __pl('none'), 'top' => __pl('top'), 'bottom' => __pl('bottom'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right'), ), 'css' => ['{{element}} .pagelayer-service-image img' => 'object-position:{{val}};'], 'req' => [ '!service_image_object_fit' => ''], ), 'service_img_alignment' => array( 'type' => 'radio', 'label' => __pl('horizontal_pos'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-image' => 'text-align: {{val}};,'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), 'req' => ['service_alignment' => 'top'] ), 'service_image_spacing' => array( 'type' => 'padding', 'label' => __pl('service_image_spacing'), 'css' => ['{{element}} .pagelayer-service-image' => 'padding-top:{{val[0]}}px; padding-right:{{val[1]}}px; padding-bottom:{{val[2]}}px; padding-left:{{val[3]}}px;'], ), 'img_bor_state' => array( 'type' => 'radio', 'label' => __pl('icon_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), ), 'img_filter' => array( 'type' => 'filter', 'label' => __pl('filter'), 'default' => '0,100,100,0,0,100,100', 'css' => ['{{element}} img' => 'filter: blur({{val[0]}}px) brightness({{val[1]}}%) contrast({{val[2]}}%) grayscale({{val[3]}}%) hue-rotate({{val[4]}}deg) opacity({{val[5]}}%) saturate({{val[6]}}%)'], 'show' => ['img_bor_state' => 'normal'], ), 'img_border_type' => array( 'type' => 'select', 'label' => __pl('icon_border_type'), 'css' => ['{{element}} .pagelayer-service-image img' =>'border-style: {{val}};'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['img_bor_state' => 'normal'], ), 'img_border_color' => array( 'type' => 'color', 'label' => __pl('icon_border_color_label'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-service-image img' => 'border-color: {{val}};'], 'req' => [ '!img_border_type' => '', ], 'show' => ['img_bor_state' => 'normal'], ), 'img_border_width' => array( 'type' => 'padding', 'label' => __pl('icon_border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-image img' =>'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px;'], 'req' => [ '!img_border_type' => '', ], 'show' => ['img_bor_state' => 'normal'], ), 'img_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'units' => ['px', 'em', '%'], 'css' => ['{{element}} .pagelayer-service-image img' => 'border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}; -webkit-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}; -moz-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}};'], 'req' => [ '!img_border_type' => '', ], 'show' => ['img_bor_state' => 'normal'], ), 'img_transition' => array( 'type' => 'spinner', 'label' => __pl('ele_bg_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-service-image img' =>'-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'], 'show' => ['img_bor_state' => 'hover'], ), 'img_filter_hover' => array( 'type' => 'filter', 'label' => __pl('filter'), 'default' => '0,100,100,0,0,100,100', 'css' => ['{{element}}:hover img' => 'filter: blur({{val[0]}}px) brightness({{val[1]}}%) contrast({{val[2]}}%) grayscale({{val[3]}}%) hue-rotate({{val[4]}}deg) opacity({{val[5]}}%) saturate({{val[6]}}%)'], 'show' => ['img_bor_state' => 'hover'], ), 'img_border_type_hover' => array( 'type' => 'select', 'label' => __pl('icon_border_type_hover'), 'css' => ['{{element}}:hover .pagelayer-service-image img' =>'border-style: {{val}};'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['img_bor_state' => 'hover'], ), 'img_border_color_hover' => array( 'type' => 'color', 'label' => __pl('icon_border_color_hover_label'), 'default' => '#0986c0', 'css' => ['{{element}}:hover .pagelayer-service-image img' => 'border-color: {{val}};'], 'req' => [ '!img_border_type_hover' => '', ], 'show' => ['img_bor_state' => 'hover'], ), 'img_border_width_hover' => array( 'type' => 'padding', 'label' => __pl('icon_border_width_hover'), 'screen' => 1, 'css' => ['{{element}}:hover .pagelayer-service-image img' =>'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px;'], 'req' => [ '!img_border_type_hover' => '', ], 'show' => ['img_bor_state' => 'hover'], ), 'img_border_radius_hover' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'units' => ['px', 'em', '%'], 'css' => ['{{element}}:hover .pagelayer-service-image img' => 'border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}; -webkit-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}; -moz-border-radius: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}};'], 'req' => [ '!img_border_type_hover' => '', ], 'show' => ['img_bor_state' => 'hover'], ), ], 'service_heading_style' => [ 'service_heading' => array( 'type' => 'textarea', 'label' => __pl('service_box_heading_label'), 'default' => 'This is an Image Box', 'edit' => '.pagelayer-service-heading', ), 'heading_url' => array( 'type' => 'link', 'label' => __pl('url'), 'selector' => '.pagelayer-service-heading-link', 'req' => ['!service_heading' => '', 'box_url' => ''] ), 'heading_alignment' => array( 'type' => 'radio', 'label' => __pl('service_box_heading_alignment'), 'default' => 'center', 'screen' => 1, 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), 'css' => ['{{element}} .pagelayer-service-heading' => 'text-align:{{val}};'], ), 'service_title_spacing' => array( 'type' => 'padding', 'label' => __pl('spacing'), 'screen' => 1, 'default' => ',,10,', 'css' => ['{{element}} .pagelayer-service-heading' => 'padding-top:{{val[0]}}px; padding-right:{{val[1]}}px; padding-bottom:{{val[2]}}px; padding-left:{{val[3]}}px;'] ), 'heading_state' => array( 'type' => 'radio', 'label' => __pl('icon_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), ), 'service_heading_color' => array( 'type' => 'color', 'label' => __pl('service_heading_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-service-heading' => 'color:{{val}}'], 'show' => ['heading_state' => 'normal'], ), 'service_heading_typo' => array( 'type' => 'typography', 'label' => __pl('service_heading_typo'), 'default' => ',28,,600,,,,,,,', 'css' => ['{{element}} .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'show' => ['heading_state' => 'normal'], ), 'heading_transition' => array( 'type' => 'spinner', 'label' => __pl('ele_bg_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-service-heading' =>'-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'], 'show' => ['heading_state' => 'hover'], ), 'heading_color_hover' => array( 'type' => 'color', 'label' => __pl('service_heading_color'), 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'], 'show' => ['heading_state' => 'hover'], ), 'heading_typo_hover' => array( 'type' => 'typography', 'label' => __pl('service_heading_typo'), 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'show' => ['heading_state' => 'hover'], ), ], //service content style 'service_content_style' =>[ 'service_text_alignment' => array( 'type' => 'radio', 'label' => __pl('service_box_text_alignment'), 'default' => 'center', 'screen' => 1, 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), 'justify' => __pl('justify'), ), 'css' => ['{{element}} .pagelayer-service-details' => 'text-align:{{val}};'], ), 'service_content_spacing' => array( 'type' => 'padding', 'label' => __pl('spacing'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-text' => 'padding-top:{{val[0]}}px; padding-right:{{val[1]}}px; padding-bottom:{{val[2]}}px; padding-left:{{val[3]}}px;'], ), 'service_text' => array( 'type' => 'editor', 'label' => __pl('service_box_text_label'), 'default' => 'Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.', 'edit' => '.pagelayer-service-text', ) ], //service button style 'service_btn_style' =>[ 'service_button' => array( 'type' => 'checkbox', 'label' => __pl('show_btn') ), 'service_button_type' => array( 'type' => 'select', 'label' => __pl('type'), 'default' => 'pagelayer-btn-default', 'list' => array( 'pagelayer-btn-default' => __pl('btn_type_default'), 'pagelayer-btn-primary' => __pl('btn_type_primary'), 'pagelayer-btn-secondary' => __pl('btn_type_secondary'), 'pagelayer-btn-success' => __pl('btn_type_success'), 'pagelayer-btn-info' => __pl('btn_type_info'), 'pagelayer-btn-warning' => __pl('btn_type_warning'), 'pagelayer-btn-danger' => __pl('btn_type_danger'), 'pagelayer-btn-dark' => __pl('btn_type_dark'), 'pagelayer-btn-light' => __pl('btn_type_light'), 'pagelayer-btn-link' => __pl('btn_type_link'), 'pagelayer-btn-custom' => __pl('btn_type_custom') ), 'req' => array( 'service_button' => 'true' ), ), 'service_button_size' => array( 'type' => 'select', 'label' => __pl('button_size_label'), 'default' => 'pagelayer-btn-small', 'list' => array( 'pagelayer-btn-mini' => __pl('mini'), 'pagelayer-btn-small' => __pl('small'), 'pagelayer-btn-large' => __pl('large'), 'pagelayer-btn-extra-large' => __pl('extra_large'), 'pagelayer-btn-double-large' => __pl('double_large'), 'pagelayer-btn-custom' => __pl('custom'), ), 'req' => array( 'service_button' => 'true' ) ), 'service_btn_dim' => array( 'type' => 'dimension', 'label' => __pl('service_btn_dim'), 'default' => '10,15', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[0]}}px;padding-left:{{val[1]}}px;'], 'req' => [ 'service_button' => 'true', 'service_button_size' => 'pagelayer-btn-custom', ] ), 'service_btn_stretch' => array( 'type' => 'checkbox', 'label' => __pl('stretch'), 'css' => ['{{element}} .pagelayer-service-btn' => 'width:100%;'], 'req' => array( 'service_button' => 'true' ), ), 'service_button_url' => array( 'type' => 'link', 'label' => __pl('service_btn_url_label'), 'selector' => '.pagelayer-service-btn', 'req' => array( 'service_button' => 'true' ), ), 'service_button_text' => array( 'type' => 'text', 'label' => __pl('service_button_text_label'), 'default' => 'Click Here!', 'req' => array( 'service_button' => 'true' ), ), 'service_button_typo' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-service-btn' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'req' => ['service_button' => 'true'] ), 'service_btn_spacing' => array( 'type' => 'padding', 'label' => __pl('spacing'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], 'req' => ['service_button' => 'true'] ), 'service_button_font_size' => array( 'type' => 'slider', 'label' => __pl('iconbox_btn_text_size'), 'min' => '0', 'max' => '50', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'font-size:{{val}}px;'], 'req' => [ 'service_button' => 'true', 'iconbox_button_type' => 'pagelayer-btn-custom', ] ), 'service_btn_state' => array( 'type' => 'radio', 'label' => __pl('button_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), 'req' => array( 'service_button' => 'true', 'service_button_type' => 'pagelayer-btn-custom' ), ), 'service_button_color' => array( 'type' => 'color', 'label' => __pl('iconbox_button_color'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-service-btn' => 'color:{{val}};'], 'req' => [ 'service_button' => 'true', 'service_button_type' => 'pagelayer-btn-custom', ], 'show' => ['service_btn_state' => 'normal'] ), 'service_button_bg_color' => array( 'type' => 'color', 'label' => __pl('service_button_bg_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-service-btn' => 'background-color:{{val}};'], 'req' => [ 'service_button' => 'true', 'service_button_type' => 'pagelayer-btn-custom', ], 'show' => ['service_btn_state' => 'normal'] ), 'service_btn_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('service_btn_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-service-btn' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'], 'show' => ['service_btn_state' => 'hover'], ), 'service_button_color_hover' => array( 'type' => 'color', 'label' => __pl('iconbox_button_color'), 'default' => '', 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'color:{{val}};'], 'show' => ['service_btn_state' => 'hover'], ), 'service_button_bg_color_hover' => array( 'type' => 'color', 'label' => __pl('service_button_bg_color_hover'), 'default' => '', 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'background-color:{{val}};'], 'show' => ['service_btn_state' => 'hover'], ), ], 'border_style' => [ 'btn_bor_hover' => array( 'type' => 'radio', 'label' => __pl('state'), 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ) ), 'btn_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-service-btn' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_color' => array( 'type' => 'color', 'label' => __pl('border_color_label'), 'css' => ['{{element}} .pagelayer-service-btn' => 'border-color: {{val}};'], 'req' => array( '!btn_border_type' => '' ), 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!btn_border_type' => '' ], 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!btn_border_type' => '' ), 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_type_hover' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_color_hover' => array( 'type' => 'color', 'label' => __pl('border_color_hover_label'), 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-color: {{val}};'], 'req' => array( '!btn_border_type_hover' => '' ), 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_width_hover' => array( 'type' => 'padding', 'label' => __pl('border_width_hover'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!btn_border_type_hover' => '' ], 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_radius_hover' => array( 'type' => 'padding', 'label' => __pl('border_radius_hover'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!btn_border_type_hover' => '' ), 'show' => array( 'btn_bor_hover' => 'hover' ), ), ], 'styles' => [ 'service_img_style' => __pl('service_img_style'), 'service_heading_style' => __pl('service_heading_style'), 'service_content_style' => __pl('service_content_style'), 'service_btn_style' => __pl('service_btn_style'), 'border_style' => __pl('btn_border_style'), ], ) ); // Icon Box pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_iconbox', array( 'name' => __pl('Icon Box'), 'group' => 'other', 'innerHTML' => 'service_text', 'html' => '<div class="pagelayer-service-container pagelayer-service-align-{{service_alignment}} pagelayer-service-vertical-{{service_vertical_alignment}}"> <div class="pagelayer-service-icon pagelayer-service-{{service_icon_view}}"> <i class="{{service_icon}} pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i> </div> <div class="pagelayer-service-details"> <a if-ext={{heading_url}} href="{{{heading_url}}}" class="pagelayer-ele-link pagelayer-service-heading-link" > <div if="{{service_heading}}" class="pagelayer-service-heading">{{service_heading}}</div> </a> <div if="{{service_text}}" class="pagelayer-service-text">{{service_text}}</div> <a if="{{service_button}}" href="{{{service_button_url}}}" class="pagelayer-service-btn pagelayer-button pagelayer-ele-link {{iconbox_button_type}} {{service_button_size}}"> <span if="{{service_button_text}}">{{service_button_text}}</span> </a> </div> <a if-ext={{box_url}} href="{{{box_url}}}" class="pagelayer-ele-link pagelayer-box-link"> </a> </div>', 'params' => array( 'service_icon' => array( 'type' => 'icon', 'label' => __pl('iconbox_font_icon_label'), 'default' => 'fas fa-exclamation-circle', ), 'service_alignment' => array( 'type' => 'radio', 'label' => __pl('iconbox_box_media_alignment'), 'default' => 'top', 'list' => array( 'left' => __pl('left'), 'top' => __pl('top'), 'right' => __pl('right'), ), ), 'service_vertical_alignment' => array( 'type' => 'radio', 'label' => __pl('iconbox_box_media_vertical_alignment'), 'default' => 'middle', 'list' => array( 'top' => __pl('top'), 'middle' => __pl('middle'), 'bottom' => __pl('bottom'), ), 'req' => array( '!service_alignment' => 'top' ) ), 'service_icon_alignment' => array( 'type' => 'radio', 'label' => __pl('horizontal_pos'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-icon' => 'text-align: {{val}};,'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), 'req' => ['service_alignment' => 'top'] ), 'box_url' => array( 'type' => 'link', 'label' => __pl('url'), 'selector' => '.pagelayer-box-link', ), ), // icon style 'service_icon_style' => [ 'service_icon_view' => array( 'type' => 'select', 'label' => __pl('iconbox_icon_view'), 'default' => 'default', 'list' =>array( 'default' => __pl('Default'), 'stacked' => __pl('Stacked'), 'framed' => __pl('Framed'), ), ), 'service_icon_shape_type' => array( 'type' => 'select', 'label' => __pl('iconbox_icon_shape_label'), 'default' => '', 'list' =>array( 'square' => __pl('Square'), 'circle' => __pl('Circle'), ), 'req' => ['!service_icon_view' => 'default'], ), 'service_icon_padding' => array( 'type' => 'slider', 'label' => __pl('service_icon_padding'), 'min' => '0', 'max' => '200', 'default' => '15', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-icon i' => 'padding: calc(0.5em + {{val}}px);'], 'req' => ['!service_icon_view' => 'default'], ), 'service_icon_spacing' => array( 'type' => 'padding', 'screen' => 1, 'label' => __pl('service_icon_spacing'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-icon' => 'padding-top:{{val[0]}}px; padding-right:{{val[1]}}px; padding-bottom:{{val[2]}}px; padding-left:{{val[3]}}px;'], ), 'anim_hover' => array( 'type' => 'select', 'label' => __pl('icon_animation'), 'list' => [ '' => __pl('none'), 'grow' => __pl('Grow'), 'shrink' => __pl('Shrink'), 'pulse' => __pl('Pulse'), 'pulse-grow' => __pl('Pulse Grow'), 'pulse-shrink' => __pl('Pulse Shrink'), 'push' => __pl('Push'), 'pop' => __pl('Pop'), 'buzz' => __pl('Buzz'), 'buzz-out' => __pl('Buzz Out'), 'float' => __pl('Float'), 'sink' => __pl('Sink'), 'bob' => __pl('Bob'), 'hang' => __pl('Hang'), 'bounce-in' => __pl('Bounce In'), 'bounce-out' => __pl('Bounce Out'), 'rotate' => __pl('Rotate'), 'grow-rotate' => __pl('Grow Rotate'), 'skew-forward' => __pl('Skew Forward'), 'skew-backward' => __pl('Skew Backward'), 'wobble-vertical' => __pl('Wobble Vertical'), 'wobble-horizontal' => __pl('Wobble Horizontal'), 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'), 'wobble-top-to-right' => __pl('Wobble Top To Right'), 'wobble-top' => __pl('Wobble Top'), 'wobble-bottom' => __pl('Wobble Bottom'), 'wobble-skew' => __pl('Wobble Skew'), ], 'addClass' => 'pagelayer-anim-par' ), 'service_icon_state' => array( 'type' => 'radio', 'label' => __pl('icon_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), ), 'service_icon_color' => array( 'type' => 'color', 'label' => __pl('iconbox_icon_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-service-icon i' => 'color:{{val}};'], 'show' => ['service_icon_state' => 'normal'], ), 'service_icon_background_color' => array( 'type' => 'color', 'label' => __pl('service_icon_background_color'), 'default' => '#eff0f0', 'css' => ['{{element}} .pagelayer-service-icon.pagelayer-service-stacked i' => 'background-color:{{val}};'], 'show' => ['service_icon_state' => 'normal'], 'req' => ['service_icon_view' => 'stacked'] ), 'service_icon_font_size' => array( 'type' => 'slider', 'label' => __pl('service_icon_size'), 'min' => '0', 'max' => '300', 'default' => '75', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-icon' => 'font-size:{{val}}px;'], 'show' => ['service_icon_state' => 'normal'], ), 'service_rotate' => array( 'type' => 'slider', 'label' => __pl('service_icon_rotate'), 'min' => '0', 'max' => '360', 'default' => '0', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-icon i' => 'transform: rotate({{val}}deg);'], 'show' => ['service_icon_state' => 'normal'], ), 'service_icon_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('service_icon_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-service-icon i' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'], 'show' => ['service_icon_state' => 'hover'], ), 'service_icon_color_hover' => array( 'type' => 'color', 'label' => __pl('service_icon_color_hover'), 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'color:{{val}};'], 'show' => ['service_icon_state' => 'hover'], ), 'service_icon_background_color_hover' => array( 'type' => 'color', 'label' => __pl('service_icon_background_color_hover'), 'default' => '', 'css' => ['{{element}}:hover .pagelayer-service-icon.pagelayer-service-stacked i' => 'background-color:{{val}};'], 'show' => ['service_icon_state' => 'hover'], 'req' => ['service_icon_view' => 'stacked'] ), 'service_icon_size_hover' => array( 'type' => 'slider', 'label' => __pl('service_icon_size_hover'), 'min' => '0', 'max' => '300', 'screen' => 1, 'css' => ['{{element}}:hover .pagelayer-service-icon' => 'font-size:{{val}}px;'], 'show' => ['service_icon_state' => 'hover'], ), 'service_rotate_hover' => array( 'type' => 'slider', 'label' => __pl('service_rotate_hover'), 'min' => '0', 'max' => '360', 'screen' => 1, 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'transform: rotate({{val}}deg);'], 'show' => ['service_icon_state' => 'hover'], ), ], 'service_icon_border' => [ 'service_bor_state' => array( 'type' => 'radio', 'label' => __pl('icon_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), ), 'service_icon_border_type' => array( 'type' => 'select', 'label' => __pl('icon_border_type'), 'css' => ['{{element}} .pagelayer-service-icon i' =>'border-style: {{val}};'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['service_bor_state' => 'normal'], ), 'service_icon_border_color' => array( 'type' => 'color', 'label' => __pl('icon_border_color_label'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-service-icon i' => 'border-color: {{val}};'], 'req' => [ '!service_icon_border_type' => '', ], 'show' => ['service_bor_state' => 'normal'], ), 'service_icon_border_width' => array( 'type' => 'padding', 'label' => __pl('icon_border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-icon i' =>'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px;'], 'req' => [ '!service_icon_border_type' => '', ], 'show' => ['service_bor_state' => 'normal'], ), 'service_icon_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-icon i ' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => [ '!service_icon_border_type' => '', ], 'show' => ['service_bor_state' => 'normal'], ), 'service_icon_border_type_hover' => array( 'type' => 'select', 'label' => __pl('icon_border_type_hover'), 'css' => ['{{element}}:hover .pagelayer-service-icon i' =>'border-style: {{val}};'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['service_bor_state' => 'hover'], ), 'service_icon_border_color_hover' => array( 'type' => 'color', 'label' => __pl('icon_border_color_hover_label'), 'default' => '#0986c0', 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'border-color: {{val}};'], 'req' => [ '!service_icon_border_type_hover' => '', ], 'show' => ['service_bor_state' => 'hover'], ), 'service_icon_border_width_hover' => array( 'type' => 'padding', 'label' => __pl('icon_border_width_hover'), 'screen' => 1, 'css' => ['{{element}}:hover .pagelayer-service-icon i' =>'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px;'], 'req' => [ '!service_icon_border_type_hover' => '', ], 'show' => ['service_bor_state' => 'hover'], ), 'service_icon_border_radius_hover' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => [ '!service_icon_border_type_hover' => '', ], 'show' => ['service_bor_state' => 'hover'], ), ], 'service_heading_style' =>[ 'service_heading' => array( 'type' => 'textarea', 'label' => __pl('iconbox_box_heading_label'), 'default' => 'This is Icon Box', 'edit' => '.pagelayer-service-heading', ), 'heading_url' => array( 'type' => 'link', 'label' => __pl('url'), 'selector' => '.pagelayer-service-heading-link', 'req' => ['!service_heading' => '', 'box_url' => ''] ), 'heading_alignment' => array( 'type' => 'radio', 'label' => __pl('service_box_heading_alignment'), 'default' => 'center', 'screen' => 1, 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), 'css' => ['{{element}} .pagelayer-service-heading' => 'text-align:{{val}};'], ), 'service_title_spacing' => array( 'type' => 'padding', 'label' => __pl('spacing'), 'screen' => 1, 'default' => ',,10,', 'css' => ['{{element}} .pagelayer-service-heading' => 'padding-top:{{val[0]}}px; padding-right:{{val[1]}}px; padding-bottom:{{val[2]}}px; padding-left:{{val[3]}}px;'] ), 'heading_state' => array( 'type' => 'radio', 'label' => __pl('icon_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), ), 'service_heading_color' => array( 'type' => 'color', 'label' => __pl('service_heading_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-service-heading' => 'color:{{val}}'], 'show' => ['heading_state' => 'normal'] ), 'service_heading_typo' => array( 'type' => 'typography', 'label' => __pl('service_heading_typo'), 'default' => ',28,,600,,,,,,,', 'css' => ['{{element}} .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'show' => ['heading_state' => 'normal'] ), 'heading_delay' => array( 'type' => 'spinner', 'label' => __pl('service_icon_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-service-heading' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'], 'show' => ['heading_state' => 'hover'] ), 'heading_color_hover' => array( 'type' => 'color', 'label' => __pl('service_heading_color'), 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'], 'show' => ['heading_state' => 'hover'] ), 'heading_typo_hover' => array( 'type' => 'typography', 'label' => __pl('service_heading_typo'), 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'show' => ['heading_state' => 'hover'] ), ], //service content style 'service_content_style' =>[ 'service_text_alignment' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'default' => 'center', 'screen' => 1, 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), 'justify' => __pl('justify'), ), 'css' => ['{{element}} .pagelayer-service-details' => 'text-align:{{val}};'], ), 'service_content_spacing' => array( 'type' => 'padding', 'label' => __pl('spacing'), 'css' => ['{{element}} .pagelayer-service-text' => 'padding-top:{{val[0]}}px; padding-right:{{val[1]}}px; padding-bottom:{{val[2]}}px; padding-left:{{val[3]}}px;'], ), 'service_text' => array( 'type' => 'editor', 'label' => __pl('iconbox_box_text_label'), 'default' => 'Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.', 'edit' => '.pagelayer-service-text', ), ], //service button style 'service_btn_style' =>[ 'service_button' => array( 'type' => 'checkbox', 'label' => __pl('show_btn'), ), 'iconbox_button_type' => array( 'type' => 'select', 'label' => __pl('Button Type'), 'default' => 'pagelayer-btn-primary', 'list' => array( 'pagelayer-btn-default' => __pl('btn_type_default'), 'pagelayer-btn-primary' => __pl('btn_type_primary'), 'pagelayer-btn-secondary' => __pl('btn_type_secondary'), 'pagelayer-btn-success' => __pl('btn_type_success'), 'pagelayer-btn-info' => __pl('btn_type_info'), 'pagelayer-btn-warning' => __pl('btn_type_warning'), 'pagelayer-btn-danger' => __pl('btn_type_danger'), 'pagelayer-btn-dark' => __pl('btn_type_dark'), 'pagelayer-btn-light' => __pl('btn_type_light'), 'pagelayer-btn-link' => __pl('btn_type_link'), 'pagelayer-btn-custom' => __pl('btn_type_custom') ), 'req' => ['service_button' => 'true'] ), 'service_button_size' => array( 'type' => 'select', 'label' => __pl('button_size_label'), 'default' => 'pagelayer-btn-small', 'list' => array( 'pagelayer-btn-mini' => __pl('mini'), 'pagelayer-btn-small' => __pl('small'), 'pagelayer-btn-large' => __pl('large'), 'pagelayer-btn-extra-large' => __pl('extra_large'), 'pagelayer-btn-double-large' => __pl('double_large'), 'pagelayer-btn-custom' => __pl('custom'), ), 'req' => ['service_button' => 'true'] ), 'service_btn_dim' => array( 'type' => 'dimension', 'label' => __pl('service_btn_dim'), 'default' => '10,15', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[0]}}px;padding-left:{{val[1]}}px;'], 'req' => [ 'service_button' => 'true', 'service_button_size' => 'pagelayer-btn-custom', ] ), 'service_btn_stretch' => array( 'type' => 'checkbox', 'label' => __pl('stretch'), 'css' => ['{{element}} .pagelayer-service-btn' => 'width:100%;'], 'req' => ['service_button' => 'true'] ), 'service_button_url' => array( 'type' => 'link', 'label' => __pl('iconbox_btn_url_label'), 'selector' => '.pagelayer-service-btn', 'req' => ['service_button' => 'true'] ), 'service_button_text' => array( 'type' => 'text', 'label' => __pl('iconbox_button_text_label'), 'edit' => '.pagelayer-service-btn', 'default' => 'Click Here!', 'req' => ['service_button' => 'true'] ), 'service_button_typo' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-service-btn' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], 'req' => ['service_button' => 'true'] ), 'service_btn_spacing' => array( 'type' => 'padding', 'label' => __pl('spacing'), 'css' => ['{{element}} .pagelayer-service-btn' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], 'req' => ['service_button' => 'true'] ), 'service_button_font_size' => array( 'type' => 'slider', 'label' => __pl('iconbox_btn_text_size'), 'min' => '0', 'max' => '50', 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'font-size:{{val}}px;'], 'req' => [ 'service_button' => 'true', 'iconbox_button_type' => 'pagelayer-btn-custom', ] ), 'service_btn_state' => array( 'type' => 'radio', 'label' => __pl('button_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), 'req' => array( 'service_button' => 'true', 'iconbox_button_type' => 'pagelayer-btn-custom' ), ), 'service_button_color' => array( 'type' => 'color', 'label' => __pl('iconbox_button_color'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-service-btn' => 'color:{{val}};'], 'req' => [ 'service_button' => 'true', 'iconbox_button_type' => 'pagelayer-btn-custom', ], 'show' => ['service_btn_state' => 'normal'] ), 'service_button_bg_color' => array( 'type' => 'color', 'label' => __pl('service_button_bg_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-service-btn' => 'background-color:{{val}};'], 'req' => [ 'service_button' => 'true', 'iconbox_button_type' => 'pagelayer-btn-custom', ], 'show' => ['service_btn_state' => 'normal'] ), 'service_btn_hover_delay' => array( 'type' => 'spinner', 'label' => __pl('service_btn_hover_delay'), 'min' => 0, 'step' => 100, 'max' => 5000, 'default' => 400, 'css' => ['{{element}} .pagelayer-service-btn' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'], 'show' => ['service_btn_state' => 'hover'], ), 'service_button_color_hover' => array( 'type' => 'color', 'label' => __pl('iconbox_button_color'), 'default' => '', 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'color:{{val}};'], 'show' => ['service_btn_state' => 'hover'], ), 'service_button_bg_color_hover' => array( 'type' => 'color', 'label' => __pl('service_button_bg_color_hover'), 'default' => '', 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'background-color:{{val}};'], 'show' => ['service_btn_state' => 'hover'], ), ], 'border_style' => [ 'btn_bor_hover' => array( 'type' => 'radio', 'label' => __pl('state'), 'list' => array( '' => __pl('normal'), 'hover' => __pl('hover'), ) ), 'btn_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-service-btn' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_color' => array( 'type' => 'color', 'label' => __pl('border_color_label'), 'css' => ['{{element}} .pagelayer-service-btn' => 'border-color: {{val}};'], 'req' => array( '!btn_border_type' => '' ), 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!btn_border_type' => '' ], 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!btn_border_type' => '' ), 'show' => array( 'btn_bor_hover' => '' ), ), 'btn_border_type_hover' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_color_hover' => array( 'type' => 'color', 'label' => __pl('border_color_hover_label'), 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-color: {{val}};'], 'req' => array( '!btn_border_type_hover' => '' ), 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_width_hover' => array( 'type' => 'padding', 'label' => __pl('border_width_hover'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => [ '!btn_border_type_hover' => '' ], 'show' => array( 'btn_bor_hover' => 'hover' ), ), 'btn_border_radius_hover' => array( 'type' => 'padding', 'label' => __pl('border_radius_hover'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => array( '!btn_border_type_hover' => '' ), 'show' => array( 'btn_bor_hover' => 'hover' ), ), ], 'styles' => [ 'service_icon_style' => __pl('service_icon_style'), 'service_icon_border' => __pl('service_icon_border'), 'service_heading_style' => __pl('service_heading_style'), 'service_content_style' => __pl('service_content_style'), 'service_btn_style' => __pl('service_btn_style'), 'border_style' => __pl('btn_border_style'), ], ) ); // Tabs pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tabs', array( 'name' => __pl('tabs'), 'group' => 'other', 'has_group' => [ 'section' => 'params', 'prop' => 'elements' ], 'holder' => '.pagelayer-tabcontainer', 'html' => '<div class="pagelayer-tabs-holder"></div> <div class="pagelayer-tabcontainer"></div>', 'params' => array( 'elements' => array( 'type' => 'group', 'label' => __pl('Tabs list'), 'sc' => PAGELAYER_SC_PREFIX.'_tab', 'item_label' => array( 'default' => __pl('tab'), 'param' => 'title', ), 'count' => 2, 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('tab_name'))), ), 'vertical' => array( 'type' => 'checkbox', 'label' => __pl('tabs_vertical'), ), 'vertical_width' => array( 'type' => 'slider', 'label' => __pl('Tabs container width'), 'default' => 30, 'min' => 0, 'max' => 70, 'step' => 1, 'screen' => 1, 'css' => ['{{element}}' => 'width:100%; display: -webkit-flex; display: flex;', '{{element}} .pagelayer-tabs-holder' => '-webkit-flex-basis: {{val}}%; flex-basis:{{val}}%', '{{element}} .pagelayer-tabcontainer' => '-webkit-flex-basis: calc(100% - {{val}}%); flex-basis:calc(100% - {{val}}%)', '{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'width: 100%;'], 'req' => array( 'vertical' => 'true', ) ), 'rotate' => array( 'type' => 'radio', 'label' => __pl('tabs_rotate'), 'list' => array( '' => __pl('disable'), '3000' => '3', '5000' => '5', '10000' => '10', '15000' => '15', ), 'addAttr' => 'pagelayer-tabs-rotate="{{rotate}}"' ) ), 'tabs_holder_styles' => [ 'tabs_holder_bg_color' => array( 'type' => 'color', 'label' => __pl('Background color'), 'default' => '#f1f1f1', 'css' => ['{{element}} .pagelayer-tabs-holder' => 'background-color:{{val}}'], ), 'tabs_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'default' => 'solid', 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-style: {{val}}', '{{element}} .pagelayer-tabs-holder' =>'border-style: {{val}}'], ), 'tabs_border_color' => array( 'type' => 'color', 'label' => __pl('border_color'), 'default' => '#cccccc', 'req' => [ '!tabs_border_type' => '' ], 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-color: {{val}}','{{element}} .pagelayer-tabs-holder' => 'border-color: {{val}}'], ), 'tabs_holder_border_width' => array( 'type' => 'padding', 'label' => __pl('Border Width'), 'default' => '1,1,0,1', 'screen' => 1, 'req' => [ '!tabs_border_type' => '' ], 'css' => ['{{element}} .pagelayer-tabs-holder' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], ), 'tabs_holder_border_radius' => array( 'type' => 'padding', 'label' => __pl('Border Radius'), 'default' => '1,1,0,1', 'screen' => 1, 'req' => [ '!tabs_border_type' => '' ], 'css' => ['{{element}} .pagelayer-tabs-holder' => 'border-top-left-radius: {{val[0]}}px; border-top-right-radius: {{val[1]}}px; border-bottom-right-radius: {{val[2]}}px; border-bottom-left-radius: {{val[3]}}px'], ), ], 'tabs_styles' => [ 'tabs_holder_align' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'default' => 'left', 'screen' => 1, 'list' => array( 'left' => __pl('Left'), 'center' => __pl('Center'), 'right' => __pl('Right'), ), 'css' => ['{{element}} .pagelayer-tabs-holder' => 'text-align:{{val}}'], ), 'tabs_color' => array( 'type' => 'color', 'label' => __pl('Color '), 'default' => '#444', 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'color:{{val}}'], ), 'tabs_bg_color' => array( 'type' => 'color', 'label' => __pl('Background color'), 'default' => '#f1f1f1', 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'background-color:{{val}}'], ), 'tabs_active_color' => array( 'type' => 'color', 'label' => __pl('Active Tab Color'), 'default' => '#fff', 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks.active' => 'color:{{val}}', '{{element}} .pagelayer-tabs-holder .pagelayer-tablinks:hover' => 'color:{{val}}'], ), 'tabs_active_bg_color' => array( 'type' => 'color', 'label' => __pl('Active Tab Background Color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks.active'=> 'background-color:{{val}}', '{{element}} .pagelayer-tabs-holder .pagelayer-tablinks:hover' => 'background-color:{{val}}'], ), 'tab_title_typo' => array( 'type' => 'typography', 'label' => __pl('tab_title_typo'), 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'tabs_icon_align' => array( 'type' => 'radio', 'label' => __pl('Icon Position'), 'default' => 'left', 'list' => array( 'left' => __pl('Left'), 'right' => __pl('Right'), ), 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks i'=> 'float:{{val}};'], ), 'tabs_icon_spacing' => array( 'type' => 'slider', 'label' => __pl('tabs_icon_spacing'), 'default' => 10, 'max' => 50, 'min' => 0, 'steps' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks i'=> 'padding:0px {{val}}px;padding-{{tabs_icon_align}}:0px;'], ), ], 'content_styles' => [ 'tabs_content_typo' => array( 'type' => 'typography', 'label' => __pl('tab_content_typo'), 'css' => ['{{element}} .pagelayer-tabcontainer' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'tabs_content_color' => array( 'type' => 'color', 'label' => __pl('Color'), 'default' => '#000000', 'css' => ['{{element}} .pagelayer-tab' => 'color:{{val}}'], ), 'tabs_content_bg_color' => array( 'type' => 'color', 'label' => __pl('Background Color'), 'default' => '#fff', 'css' => ['{{element}} .pagelayer-tab'=> 'background-color:{{val}}'], ), 'tab_padding' => array( 'type' => 'slider', 'label' => __pl('tabs_padding_label'), 'default' => 15, 'min' => 0, 'max' => 50, 'step' => 1, 'screen' => 1, 'css' => ['{{element}}.pagelayer-tabs .pagelayer-tabcontainer .pagelayer-tab' => 'padding: {{val}}px;'], ), 'tabs_content_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'default' => '1,1,1,1', 'screen' => 1, 'req' => [ '!tabs_border_type' => '' ], 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], ), 'tabs_content_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'req' => [ '!tabs_border_type' => '' ], 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-top-left-radius: {{val[0]}}px; border-top-right-radius: {{val[1]}}px; border-bottom-right-radius: {{val[2]}}px; border-bottom-left-radius: {{val[3]}}px'], ), ], 'styles' => [ 'tabs_holder_styles' => __pl('tabs_holder_styles'), 'tabs_styles' => __pl('Tabs'), 'content_styles' => __pl('content'), ], ) ); // Tab pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tab', array( 'name' => __pl('tab'), 'group' => 'other', 'not_visible' => 1, 'parent' => [PAGELAYER_SC_PREFIX.'_tabs'], 'has_group' => [ 'section' => 'params', 'prop' => 'elements', ], 'holder' => '.pagelayer-tabcontent', 'html' => '<div class="pagelayer-tabcontent"></div>', 'params' => array( 'elements' => array( 'type' => 'group', 'label' => __pl('Inner Row'), 'sc' => PAGELAYER_SC_PREFIX.'_inner_row', // a.k.a the item being multiplied by the count 'count' => 1, 'item_label' => array( 'default' => __pl('Inner Row'), ), 'item_atts' => [], // orderwise array of attrbutes to be set as per the count given 'inner_content' => [ // This is the content within each item which is going to the created i.e. within each SC. This only use for inner rows ['pl_col' => [ 'inner_content' => [ ['pl_text' => [ 'atts' => ['text' => 'This is the default Tab content. Feel free to delete it.']]] ]] ] ], 'hide' => 1, ), 'default_active' => array( 'type' => 'checkbox', 'label' => __pl('Default active tab'), 'addAttr' => 'pagelayer-default_active="1"' ), 'tab_icon' => array( 'type' => 'icon', 'label' => __pl('icon'), 'addAttr' => 'pagelayer-tab-icon="{{tab_icon}}"', ), 'title' => array( 'type' => 'text', 'label' => __pl('title'), 'default' => 'Lorem', 'addAttr' => 'pagelayer-tab-title="{{title}}"' ), ) ) ); // Accordion pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_accordion', array( 'name' => __pl('accordion'), 'group' => 'other', 'has_group' => [ 'section' => 'params', 'prop' => 'elements' ], 'holder' => '.pagelayer-accordion-holder', 'html' => '<div class="pagelayer-accordion-holder" data-icon="{{icon}}" data-active_icon="{{active_icon}}"></div>', 'params' => array( 'elements' => array( 'type' => 'group', 'label' => __pl('Accordions'), 'sc' => PAGELAYER_SC_PREFIX.'_accordion_item', 'item_label' => array( 'default' => __pl('accordion_item_title_label'), 'param' => 'title' ), 'count' => 2, 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('accordion_name'))), ), 'acc_space' => array( 'type' => 'slider', 'label' => __pl('Space Between'), 'default' => 0, 'min' => 0, 'max' => 50, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion_item' => 'margin-bottom:{{val}}px;'], ), ), 'icon_styles' => [ 'icon' => array( 'type' => 'icon', 'label' => __pl('list_icon_label'), 'default' => 'fas fa-plus', ), 'active_icon' => array( 'type' => 'icon', 'label' => __pl('Active Icon'), 'default' => 'fas fa-minus', ), 'icon_align' => array( 'type' => 'radio', 'label' => __pl('Alignment'), 'default' => 'left', 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'float:{{val}}'], 'list' => array( 'left' => __pl('left'), 'right' => __pl('right'), ) ), 'icon_padding' => array( 'type' => 'slider', 'label' => __pl('Spacing'), 'default' => 10, 'min' => 0, 'max' => 50, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'padding:0px {{val}}px; padding-{{icon_align}}:0px;'], ), ], 'tabs_styles' => [ 'tabs_color' => array( 'type' => 'color', 'label' => __pl('Color '), 'default' => '#444444', 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'color:{{val}}'], ), 'tabs_bg_color' => array( 'type' => 'color', 'label' => __pl('Background Color '), 'default' => '#eeeeee', 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'background-color:{{val}}'], ), 'tabs_active_color' => array( 'type' => 'color', 'label' => __pl('Active Tab Color '), 'default' => '#ffffff', 'css' => ['{{element}} .active .pagelayer-accordion-tabs' => 'color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'color:{{val}}'], ), 'tabs_active_bg_color' => array( 'type' => 'color', 'label' => __pl('Active Tab Background Color '), 'default' => '#0986c0', 'css' => ['{{element}} .active .pagelayer-accordion-tabs'=> 'background-color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'background-color:{{val}}'], ), 'tab_padding' => array( 'type' => 'slider', 'label' => __pl('tabs_padding_label'), 'default' => 15, 'min' => 0, 'max' => 50, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'padding: {{val}}px;'], ), 'accordion_title_typo' => array( 'type' => 'typography', 'label' => __pl('accordion_title_typo'), 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'content_styles' => [ 'tabs_content_bg_color' => array( 'type' => 'color', 'label' => __pl('Background Color'), 'default' => '#fff', 'css' => ['{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel'=> 'background-color:{{val}}'], ), 'acc_content_typo' => array( 'type' => 'typography', 'label' => __pl('accordion_content_typo'), 'css' => ['{{element}} .pagelayer-accordion-panel' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'acc_content_padding' => array( 'type' => 'padding', 'label' => __pl('padding'), 'units' => ['px', '%', 'em'], 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion-panel' => 'padding: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}'], ), 'acc_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-style: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-style: {{val}}'], ), 'acc_border_color' => array( 'type' => 'color', 'label' => __pl('border_color'), 'default' => '#cccccc', 'req' => [ '!acc_border_type' => '' ], 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-color: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-color: {{val}}'], ), 'acc_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'default' => '1,1,1,1', 'screen' => 1, 'req' => [ '!acc_border_type' => '' ], 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' => 'border-width: {{val[0]}}px 0 0 0'], ), 'acc_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px '], ) ], 'styles' => [ 'icon_styles' => __pl('icon'), 'tabs_styles' => __pl('Tabs'), 'content_styles' => __pl('Content'), ], ) ); // Accordion item pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_accordion_item', array( 'name' => __pl('Accordion item'), 'group' => 'other', 'not_visible' => 1, 'parent' => [PAGELAYER_SC_PREFIX.'_accordion', PAGELAYER_SC_PREFIX.'_collapse'], 'has_group' => [ 'section' => 'params', 'prop' => 'elements' ], 'holder' => '.pagelayer-accordion-panel', 'html' => '<a if="{{title}}" class="pagelayer-accordion-tabs">{{title}}<span class="pagelayer-accordion-icon"><i></i></span></a> <div class="pagelayer-accordion-panel"></div>', 'params' => array( 'elements' => array( 'type' => 'group', 'label' => __pl('Inner Row'), 'sc' => PAGELAYER_SC_PREFIX.'_inner_row', 'count' => 1, 'item_label' => array( 'default' => __pl('Inner Row'), ), 'hide' => 1, ), 'default_active' => array( 'type' => 'checkbox', 'label' => __pl('Default active tab'), 'addClass' => 'active' ), 'scroll_id' => array( 'type' => 'text', 'label' => __pl('ele_id'), 'addAttr' => ['{{element}} .pagelayer-accordion-tabs' => 'id={{scroll_id}}'] ), 'title' => array( 'type' => 'text', 'label' => __pl('title'), 'default' => 'Lorem', ), ) ) ); // Toggle / Collapse pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_collapse', array( 'name' => __pl('Collapse'), 'group' => 'other', 'has_group' => [ 'section' => 'params', 'prop' => 'elements' ], 'holder' => '.pagelayer-collapse-holder', 'html' => '<div class="pagelayer-collapse-holder" data-icon="{{icon}}" data-active_icon="{{active_icon}}"></div>', 'params' => array( 'elements' => array( 'type' => 'group', 'label' => __pl('Collapse Items'), 'sc' => PAGELAYER_SC_PREFIX.'_accordion_item', 'item_label' => array( 'default' => __pl('tab'), 'param' => 'title', ), 'count' => 2, 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('tab_name'))), ), 'acc_space' => array( 'type' => 'slider', 'label' => __pl('Space Between'), 'default' => 0, 'min' => 0, 'max' => 50, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion_item' => 'margin-bottom:{{val}}px;'], ), ), 'icon_style' => [ 'icon' => array( 'type' => 'icon', 'label' => __pl('list_icon_label'), 'default' => 'fas fa-plus', ), 'active_icon' => array( 'type' => 'icon', 'label' => __pl('Active icon'), 'default' => 'fas fa-minus' ), 'icon_align' => array( 'type' => 'radio', 'label' => __pl('Alignment'), 'default' => 'left', 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'float:{{val}}'], 'list' => array( 'left' => __pl('left'), 'right' => __pl('right'), ) ), 'icon_padding' => array( 'type' => 'slider', 'label' => __pl('Spacing'), 'default' => 10, 'min' => 0, 'max' => 50, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'padding:0px {{val}}px; padding-{{icon_align}}:0px;'], ), ], 'tabs_styles' => [ 'tabs_color' => array( 'type' => 'color', 'label' => __pl('Color '), 'default' => '#444', 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'color:{{val}}'], ), 'tabs_bg_color' => array( 'type' => 'color', 'label' => __pl('Background Color '), 'default' => '#eee', 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'background-color:{{val}}'], ), 'tabs_active_color' => array( 'type' => 'color', 'label' => __pl('Active Tab Color '), 'default' => '#fff', 'css' => ['{{element}} .active .pagelayer-accordion-tabs' => 'color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'color:{{val}}'], ), 'tabs_active_bg_color' => array( 'type' => 'color', 'label' => __pl('Active Tab Background Color '), 'default' => '#0986c0', 'css' => ['{{element}} .active .pagelayer-accordion-tabs'=> 'background-color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'background-color:{{val}}'], ), 'tab_padding' => array( 'type' => 'slider', 'label' => __pl('tabs_padding_label'), 'default' => 15, 'min' => 0, 'max' => 50, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'padding: {{val}}px;'], ), 'collapse_title_typo' => array( 'type' => 'typography', 'label' => __pl('collapsse_title_typo'), 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'content_styles' => [ 'tabs_content_bg_color' => array( 'type' => 'color', 'label' => __pl('Background Color '), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel'=> 'background-color:{{val}}'], ), 'acc_content_padding' => array( 'type' => 'padding', 'label' => __pl('padding'), 'units' => ['px', '%', 'em'], 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' => 'padding: {{val[0]}} {{val[1]}} {{val[2]}} {{val[3]}}'], ), 'acc_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], 'show' => ['border_hover' => ''], 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-style: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-style: {{val}}'], ), 'acc_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'default' => '1,1,1,1', 'screen' => 1, 'req' => [ '!acc_border_type' => '' ], 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' => 'border-width: {{val[0]}}px 0 0 0'], ), 'acc_border_color' => array( 'type' => 'color', 'label' => __pl('border_color'), 'default' => '#cccccc', 'req' => [ '!acc_border_type' => '' ], 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-color: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-color: {{val}}'], ), 'acc_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px '], 'req' => array( '!acc_border_type' => '' ), ) ], 'styles' => [ 'icon_style' => __pl('icon'), 'tabs_styles' => __pl('Tabs'), 'content_styles' => __pl('Content'), ], ) ); // Space pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_space', array( 'name' => __pl('space'), 'group' => 'other', 'html' => '<div class="pagelayer-space-holder"></div>', 'params' => array( 'height' => array( 'type' => 'slider', 'label' => __pl('Space Height'), 'screen' => 1, 'units' => ['px', 'em'], 'css' => ['{{element}} .pagelayer-space-holder' => 'height: {{val}};'], 'default' => '10', 'min' => 0, 'max' => 1000, 'step' => 1 ) ) ) ); // Embed pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_embed', array( 'name' => __pl('embed'), 'group' => 'other', 'innerHTML' => 'data', 'html' => '<div if={{data}} class="pagelayer-embed-container">{{data}}</div>', 'params' => array( 'data' => array( 'type' => 'textarea', 'label' => __pl('embed_paste_code'), 'default' => '<p>Paste HTML code here...</p>', 'desc' => '', ), ) ) ); // Shortcodes pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_shortcodes', array( 'name' => __pl('shortcodes'), 'group' => 'other', 'no_gt' => 1, 'innerHTML' => 'data', 'holder' => '.pagelayer-shortcodes-container', 'html' => '<div class="pagelayer-shortcodes-container">{{{shortcode}}}</div>', 'params' => array( 'data' => array( 'type' => 'textarea', 'label' => __pl('shortcodes_paste_code'), 'desc' => 'Paste short codes here', ), ) ) ); // Shortcodes pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_missing', array( 'name' => __pl('missing_content'), 'group' => 'other', 'no_gt' => 1, 'not_visible' => 1, 'innerHTML' => 'data', 'holder' => '.pagelayer-missing-container', 'html' => '<div class="pagelayer-missing-message"> <i class="fas fa-exclamation"></i> {{{missing_msg}}} </div> <div class="pagelayer-missing-container">{{data}}</div>', 'params' => array( 'data' => array( 'type' => 'textarea', 'label' => __pl('Incompatible Content'), 'no_val' => 1, 'desc' => __('This code will be saved exactly as it is with the post!'), ), ) ) ); // Google Maps pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_google_maps', array( 'name' => __pl('google_maps'), 'group' => 'other', 'innerHTML' => 'address', 'html' => '<div class="pagelayer-google-maps-holder"> <iframe if="{{show_v2}}" marginheight="0" scrolling="no" marginwidth="0" frameborder="0" src="https://maps.google.com/maps?q={{address}}&t=m&z={{zoom}}&output=embed&iwloc=near" aria-label="{{address}}"></iframe> {{src_code}} </div>', 'params' => array( 'api_version' => array( 'type' => 'select', 'label' => __pl('api_version'), 'default' => 'v3', 'list' =>array( '' => __pl('version2'), 'v3' => __pl('version3') ), 'desc' => __pl('api_version_desc') ), 'api_key' => array( 'type' => 'text', 'label' => __pl('api_key'), 'desc' => __pl('google_api_key_desc'), 'req' => ['api_version' => 'v3'] ), 'map_modes' => array( 'type' => 'select', 'label' => __pl('map_modes'), 'default' => 'place', 'list' =>array( 'place' => __pl('place'), 'view' => __pl('view'), 'directions' => __pl('directions'), 'streetview' => __pl('streetview'), 'search' => __pl('search') ), 'req' => ['api_version' => 'v3'] ), 'address' => array( 'type' => 'text', 'label' => __pl('google_map_address_label'), 'default' => 'New York, New York, USA', 'desc' => __pl('google_map_address_desc'), 'req' => ['!map_modes' => 'search'] ), 'direction_origin' => array( 'type' => 'text', 'label' => __pl('origin'), 'default' => 'Oslow Norway', 'req' => [ 'api_version' => 'v3', 'map_modes' => 'directions' ] ), 'direction_destination' => array( 'type' => 'text', 'label' => __pl('destination'), 'default' => 'Telemark Norway', 'req' => [ 'api_version' => 'v3', 'map_modes' => 'directions' ] ), 'direction_waypoints' => array( 'type' => 'text', 'label' => __pl('waypoints'), 'desc' => __pl('waypoints_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'directions' ] ), 'direction_modes' => array( 'type' => 'select', 'label' => __pl('modes'), 'default' => 'driving', 'list' =>array( 'driving' => __pl('driving'), 'walking' => __pl('walking'), 'bicycling' => __pl('bicycling'), 'flying' => __pl('flying') ), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'directions' ] ), 'direction_avoid' => array( 'type' => 'multiselect', 'label' => __pl('avoid'), 'list' => array( 'tolls' => __pl('tolls'), 'ferries' => __pl('ferries'), 'highways' => __pl('highways'), ), 'desc' => __pl('direc_avoid_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'directions' ] ), 'direction_units' => array( 'type' => 'select', 'label' => __pl('units'), 'default' => 'metric', 'list' =>array( 'metric' => __pl('metric'), 'imperial' => __pl('imperial'), ), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'directions' ] ), 'streetview_pano' => array( 'type' => 'text', 'label' => __pl('pano'), 'default' => 'eTnPNGoy4bxR9LpjjfFuOw', 'desc' => __pl('pano_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'streetview' ] ), 'streetview_location' => array( 'type' => 'text', 'label' => __pl('location'), 'default' => '46.414382,10.013988', 'desc' => __pl('center_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'streetview' ] ), 'streetview_heading' => array( 'type' => 'slider', 'label' => __pl('heading'), 'min' => -180, 'max' => 360, 'desc' => __pl('heading_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'streetview' ] ), 'streetview_pitch' => array( 'type' => 'slider', 'label' => __pl('pitch'), 'min' => -90, 'max' => 90, 'desc' => __pl('pitch_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'streetview' ] ), 'streetview_fov' => array( 'type' => 'slider', 'label' => __pl('fov'), 'min' => 10, 'max' => 100, 'desc' => __pl('fov_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'streetview' ] ), 'search_term' => array( 'type' => 'text', 'label' => __pl('google_search_term'), 'default' => 'Record stores in Seattle', 'desc' => __pl('google_search_desc'), 'req' => [ 'api_version' => 'v3', 'map_modes' => 'search' ] ), 'center' => array( 'type' => 'text', 'label' => __pl('center'), 'desc' => __pl('center_desc'), 'req' => [ 'api_version' => 'v3', '!map_modes' => 'streetview' ] ), 'map_type' => array( 'type' => 'select', 'label' => __pl('map_type'), 'default' => 'roadmap', 'list' =>array( 'roadmap' => __pl('roadmap'), 'satellite' => __pl('satellite') ), 'req' => [ 'api_version' => 'v3', '!map_modes' => 'streetview' ] ), 'noscroll' => array( 'type' => 'checkbox', 'label' => __pl('google_map_noscroll'), 'css' => ['{{element}} iframe' => 'pointer-events: none;'], ), 'zoom' => array( 'type' => 'slider', 'label' => __pl('google_map_zoom_label'), 'default' => 10, 'min' => 0, 'max' => 21 ), 'height' => array( 'type' => 'slider', 'label' => __pl('google_map_height'), 'screen' => 1, 'default' => 300, 'min' => 100, 'max' => 1000, 'css' => ['{{element}} iframe' => 'height: {{val}}px'], ), ) ) ); // Testimonial pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_testimonial', array( 'name' => __pl('testimonial'), 'group' => 'other', 'innerHTML' => 'quote_content', 'html' => '<div if="{{quote_content}}" class="pagelayer-testimonial-content">{{quote_content}}</div> <div class="pagelayer-testimonial-author-details"> <div if="{{avatar}}" class="pagelayer-{{image_position}}"> <img class="pagelayer-img pagelayer-testimonial-image pagelayer-testimonial-{{img_shape}}" src="{{func_image}}" title="{{{avatar-title}}}" alt="{{{avatar-alt}}}"/> </div> <div class="pagelayer-{{image_position}}"> <div if="{{cite}}" class="pagelayer-testimonial-cite"> <a if-ext="{{cite_url}}" class="pagelayer-ele-link" href="{{{cite_url}}}"> <span class="pagelayer-testimonial-author">{{cite}}</span> </a> <span if="{{designation}}" class="pagelayer-testimonial-author-title"> {{designation}} </span> </div> </div> </div>', 'params' => array( 'image_position' => array( 'type' => 'select', 'label' => __pl('position'), 'default' => 'aside-position', 'list' =>array( 'aside-position' => __pl('aside'), 'top-position' => __pl('top') ), ), 'alignment' => array( 'type' => 'radio', 'label' => __pl('testimonial_alignment_label'), 'default' => 'center', 'css' =>'text-align:{{val}};', 'screen' => 1, 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ), ), 'author-spacing' => array( 'type' => 'slider', 'label' => __pl('author_spacing'), 'min' => '0', 'max' => '100', 'default' => '20', 'screen' => 1, 'css' => ['{{element}} .pagelayer-testimonial-author-details' => 'margin-top:{{val}}px;'], ), ), // Styles 'content_style' => [ 'quote_content' => array( 'type' => 'editor', 'label' => __pl('testimonial_content_label'), 'edit' => '.pagelayer-testimonial-content', 'default' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.' ) ], 'avatar_style' => [ 'avatar' => array( 'type' => 'image', 'label' => __pl('testimonial_image_label'), 'default' => PAGELAYER_URL.'/images/default-image.png', 'desc' => __pl('testimonial_image_desc'), ), 'testimonial_image_size' => array( 'label' => __pl('testimonial_image_sizes'), 'type' => 'slider', 'min' => 0, 'max' => 500, 'default' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-testimonial-image' => 'width:{{val}}px !important; height:{{val}}px !important;'], ), 'img_shape' => array( 'type' => 'select', 'label' => __pl('image_shape'), 'default' => 'circle', 'list' =>array( 'square' => __pl('square'), 'circle' => __pl('circle'), ), ), 'testimonial_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-testimonial-image' =>'border-style: {{val}};'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ] ), 'testimonial_border_color' => array( 'type' => 'color', 'label' => __pl('testimonial_border_color_label'), 'default' => '#42414f', 'css' => ['{{element}} .pagelayer-testimonial-image' => 'border-color: {{val}};'], 'req' => ['!testimonial_border_type' => ''] ), 'testimonial_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-testimonial-image' =>'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px;'], 'req' => ['!testimonial_border_type' => ''] ), 'testimonial_border_radius' => array( 'type' => 'padding', 'label' => __pl('border_radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-testimonial-image' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], 'req' => ['!testimonial_border_type' => ''] ), ], 'cite_style' => [ 'cite' => array( 'type' => 'text', 'label' => __pl('testimonial_cite_label'), 'default' => 'John Smith', 'desc' => __pl('testimonial_cite_desc'), 'edit' => '.pagelayer-testimonial-author', ), 'cite_color' => array( 'type' => 'color', 'label' => __pl('testimonial_name_color_label'), 'default' => '#426870', 'css' => ['{{element}} .pagelayer-testimonial-author ' => 'color:{{val}}'], ), 'cite_style' => array( 'type' => 'typography', 'label' => __pl('cite_style'), 'default' => ',20,,100,,none,,,,,', 'css' => ['{{element}} .pagelayer-testimonial-author' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'cite_url' => array( 'type' => 'link', 'label' => __pl('testimonial_url_label'), 'selector' => '.pagelayer-ele-link', 'desc' => __pl('testimonial_url_desc'), ), 'cite_spacing' => array( 'type' => 'padding', 'label' => __pl('cite_spacing'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-testimonial-cite' => 'margin-top: {{val[0]}}px; margin-right: {{val[1]}}px; margin-bottom: {{val[2]}}px; margin-left: {{val[3]}}px'], ), ], 'designation_style' => [ 'designation' => array( 'type' => 'text', 'label' => __pl('testimonial_designation_label'), 'default' => 'Web Developer', 'desc' => __pl('testimonial_cite_title_size_desc'), 'edit' => '.pagelayer-testimonial-author-title', ), 'designation_color' => array( 'type' => 'color', 'label' => __pl('testimonial_title_color_label'), 'default' => '#9cafc0', 'css' => ['{{element}} .pagelayer-testimonial-author-title' => 'color:{{val}}'], ), 'cite_designation_style' => array( 'type' => 'typography', 'label' => __pl('cite_designation_style'), 'default' => ',16,,100,,,,,,,', 'css' => ['{{element}} .pagelayer-testimonial-author-title' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'styles' => [ 'avatar_style' => __pl('avatar_style'), 'cite_style' => __pl('cite'), 'designation_style' => __pl('designation'), 'content_style' => __pl('content_style'), ], ) ); // Progress object - Make a group pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_progress', array( 'name' => __pl('Progress Bars'), 'group' => 'other', 'innerHTML' => 'progress_text', 'html' =>'<div if="{{title}}" class="pagelayer-progress-title">{{title}}</div> <div if="{{progress_pre_suf}}" class="pagelayer-progress-goal"> <div if="{{prefix}}" class="pagelayer-progress-prefix">{{prefix}}</div> <div if="{{suffix}}" class="pagelayer-progress-suffix">{{suffix}}</div> </div> <div class="pagelayer-progress-container"> <div if="{{progress_percentage}}" class="pagelayer-progress-bar pagelayer-progress-{{progress_type}}" style="width:{{progress_percentage}}%;"> <span if="{{progress_text}}" class="pagelayer-progress-text">{{progress_text}}</span> <span if="{{progress_percentage}}" class="pagelayer-progress-percent"></span> </div> </div>', 'params' => array( 'progress_type' => array( 'type' => 'select', 'label' => __pl('progress_type'), 'default' => 'primary', 'list' => [ 'primary' => __pl('Primary'), 'secondary' => __pl('Secondary'), 'success' => __pl('Success'), 'warning' => __pl('Warning'), 'danger' => __pl('Danger'), '' => __pl('custom') ], ), 'progress_color' => array( 'type' => 'color', 'label' => __pl('progress_bar_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-progress-bar' => 'background-color:{{val}};'], 'req' => ['progress_type' => ''] ), 'progress_bg_color' => array( 'type' => 'color', 'label' => __pl('bg_color'), 'css' => ['{{element}} .pagelayer-progress-container' => 'background-color:{{val}};'], 'req' => ['progress_type' => ''] ), 'progress_height' => array( 'type' => 'slider', 'label' => __pl('progress_height'), 'min' => 0, 'max' => 100, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-progress-bar' => 'height:{{val}}px;', '{{element}} .pagelayer-progress-percent' => 'line-height:{{val}}px; font-size: calc({{val}}px / 2);', '{{element}} .pagelayer-progress-text' => 'line-height:{{val}}px; font-size: calc({{val}}px / 2);', ], 'default' => 40, ), 'progress_radius' => array( 'type' => 'padding', 'label' => __pl('radius'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-progress-bar, {{element}} .pagelayer-progress-container' => 'border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px; -webkit-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;-moz-border-radius: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}}px;'], ), 'progress_border_type' => array( 'type' => 'select', 'label' => __pl('border_type'), 'css' => ['{{element}} .pagelayer-progress-container' => 'border-style: {{val}}'], 'list' => [ '' => __pl('none'), 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], ), 'progress_border_color' => array( 'type' => 'color', 'label' => __pl('border_color_label'), 'default' => '#42414f', 'css' => ['{{element}} .pagelayer-progress-container' => 'border-color: {{val}};'], 'req' => ['!progress_border_type' => ''], ), 'progress_border_width' => array( 'type' => 'padding', 'label' => __pl('border_width'), 'screen' => 1, 'css' => ['{{element}} .pagelayer-progress-container' => 'border-top-width: {{val[0]}}px; border-right-width: {{val[1]}}px; border-bottom-width: {{val[2]}}px; border-left-width: {{val[3]}}px'], 'req' => ['!progress_border_type' => ''], ) ), // Styles 'heading_style' => [ 'title' => array( 'type' => 'text', 'label' => __pl('progress_title'), 'default' => 'Progress', 'edit' => '.pagelayer-progress-title', ), 'title_color' => array( 'type' => 'color', 'label' => __pl('title_color'), 'default' => '#768589', 'css' => ['{{element}} .pagelayer-progress-title' => 'color:{{val}};'], ), 'title_align' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'css' => ['{{element}} .pagelayer-progress-title' => 'text-align: {{val}}'], 'screen' => 1, 'list' => array( 'left' => 'Left', 'center' => 'Center', 'right' => 'Right' ), ), 'title_style' => array( 'type' => 'typography', 'label' => __pl('title_size'), 'default' => ',25,,100,,,,,,,', 'css' => ['{{element}} .pagelayer-progress-title' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'percentage_style' => [ 'progress_text'=> array( 'type' => 'text', 'label' => __pl('progress_text'), 'default' => 'Designing', 'edit' => '.pagelayer-progress-text', ), 'progress_text_color' => array( 'type' => 'color', 'label' => __pl('progress_text_color'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-progress-text' => 'color:{{val}};'], ), 'progress_percentage' => array( 'type' => 'slider', 'label' => __pl('percentage'), 'min' => 0, 'max' => 100, 'css' => ['{{element}} .pagelayer-progress-container > .pagelayer-progress-bar:after' => 'width:{{val}}%;',], 'addAttr' => ['{{element}} .pagelayer-progress-bar' => 'pagelayer-progress-width="{{progress_percentage}}"'], 'default' => 75, ), 'progress_percent_color' => array( 'type' => 'color', 'label' => __pl('progress_percent_color'), 'default' => '#ffffff', 'css' => ['{{element}} .pagelayer-progress-percent' => 'color:{{val}};'], ), 'hide_percentage' => array( 'type' => 'checkbox', 'label' => __pl('hide_percentage'), 'screen' => 1, 'default' => '', 'css' => ['{{element}} .pagelayer-progress-percent' => 'display: none;'] ), ], 'progress_prefix_suffix' =>[ 'progress_pre_suf' => array( 'type' => 'checkbox', 'label' => __pl('prefix_suffix'), ), 'prefix' => array( 'type' => 'text', 'label' => __pl('prefix_name'), 'default' => 'Reached: $1000', 'edit' => '.pagelayer-progress-prefix', 'req' => ['progress_pre_suf' => 'true'], ), 'suffix' => array( 'type' => 'text', 'label' => __pl('suffix_name'), 'default' => 'Goal: $5000', 'edit' => '.pagelayer-progress-suffix', 'req' => ['progress_pre_suf' => 'true'], ), 'prefix_suffix_color' => array( 'type' => 'color', 'label' => __pl('color'), 'default' => '#444444', 'css' => ['{{element}} .pagelayer-progress-prefix, {{element}} .pagelayer-progress-suffix' => 'color:{{val}};'], 'req' => ['progress_pre_suf' => 'true'], ) ], 'styles' => [ 'heading_style' => __pl('heading_style'), 'percentage_style' => __pl('percentage'), 'progress_prefix_suffix' => __pl('prefix_suffix'), ] ) ); // Color Block pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_block', array( 'name' => __pl('Color Block'), 'group' => 'other', 'params' => array( 'block_color' => array( 'type' => 'color', 'label' => __pl('block_color'), 'default' => '#CCC', 'css' => ['{{element}}' => 'background:{{val}}'], ), 'block_height' => array( 'type' => 'spinner', 'label' => __pl('block_height'), 'default' => '200', 'screen' => 1, 'min' => 1, 'max' => 1000, 'step' => 1, 'css' => ['{{element}}' => 'height:{{val}}px'], ), ) ) ); // Alert pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_alert', array( 'name' => __pl('Alert'), 'group' => 'other', 'innerHTML' => 'alert_content', 'html' => '<div class="pagelayer-alert-content"> <i if="{{alert_icon}}" class="pagelayer-alert-icon {{alert_icon}}"></i> <div if="{{alert_title}}" class="pagelayer-alert-title">{{alert_title}}</div> <div if="{{is_dismissible}}" class="pagelayer-alert-close" onclick="pagelayer_dismiss_alert(event.target);"></div> </div> <span if="{{alert_content}}" class="pagelayer-alert-text">{{alert_content}}</span>', 'params' => array( 'alert_type' => array( 'type' => 'select', 'label' => __pl('Type'), 'default' => 'alert-primary', 'addClass' => 'pagelayer-{{val}}', 'list' => array( 'alert-primary' => __pl('alert_type_primary'), 'alert-secondary' => __pl('alert_type_secondary'), 'alert-success' => __pl('alert_type_success'), 'alert-info' => __pl('alert_type_info'), 'alert-warning' => __pl('alert_type_warning'), 'alert-danger' => __pl('alert_type_danger'), 'alert-dark' => __pl('alert_type_dark'), 'alert-custom' => __pl('alert_type_custom'), ) ), 'alert_bg_color' => array( 'type' => 'color', 'label' => __pl('alert_bg_color'), 'css' => 'background-color: {{val}}', 'req' => ['alert_type' => 'alert-custom'] ), 'is_dismissible' => array( 'type' => 'checkbox', 'label' => __pl('is_dismissible'), 'default' => 'true', 'addClass' => 'pagelayer-alert-dismissible' ) ), 'icon_style' => [ 'alert_icon' => array( 'type' => 'icon', 'label' => __pl('alert_icon'), 'default' => 'fas fa-exclamation', ), 'alert_icon_color' => array( 'type' => 'color', 'label' => __pl('alert_icon_color'), 'css' => ['{{element}} .pagelayer-alert-icon' => 'color: {{val}}'], ), 'alert_font_size' => array( 'label' => __pl('alert_font_size'), 'type' => 'slider', 'min' => 0, 'max' => 500, 'default' => 20, 'screen' => 1, 'css' => ['{{element}} .pagelayer-alert-icon' => 'font-size:{{val}}px;'], ), 'alert_icon_spacing' => array( 'label' => __pl('alert_icon_spacing'), 'type' => 'slider', 'min' => 0, 'max' => 200, 'default' => 5, 'screen' => 1, 'css' => ['{{element}} .pagelayer-alert-icon' => 'margin-right:{{val}}px;'], ), ], 'title_style' => [ 'alert_title' => array( 'type' => 'text', 'label' => __pl('alert_title'), 'default' => 'This is an Alert', 'edit' => '.pagelayer-alert-title', ), 'alert_title_color' => array( 'type' => 'color', 'label' => __pl('alert_title_color'), 'default' => '', 'css' => ['{{element}} .pagelayer-alert-title' => 'color:{{val}}'], ), 'title_typo' => array( 'type' => 'typography', 'label' => __pl('title_typo'), 'default' => ',22,,600,,,,,,,', 'css' => ['{{element}} .pagelayer-alert-title' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'content_style' => [ 'alert_content' => array( 'type' => 'textarea', 'label' => __pl('alert_content'), 'default' => 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.', 'edit' => '.pagelayer-alert-text', ), 'alert_content_color' => array( 'type' => 'color', 'label' => __pl('alert_content_color'), 'default' => '', 'css' => ['{{element}} .pagelayer-alert-text' => 'color:{{val}}', '{{element}} .pagelayer-alert-text *' => 'color:{{val}}'], 'req' => ['!alert_content' => ''], ), 'content_typo' => array( 'type' => 'typography', 'label' => __pl('title_typo'), 'default' => ',13,,,,,,,,,', 'css' => ['{{element}} .pagelayer-alert-text' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'styles' => [ 'icon_style' => __pl('icon'), 'title_style' => __pl('title_style'), 'content_style' => __pl('content_style'), ], ) ); // Anchor pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_anchor', array( 'name' => __pl('Anchor'), 'group' => 'other', 'html' => '<div id="{{title}}" class="pagelayer-anchor-holder"></div>', 'params' => array( 'title' => array( 'type' => 'text', 'label' => __pl('Anchor ID'), 'desc' => __pl('Note : Please enter the name of Unique ID that you want to use as an Anchor (Without #)'), ), ) ) ); // Star object pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_stars', array( 'name' => __pl('Stars'), 'group' => 'other', 'html' => '<span if="{{rating_title}}" class="pagelayer-stars-title">{{rating_title}}</span> <div class="pagelayer-stars-container" title="{{number_of_ratings}}/{{number_of_stars}}" pagelayer-stars-value="{{number_of_ratings}}" pagelayer-stars-count="{{number_of_stars}}"> </div>', 'params' => array( 'number_of_stars' => array( 'type' => 'spinner', 'label' => __pl('stars_count'), 'min' => 0, 'max' => 10, 'step' => 1, 'default' => 5, ), 'number_of_ratings' => array( 'type' => 'spinner', 'label' => __pl('stars_rating'), 'min' => 0, 'max' => 10, 'step' => .1, 'default' => 2.5, ), 'ratings_align' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'css' => ['{{element}}' => 'text-align: {{val}}'], 'screen' => 1, 'list' => array( 'left' => 'Left', 'center' => 'Center', 'right' => 'Right' ), ), ), 'title_style' => [ 'rating_title' => array( 'type' => 'text', 'label' => __pl('rating_title'), 'default' => 'Rate us', 'edit' => '.pagelayer-stars-title', ), 'title_color' => array( 'type' => 'color', 'label' => __pl('title_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-stars-title' => 'color: {{val}}'], ), 'title_style' => array( 'type' => 'typography', 'label' => __pl('counter_number_size'), 'default' => ',25,,600,,,solid,,,,', 'css' => ['{{element}} .pagelayer-stars-title' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'stars_style' => [ 'stars_color' => array( 'type' => 'color', 'label' => __pl('stars_color'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-stars-icon:before' => 'color: {{val}}'], ), 'unmarked_stars_color' => array( 'type' => 'color', 'label' => __pl('unmarked_star_color'), 'default' => '#ccd6df', 'css' => ['{{element}} .pagelayer-stars-container' => 'color: {{val}}'], ), 'stars_font_size' => array( 'label' => __pl('stars_font_size'), 'type' => 'slider', 'min' => 0, 'max' => 100, 'default' => 30, 'screen' => 1, 'css' => ['{{element}} .pagelayer-stars-container' => 'font-size:{{val}}px;'], ), 'stars_spacing' => array( 'label' => __pl('stars_spacing'), 'type' => 'slider', 'min' => 0, 'max' => 100, 'default' => 10, 'screen' => 1, 'css' => ['{{element}} .pagelayer-stars-icon' => 'margin-left:{{val}}px;'], ), ], 'styles' => [ 'title_style' => __pl('title'), 'stars_style' => __pl('stars_style'), ], ) ); // Divider pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_divider', array( 'name' => __pl('Divider'), 'group' => 'other', 'html' => '<div class="pagelayer-divider-holder"> <span class="pagelayer-divider-seperator"></span> </div>', 'params' => array( 'divider_style' => array( 'type' => 'select', 'label' => __pl('divider_border_type'), 'css' => ['{{element}} .pagelayer-divider-seperator' =>'border-top-style: {{val}};'], 'default' => 'solid', 'list' => [ 'solid' => __pl('solid'), 'double' => __pl('double'), 'dotted' => __pl('dotted'), 'dashed' => __pl('dashed'), 'groove' => __pl('groove'), ], ), 'divider_color' => array( 'type' => 'color', 'label' => __pl('divider_color'), 'default' => '#999', 'css' => ['{{element}} .pagelayer-divider-seperator' => 'border-top-color: {{val}};'], ), 'divider_weight' => array( 'type' => 'slider', 'label' => __pl('divider_border_weight'), 'min' => 1, 'max' => 30, 'default' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-divider-seperator' =>'border-top-width: {{val}}px;'], ), 'divider_widht' => array( 'type' => 'slider', 'label' => __pl('divider_border_width'), 'min' => 1, 'max' => 100, 'default' => 100, 'screen' => 1, 'css' => ['{{element}} .pagelayer-divider-seperator' =>'width: {{val}}%;'], ), 'divider_gap' => array( 'type' => 'slider', 'label' => __pl('divider_gap'), 'min' => 1, 'max' => 100, 'default' => 10, 'screen' => 1, 'css' => ['{{element}} .pagelayer-divider-holder' =>'padding-top: {{val}}px; padding-bottom: {{val}}px;'], ), 'divider_alignment' => array( 'type' => 'radio', 'label' => __pl('divider_alignment'), 'default' => 'center', 'screen' => 1, 'css' => ['{{element}} .pagelayer-divider-holder' => 'text-align: {{val}};'], 'list' => array( 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ) ), ), ) ); // Counter pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_counter', array( 'name' => __pl('Counter'), 'group' => 'other', 'html' => '<div class="pagelayer-counter-holder"> <div if="{{counter_start_number}}" class="pagelayer-counter-content"> <span if="{{number_prefix}}">{{number_prefix}}</span><span class="pagelayer-counter-display">{{counter_start_number}}</span><span if="{{number_suffix}}">{{number_suffix}}</span> </div> <span if="{{counter_text}}" class="pagelayer-counter-info">{{counter_text}}</span> </div>', 'params' => array( 'counter_start_number' => array( 'type' => 'spinner', 'label' => __pl('starting_number'), 'min' => '0', 'default' => '1', 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-initial-value="{{counter_start_number}}"'], ), 'counter_end_number' => array( 'type' => 'spinner', 'label' => __pl('Ending_number'), 'min' => '0', 'default' => '200', 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-last-value="{{counter_end_number}}"'], ), 'animation_duration' => array( 'type' => 'spinner', 'label' => __pl('counter_animation_duration'), 'min' => '500', 'max' => '500000', 'default' =>'2000', 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-animation-duration="{{animation_duration}}"'], ), 'counter_align' => array( 'type' => 'radio', 'label' => __pl('counter_align'), 'default' => 'center', 'css' => 'text-align: {{val}};', 'screen' => 1, 'list' => [ 'left' => __pl('left'), 'center' => __pl('center'), 'right' => __pl('right'), ] ), ), // Styles 'counter_style' => [ 'counter_number_color' => array( 'type' => 'color', 'label' => __pl('counter_number_color_label'), 'default' => '#0986c0', 'css' => ['{{element}} .pagelayer-counter-content' => 'color:{{val}};'], ), 'number_prefix' => array( 'type' => 'text', 'label' => __pl('number_prefix'), ), 'number_suffix' => array( 'type' => 'text', 'label' => __pl('number_suffix'), ), 'thousand_seperator' => array( 'type' => 'checkbox', 'label' => __pl('thousand_seperator'), 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-seperator="{{thousand_seperator}}"'], ), 'thousand_seperator_type' => array( 'type' => 'select', 'label' => __pl('thousand_seperator_type'), 'default' => ',', 'list' => [ ',' => __pl('Default'), '.' => __pl('Dot'), ' ' => __pl('Space'), ], 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-seperator-type="{{thousand_seperator_type}}"'], 'req' => array( 'thousand_seperator' => 'true', ), ), 'counter_number_style' => array( 'type' => 'typography', 'label' => __pl('counter_number_size'), 'default' => ',60,,600,,,solid,,,,', 'css' => ['{{element}} .pagelayer-counter-content' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'counter_label_style' => [ 'counter_text' => array( 'type' => 'text', 'label' => __pl('counter_text'), 'default' => 'Counter', 'edit' => '.pagelayer-counter-info' ), 'counter_text_color' => array( 'type' => 'color', 'label' => __pl('counter_text_color_label'), 'default' => '#333333', 'css' => ['{{element}} .pagelayer-counter-info' => 'color:{{val}};'], ), 'counter_text_style' => array( 'type' => 'typography', 'label' => __pl('counter_text_style'), 'default' => ',25,,400,,,solid,,,,', 'css' => ['{{element}} .pagelayer-counter-info' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), ], 'styles' => [ 'counter_label_style' => __pl('counter_label_style'), 'counter_style' => __pl('counter_style'), ], ) ); // Address pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_address', array( 'name' => __pl('address'), 'group' => 'other', 'icon' => 'fas fa-map-marker-alt', 'html' => '<div class="pagelayer-address-holder"> <span class="pagelayer-address-icon"><i class="{{icon}}"></i></span> <span class="pagelayer-address">'.pagelayer_get_option('pagelayer-address').'</span> </div>', 'params' => array( 'color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-address *, {{element}} .pagelayer-address' => 'color:{{val}}'], 'desc' => __pl('CMA_desc') ), 'typography' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-address *, {{element}} .pagelayer-address' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'align' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'screen' => 1, 'list' => [ 'flex-start' => __pl('left'), 'center' => __pl('center'), 'flex-end' => __pl('right'), ], 'css' => ['{{element}} .pagelayer-address-holder' => 'justify-content: {{val}}'], ), 'space' => array( 'type' => 'slider', 'label' => __pl('space'), 'min' => 0, 'max' => 100, 'step' => 1, 'screen' => 1, 'css' => ['body:not(.rtl) {{element}} .pagelayer-address-icon' => 'margin-right: {{val}}px;', 'body.rtl {{element}} .pagelayer-address-icon' => 'margin-left:{{val}}px'] ), ), 'icon_style' =>[ 'icon' => array( 'type' => 'icon', 'label' => __pl('icon'), 'default' => 'fas fa-map-marker-alt' ), 'icon_color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-address-icon i' => 'color:{{val}}'], ), 'icon_size' => array( 'type' => 'slider', 'label' => __pl('size'), 'min' => 0, 'max' => 100, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-address-icon i' => 'font-size: {{val}}px;'] ), ], 'styles' => [ 'icon_style' => __pl('icon_style') ] ) ); // Email pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_email', array( 'name' => __pl('email'), 'group' => 'other', 'icon' => 'fas fa-envelope', 'html' => '<div class="pagelayer-email-holder"> <span class="pagelayer-email-icon"><i class="{{icon}}"></i></span> <a if-ext="{{linked}}" href="mailto:'.pagelayer_get_option('pagelayer_cf_to_email').'"> <span class="pagelayer-email">'.pagelayer_get_option('pagelayer_cf_to_email').'</span></div> </a> </div>', 'params' => array( 'linked' => array( 'type' => 'checkbox', 'label' => __pl('make_link'), 'desc' => __pl('email_desc') ), 'color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-email *, {{element}} .pagelayer-email' => 'color:{{val}}'], ), 'typography' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-email *, {{element}} .pagelayer-email' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'align' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'screen' => 1, 'list' => [ 'flex-start' => __pl('left'), 'center' => __pl('center'), 'flex-end' => __pl('right'), ], 'css' => ['{{element}} .pagelayer-email-holder' => 'justify-content: {{val}}'], ), 'space' => array( 'type' => 'slider', 'label' => __pl('space'), 'min' => 0, 'max' => 100, 'step' => 1, 'screen' => 1, 'css' => ['body:not(.rtl) {{element}} .pagelayer-email-icon' => 'margin-right: {{val}}px;', 'body.rtl {{element}} .pagelayer-email-icon' => 'margin-left:{{val}}px'] ), ), 'icon_style' =>[ 'icon' => array( 'type' => 'icon', 'label' => __pl('icon'), 'default' => 'fas fa-envelope' ), 'icon_color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-email-icon i' => 'color:{{val}}'], ), 'icon_size' => array( 'type' => 'slider', 'label' => __pl('size'), 'min' => 0, 'max' => 100, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-email-icon i' => 'font-size: {{val}}px;'] ), ], 'styles' => [ 'icon_style' => __pl('icon_style') ] ) ); // Phone pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_phone', array( 'name' => __pl('phone'), 'group' => 'other', 'icon' => 'fas fa-phone-alt', 'html' => '<div class="pagelayer-phone-holder"> <span class="pagelayer-phone-icon"><i class="{{icon}}"></i></span> <a if-ext="{{linked}}" href="tel:'.pagelayer_get_option('pagelayer-phone').'"> <span class="pagelayer-phone">'.pagelayer_get_option('pagelayer-phone').'</span> </a> </div>', 'params' => array( 'linked' => array( 'type' => 'checkbox', 'label' => __pl('make_link'), 'desc' => __pl('CMA_desc') ), 'color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-phone *, {{element}} .pagelayer-phone' => 'color:{{val}}'], ), 'typography' => array( 'type' => 'typography', 'label' => __pl('typography'), 'css' => ['{{element}} .pagelayer-phone *, {{element}} .pagelayer-phone' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px !important; font-style: {{val[2]}} !important; font-weight: {{val[3]}} !important; font-variant: {{val[4]}} !important; text-decoration-line: {{val[5]}} !important; text-decoration-style: {{val[6]}} !important; line-height: {{val[7]}}em !important; text-transform: {{val[8]}} !important; letter-spacing: {{val[9]}}px !important; word-spacing: {{val[10]}}px !important;'], ), 'align' => array( 'type' => 'radio', 'label' => __pl('alignment'), 'screen' => 1, 'list' => [ 'flex-start' => __pl('left'), 'center' => __pl('center'), 'flex-end' => __pl('right'), ], 'css' => ['{{element}} .pagelayer-phone-holder' => 'justify-content: {{val}}'], ), 'space' => array( 'type' => 'slider', 'label' => __pl('space'), 'min' => 0, 'max' => 100, 'step' => 1, 'screen' => 1, 'css' => ['body:not(.rtl) {{element}} .pagelayer-phone-icon' => 'margin-right: {{val}}px;', 'body.rtl {{element}} .pagelayer-phone-icon' => 'margin-left:{{val}}px'] ), ), 'icon_style' =>[ 'icon' => array( 'type' => 'icon', 'label' => __pl('icon'), 'default' => 'fas fa-phone-alt' ), 'icon_color' => array( 'type' => 'color', 'label' => __pl('color'), 'css' => ['{{element}} .pagelayer-phone-icon i' => 'color:{{val}}'], ), 'icon_size' => array( 'type' => 'slider', 'label' => __pl('size'), 'min' => 0, 'max' => 100, 'step' => 1, 'screen' => 1, 'css' => ['{{element}} .pagelayer-phone-icon i' => 'font-size: {{val}}px;'] ), ], 'styles' => [ 'icon_style' => __pl('icon_style') ] ) ); // Body Settings pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_post_props', array( 'name' => __pl('Body and Post Props'), 'group' => 'other', 'not_visible' => 1, 'parent' => [], // To hide on left panel block list 'overide_css_selector' => pagelayer_is_gutenberg_editor() ? '{{element}}' : 'body', // To prevent apply style in gutenberg, we use .pagelayer-body class, that is not exists in gutenberg edit. 'hide_active' => 1, 'skip_props_cat_type' => ['product' => ['custom_hf_code']], 'skip_props_cat' => ['position_styles', 'animation_styles', 'responsive_styles', 'motion_effects'], 'skip_props' => ['ele_zindex', 'ele_shadow', 'border_shadow_hover', 'hide_desktop', 'hide_tablet', 'hide_mobile'], 'params' => array( 'post_title' => array( 'type' => 'text', 'label' => __pl('post_title'), 'default' => (empty($post->post_title) ? 'No Title' : $post->post_title), 'export-def' => 1, ), 'post_status' => array( 'type' => 'select', 'label' => __pl('visibility'), 'default' => (empty($post->post_status) ? 'draft' : $post->post_status), 'export-def' => 1, 'list' => [ 'publish' => __pl('Published'), 'future' => __pl('Scheduled'), 'private' => __pl('private'), 'pass_protected' => __pl('password_protected'), 'draft' => __pl('Draft') ], ), 'post_password' => array( 'type' => 'text', 'label' => __pl('password'), 'export-def' => 1, 'req' => ['post_status' => 'pass_protected'] ), 'post_date' => array( 'type' => 'postDate', 'label' => __pl('publish_date'), 'default' => (empty($post->post_date) ? current_time( 'mysql' ) : $post->post_date), 'export-def' => 1, ), 'post_sticky' => array( 'type' => 'checkbox', 'label' => __pl('sticky_post'), 'default' => (!empty($post->ID) && is_sticky($post->ID) ? 'true' : ''), 'export-def' => 1, ), 'post_author' => array( 'type' => 'select', 'label' => __pl('author'), 'default' => (empty($post->post_author) ? 0 : $post->post_author), 'list' => [], 'export-def' => 1, ), 'post_trash' => array( 'type' => 'trashButton', 'label' => '', ), ), 'postPermalink' => array( 'post_name' => array( 'type' => 'permalink', 'label' => __pl('url_slug'), 'desc' => __pl('perma_desc'), 'default' => (empty($post->post_name) ? '' : $post->post_name), 'export-def' => 1, ), ), 'postCategory' => array( 'post_category' => array( 'type' => 'postCategory', 'label' => '' ) ), 'postTags' => array( 'post_tags' => array( 'type' => 'postTags', 'label' => __pl('add_new_tag'), 'desc' => __pl('post_tag_desc') ) ), 'postFeaturedImage' => array( 'featured_image' => array( 'type' => 'image', 'label' => '', 'default' => ( get_post_thumbnail_id($post) ? get_post_thumbnail_id($post) : PAGELAYER_URL.'/images/default-image.png' ), 'export-def' => 1, ), ), 'postExcerpt' => array( 'post_excerpt' => array( 'type' => 'textarea', 'default' => ( empty($post->post_excerpt) ? '' : $post->post_excerpt), 'export-def' => 1, 'label' => __pl('write_an_excerpt'), ) ), 'postDiscussion' => array( 'comment_status' => array( 'type' => 'checkbox', 'label' => __pl('allow_comments'), ), 'ping_status' => array( 'type' => 'checkbox', 'label' => __pl('allow_p_and_t'), ) ), 'pageParent' => array( 'post_parent' => array( 'type' => 'select', 'label' => __pl('post_parent'), 'list' => [] ), 'menu_order' => array( 'type' => 'spinner', 'label' => __pl('order'), ) ), 'styles' => array( 'params' => __pl('status_visibility'), 'postPermalink' => __pl('post_name'), 'postCategory' => __pl('wp_categories'), 'postTags' => __pl('tags'), 'postFeaturedImage' => __pl('featured_image'), 'postExcerpt' => __pl('excerpt'), 'postDiscussion' => __pl('discussion'), 'pageParent' => __pl('page_attributes'), ), ) ); /* $pagelayer->customizer_styles_options = array( 'params' => __pl('Site Identity'), 'breakpoint' => __pl('BreakPoints'), 'global' => __pl('Global Settings'), 'post_global' => __pl('Current Post Type Settings'), 'global_background' => __pl('Global Background'), 'global_button' => __pl('Global Buttons Style'), ); if(class_exists('WooCommerce')){ $pagelayer->customizer_styles_options['woocommerce'] = __pl('woocommerce'); } // Customizer Settings pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_customizer', array( 'name' => __pl('Customizer'), 'group' => 'other', 'overide_css_selector' => 'body', 'hide_active' => 1, 'skip_save' => 1, 'skip_props_cat_type' => ['product' => ['custom_hf_code']], 'skip_props_cat' => ['ele_bg_styles','ele_styles','border_styles','font_style','animation_styles','motion_effects','responsive_styles','attributes','custom_styles','position_styles', 'animation_styles', 'responsive_styles', 'motion_effects'], 'skip_props' => ['ele_zindex', 'font_family', 'ele_shadow', 'border_shadow_hover', 'hide_desktop', 'hide_tablet', 'hide_mobile'], 'params' => array( 'site_name' => array( 'type' => 'text', 'label' => __pl('Site Name'), 'option' => 'blogname', ), 'site_description' => array( 'type' => 'text', 'label' => __pl('Site Description'), 'option' => 'blogdescription', ), 'site_logo' => array( 'type' => 'image', 'label' => __pl('Site Logo'), 'option' => 'site_logo', ), 'site_icon' => array( 'type' => 'image', 'label' => __pl('Site Fav Icon'), 'option' => 'site_icon', ), ), 'breakpoint' => array( 'content_width' => array( 'type' => 'slider', 'label' => __pl('Content Width'), 'option' => 'pagelayer_content_width', 'min' => 320, 'max' => 2000, 'css' =>['.pagelayer-row-stretch-auto > .pagelayer-row-holder'=>'max-width:{{val}}px;margin-left:auto;margin-right:auto'], ), 'widgets_space' => array( 'type' => 'slider', 'label' => __pl('Widgets Space'), 'option' => 'pagelayer_between_widgets', 'min' => 0, 'max' => 2000, ), 'mobile_breakpoint' => array( 'type' => 'slider', 'label' => __pl('Mobile Breakpoint'), 'option' => 'pagelayer_mobile_breakpoint', 'min' => 0, 'max' => 2000, ), 'tablet_breakpoint' => array( 'type' => 'slider', 'label' => __pl('Tablet Breakpoint'), 'option' => 'pagelayer_tablet_breakpoint', 'min' => 0, 'max' => 2000, ), ), 'global' => array( 'ele_body_group' => array( 'type' => 'access', 'label' => __pl('Body Settings'), 'show_group' => 'body_group', ), 'ele_header_group' => array( 'type' => 'access', 'label' => __pl('Header Settings'), 'show_group' => 'header_group', ), 'ele_h1_group' => array( 'type' => 'access', 'label' => __pl('H1 Settings'), 'show_group' => 'h1_group', ), 'ele_h2_group' => array( 'type' => 'access', 'label' => __pl('H2 Settings'), 'show_group' => 'h2_group', ), 'ele_h3_group' => array( 'type' => 'access', 'label' => __pl('H3 Settings'), 'show_group' => 'h3_group', ), 'ele_h4_group' => array( 'type' => 'access', 'label' => __pl('H4 Group'), 'show_group' => 'h4_group', ), 'ele_h5_group' => array( 'type' => 'access', 'label' => __pl('H5 Settings'), 'show_group' => 'h5_group', ), 'ele_h6_group' => array( 'type' => 'access', 'label' => __pl('H6 Settings'), 'show_group' => 'h6_group', ), 'ele_b_group' => array( 'type' => 'access', 'label' => __pl('B Settings'), 'show_group' => 'b_group', ), 'ele_i_group' => array( 'type' => 'access', 'label' => __pl('I Settings'), 'show_group' => 'i_group', ), 'ele_a_group' => array( 'type' => 'access', 'label' => __pl('A Settings'), 'show_group' => 'a_group', ), 'ele_a_hover_group' => array( 'type' => 'access', 'label' => __pl('A Hover Settings'), 'show_group' => 'a_hover_group', ), 'ele_aside_group' => array( 'type' => 'access', 'label' => __pl('Aside Settings'), 'show_group' => 'aside_group', ), 'ele_p_group' => array( 'type' => 'access', 'label' => __pl('P Settings'), 'show_group' => 'p_group', ), 'ele_entry_header_group' => array( 'type' => 'access', 'label' => __pl('Header Settings'), 'show_group' => 'entry_header_group', ), 'ele_entry_content_group' => array( 'type' => 'access', 'label' => __pl('Content Settings'), 'show_group' => 'content_group', ), 'ele_entry_footer_group' => array( 'type' => 'access', 'label' => __pl('Footer Settings'), 'show_group' => 'footer_group', ), 'body' => array( 'type' => 'typography', 'label' => __pl('body'), 'group' => 'body_group', 'css' => ['body.pagelayer-body' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'header' => array( 'type' => 'typography', 'label' => __pl('header'), 'group' => 'header_group', 'css' => ['body.pagelayer-body header' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'h1' => array( 'type' => 'typography', 'label' => __pl('h1'), 'group' => 'h1_group', 'css' => ['body.pagelayer-body h1' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'h2' => array( 'type' => 'typography', 'label' => __pl('h2'), 'group' => 'h2_group', 'css' => ['body.pagelayer-body h2' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'h3' => array( 'type' => 'typography', 'label' => __pl('h3'), 'group' => 'h3_group', 'css' => ['body.pagelayer-body h3' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'h4' => array( 'type' => 'typography', 'label' => __pl('h4'), 'group' => 'h4_group', 'css' => ['body.pagelayer-body h4' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'h5' => array( 'type' => 'typography', 'label' => __pl('h5'), 'group' => 'h5_group', 'css' => ['body.pagelayer-body h5' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'h6' => array( 'type' => 'typography', 'label' => __pl('h6'), 'group' => 'h6_group', 'css' => ['body.pagelayer-body h6' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'b' => array( 'type' => 'typography', 'label' => __pl('b'), 'group' => 'b_group', 'css' => ['body.pagelayer-body b' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'i' => array( 'type' => 'typography', 'label' => __pl('i'), 'group' => 'i_group', 'css' => ['body.pagelayer-body i' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'a' => array( 'type' => 'typography', 'label' => __pl('a'), 'group' => 'a_group', 'css' => ['body.pagelayer-body a' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'a_hover' => array( 'type' => 'typography', 'label' => __pl('a-hover'), 'group' => 'a_hover_group', 'css' => ['body.pagelayer-body a:hover' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'aside' => array( 'type' => 'typography', 'label' => __pl('aside'), 'group' => 'aside_group', 'css' => ['body.pagelayer-body p' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'p' => array( 'type' => 'typography', 'label' => __pl('p'), 'group' => 'p_group', 'css' => ['body.pagelayer-body p' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'entry-header' => array( 'type' => 'typography', 'label' => __pl('entry-header'), 'group' => 'entry_header_group', 'css' => ['body.pagelayer-body .entry-header' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'entry_content' => array( 'type' => 'typography', 'label' => __pl('entry-content'), 'group' => 'content_group', 'css' => ['body.pagelayer-body .entry-content' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'entry_footer' => array( 'type' => 'typography', 'label' => __pl('entry-footer'), 'group' => 'footer_group', 'css' => ['body.pagelayer-body .entry-footer' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'body_color' => array( 'type' => 'color', 'screen' => 1, 'label' => __pl('body_color'), 'group' => 'body_group', 'css' => ['body.pagelayer-body' => 'color:{{val}};'], ), 'header_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'header_group', 'label' => __pl('header_color'), 'css' => ['body.pagelayer-body header' => 'color:{{val}};'], ), 'h1_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h1_group', 'label' => __pl('h1_color'), 'css' => ['body.pagelayer-body h1' => 'color:{{val}};'], ), 'h2_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h2_group', 'label' => __pl('h2_color'), 'css' => ['body.pagelayer-body h2' => 'color:{{val}};'], ), 'h3_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h3_group', 'label' => __pl('h3_color'), 'css' => ['body.pagelayer-body h3' => 'color:{{val}};'], ), 'h4_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h4_group', 'label' => __pl('h4_color'), 'css' => ['body.pagelayer-body h4' => 'color:{{val}};'], ), 'h5_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h5_group', 'label' => __pl('h5_color'), 'css' => ['body.pagelayer-body h5' => 'color:{{val}};'], ), 'h6_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h6_group', 'label' => __pl('h6_color'), 'css' => ['body.pagelayer-body h6' => 'color:{{val}};'], ), 'b_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'b_group', 'label' => __pl('b_color'), 'css' => ['body.pagelayer-body b' => 'color:{{val}};'], ), 'i_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'i_group', 'label' => __pl('i_color'), 'css' => ['body.pagelayer-body i' => 'color:{{val}};'], ), 'a_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'a_group', 'label' => __pl('a_color'), 'css' => ['body.pagelayer-body a' => 'color:{{val}};'], ), 'a-hover_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'a_hover_group', 'label' => __pl('a_hover_color'), 'css' => ['body.pagelayer-body a:hover' => 'color:{{val}};'], ), 'aside_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'aside_group', 'label' => __pl('aside_color'), 'css' => ['body.pagelayer-body aside' => 'color:{{val}};'], ), 'p_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'p_group', 'label' => __pl('p_color'), 'css' => ['body.pagelayer-body p' => 'color:{{val}};'], ), 'entry-header_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'entry_header_group', 'label' => __pl('entry_header_color'), 'css' => ['body.pagelayer-body .entry-header' => 'color:{{val}};'], ), 'entry-content_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'content_group', 'label' => __pl('entry_content_color'), 'css' => ['body.pagelayer-body .entry-content' => 'color:{{val}};'], ), 'entry-footer_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'footer_group', 'label' => __pl('entry_footer_color'), 'css' => ['body.pagelayer-body .entry-footer' => 'color:{{val}};'], ), 'body_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'body_group', 'label' => __pl('body_background_color'), 'css' => ['body.pagelayer-body' => 'background-color:{{val}};'], ), 'header_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'header_group', 'label' => __pl('header_background_color'), 'css' => ['body.pagelayer-body header' => 'background-color:{{val}};'], ), 'h1_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h1_group', 'label' => __pl('h1_background_color'), 'css' => ['body.pagelayer-body h1' => 'background-color:{{val}};'], ), 'h2_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h2_group', 'label' => __pl('h2_background_color'), 'css' => ['body.pagelayer-body h2' => 'background-color:{{val}};'], ), 'h3_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h3_group', 'label' => __pl('h3_background_color'), 'css' => ['body.pagelayer-body h3' => 'background-color:{{val}};'], ), 'h4_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h4_group', 'label' => __pl('h4_background_color'), 'css' => ['body.pagelayer-body h4' => 'background-color:{{val}};'], ), 'h5_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h5_group', 'label' => __pl('h5_background_color'), 'css' => ['body.pagelayer-body h5' => 'background-color:{{val}};'], ), 'h6_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'h6_group', 'label' => __pl('h6_background_color'), 'css' => ['body.pagelayer-body h6' => 'background-color:{{val}};'], ), 'b_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'b_group', 'label' => __pl('b_background_color'), 'css' => ['body.pagelayer-body b' => 'background-color:{{val}};'], ), 'i_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'i_group', 'label' => __pl('i_background_color'), 'css' => ['body.pagelayer-body i' => 'background-color:{{val}};'], ), 'a_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'a_group', 'label' => __pl('a_background_color'), 'css' => ['body.pagelayer-body a' => 'background-color:{{val}};'], ), 'a-hover_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'a_hover_group', 'label' => __pl('a_hover_background_color'), 'css' => ['body.pagelayer-body a:hover' => 'background-color:{{val}};'], ), 'aside_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'aside_group', 'label' => __pl('aside_background_color'), 'css' => ['body.pagelayer-body aside' => 'background-color:{{val}};'], ), 'p_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'p_group', 'label' => __pl('p_background_color'), 'css' => ['body.pagelayer-body p' => 'background-color:{{val}};'], ), 'entry-header_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'entry_header_group', 'label' => __pl('entry_header_background_color'), 'css' => ['body.pagelayer-body .entry-header' => 'background-color:{{val}};'], ), 'entry-content_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'content_group', 'label' => __pl('entry_content_background_color'), 'css' => ['body.pagelayer-body .entry-content' => 'background-color:{{val}};'], ), 'entry-footer_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'footer_group', 'label' => __pl('entry_footer_background_color'), 'css' => ['body.pagelayer-body .entry-footer' => 'background-color:{{val}};'], ), 'body_padding' => array( 'type' => 'padding', 'label' => __pl('body_padding'), 'screen' => 1, 'group' => 'body_group', 'css' => ['body.pagelayer-body' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'body_margin' => array( 'type' => 'padding', 'label' => __pl('body_margin'), 'screen' => 1, 'group' => 'body_group', 'css' => ['body.pagelayer-body' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'header_padding' => array( 'type' => 'padding', 'label' => __pl('header_padding'), 'screen' => 1, 'group' => 'header_group', 'css' => ['body.pagelayer-body header' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'header_margin' => array( 'type' => 'padding', 'label' => __pl('header_margin'), 'screen' => 1, 'group' => 'header_group', 'css' => ['body.pagelayer-body header' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'h1_padding' => array( 'type' => 'padding', 'label' => __pl('h1_padding'), 'screen' => 1, 'group' => 'h1_group', 'css' => ['body.pagelayer-body h1' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'h1_margin' => array( 'type' => 'padding', 'label' => __pl('h1_margin'), 'screen' => 1, 'group' => 'h1_group', 'css' => ['body.pagelayer-body h1' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'h2_padding' => array( 'type' => 'padding', 'label' => __pl('h2_padding'), 'screen' => 1, 'group' => 'h2_group', 'css' => ['body.pagelayer-body h2' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'h2_margin' => array( 'type' => 'padding', 'label' => __pl('h2_margin'), 'screen' => 1, 'group' => 'h2_group', 'css' => ['body.pagelayer-body h2' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'h3_padding' => array( 'type' => 'padding', 'label' => __pl('h3_padding'), 'screen' => 1, 'group' => 'h3_group', 'css' => ['body.pagelayer-body h3' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'h3_margin' => array( 'type' => 'padding', 'label' => __pl('h3_margin'), 'screen' => 1, 'group' => 'h3_group', 'css' => ['body.pagelayer-body h3' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'h4_padding' => array( 'type' => 'padding', 'label' => __pl('h4_padding'), 'screen' => 1, 'group' => 'h4_group', 'css' => ['body.pagelayer-body h4' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'h4_margin' => array( 'type' => 'padding', 'label' => __pl('h4_margin'), 'screen' => 1, 'group' => 'h4_group', 'css' => ['body.pagelayer-body h4' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'h5_padding' => array( 'type' => 'padding', 'label' => __pl('h5_padding'), 'screen' => 1, 'group' => 'h5_group', 'css' => ['body.pagelayer-body h5' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'h5_margin' => array( 'type' => 'padding', 'label' => __pl('h5_margin'), 'screen' => 1, 'group' => 'h5_group', 'css' => ['body.pagelayer-body h5' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'h6_padding' => array( 'type' => 'padding', 'label' => __pl('h6_padding'), 'screen' => 1, 'group' => 'h6_group', 'css' => ['body.pagelayer-body h6' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'h6_margin' => array( 'type' => 'padding', 'label' => __pl('h6_margin'), 'screen' => 1, 'group' => 'h6_group', 'css' => ['body.pagelayer-body h6' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'b_padding' => array( 'type' => 'padding', 'label' => __pl('b_padding'), 'screen' => 1, 'group' => 'b_group', 'css' => ['body.pagelayer-body b' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'b_margin' => array( 'type' => 'padding', 'label' => __pl('b_margin'), 'screen' => 1, 'group' => 'b_group', 'css' => ['body.pagelayer-body b' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'i_padding' => array( 'type' => 'padding', 'label' => __pl('i_padding'), 'screen' => 1, 'group' => 'i_group', 'css' => ['body.pagelayer-body i' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'i_margin' => array( 'type' => 'padding', 'label' => __pl('i_margin'), 'screen' => 1, 'group' => 'i_group', 'css' => ['body.pagelayer-body i' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'a_padding' => array( 'type' => 'padding', 'label' => __pl('a_padding'), 'screen' => 1, 'group' => 'a_group', 'css' => ['body.pagelayer-body a' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'a_margin' => array( 'type' => 'padding', 'label' => __pl('a_margin'), 'screen' => 1, 'group' => 'a_group', 'css' => ['body.pagelayer-body a' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'a-hover_padding' => array( 'type' => 'padding', 'label' => __pl('_-hover_padding'), 'screen' => 1, 'group' => 'a_hover_group', 'css' => ['body.pagelayer-body a:hover' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'a-hover_margin' => array( 'type' => 'padding', 'label' => __pl('a_hover_margin'), 'screen' => 1, 'group' => 'a_hover_group', 'css' => ['body.pagelayer-body a:hover' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'aside_padding' => array( 'type' => 'padding', 'label' => __pl('aside_padding'), 'screen' => 1, 'group' => 'aside_group', 'css' => ['body.pagelayer-body aside' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'aside_margin' => array( 'type' => 'padding', 'label' => __pl('aside_margin'), 'screen' => 1, 'group' => 'aside_group', 'css' => ['body.pagelayer-body aside' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'p_padding' => array( 'type' => 'padding', 'label' => __pl('p_padding'), 'screen' => 1, 'group' => 'p_group', 'css' => ['body.pagelayer-body p' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'p_margin' => array( 'type' => 'padding', 'label' => __pl('p_margin'), 'screen' => 1, 'group' => 'p_group', 'css' => ['body.pagelayer-body p' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'entry-header_padding' => array( 'type' => 'padding', 'label' => __pl('entry_header_padding'), 'screen' => 1, 'group' => 'entry_header_group', 'css' => ['body.pagelayer-body .entry-header' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'entry-header_margin' => array( 'type' => 'padding', 'label' => __pl('entry_header_margin'), 'screen' => 1, 'group' => 'entry_header_group', 'css' => ['body.pagelayer-body .entry-header' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'entry-content_padding' => array( 'type' => 'padding', 'label' => __pl('entry_content_padding'), 'screen' => 1, 'group' => 'content_group', 'css' => ['body.pagelayer-body .entry-content' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'entry-content_margin' => array( 'type' => 'padding', 'label' => __pl('entry_content_margin'), 'screen' => 1, 'group' => 'content_group', 'css' => ['body.pagelayer-body .entry-content' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'entry-footer_padding' => array( 'type' => 'padding', 'label' => __pl('entry_footer_padding'), 'screen' => 1, 'group' => 'footer_group', 'css' => ['body.pagelayer-body .entry-footer' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'entry-footer_margin' => array( 'type' => 'padding', 'label' => __pl('entry_footer_margin'), 'screen' => 1, 'group' => 'footer_group', 'css' => ['body.pagelayer-body .entry-footer' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), ), 'post_global' => array( 'post_body_group' => array( 'type' => 'access', 'label' => __pl('Body Settings'), 'show_group' => 'post_body_group', ), 'post_header_group' => array( 'type' => 'access', 'label' => __pl('Header Settings'), 'show_group' => 'post_header_group', ), 'post_h1_group' => array( 'type' => 'access', 'label' => __pl('H1 Settings'), 'show_group' => 'post_h1_group', ), 'post_h2_group' => array( 'type' => 'access', 'label' => __pl('H2 Settings'), 'show_group' => 'post_h2_group', ), 'post_h3_group' => array( 'type' => 'access', 'label' => __pl('H3 Settings'), 'show_group' => 'post_h3_group', ), 'post_h4_group' => array( 'type' => 'access', 'label' => __pl('H4 Group'), 'show_group' => 'post_h4_group', ), 'post_h5_group' => array( 'type' => 'access', 'label' => __pl('H5 Settings'), 'show_group' => 'post_h5_group', ), 'post_h6_group' => array( 'type' => 'access', 'label' => __pl('H6 Settings'), 'show_group' => 'post_h6_group', ), 'post_b_group' => array( 'type' => 'access', 'label' => __pl('B Settings'), 'show_group' => 'post_b_group', ), 'post_i_group' => array( 'type' => 'access', 'label' => __pl('I Settings'), 'show_group' => 'post_i_group', ), 'post_a_group' => array( 'type' => 'access', 'label' => __pl('A Settings'), 'show_group' => 'post_a_group', ), 'post_a_hover_group' => array( 'type' => 'access', 'label' => __pl('A Hover Settings'), 'show_group' => 'post_a_hover_group', ), 'post_aside_group' => array( 'type' => 'access', 'label' => __pl('Aside Settings'), 'show_group' => 'post_aside_group', ), 'post_p_group' => array( 'type' => 'access', 'label' => __pl('P Settings'), 'show_group' => 'post_p_group', ), 'post_entry_header_group' => array( 'type' => 'access', 'label' => __pl('Header Settings'), 'show_group' => 'post_entry_header_group', ), 'post_entry_content_group' => array( 'type' => 'access', 'label' => __pl('Content Settings'), 'show_group' => 'post_content_group', ), 'post_entry_footer_group' => array( 'type' => 'access', 'label' => __pl('Footer Settings'), 'show_group' => 'post_footer_group', ), 'current_body' => array( 'type' => 'typography', 'label' => __pl('current_body'), 'group' => 'post_body_group', 'customizer_mods' => 'pagelayer_body_typography_{{post_type}}', 'customizer_css' => 1, 'css' => ['body.pagelayer-body ' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_header' => array( 'type' => 'typography', 'label' => __pl('current_header'), 'group' => 'post_header_group', 'css' => ['body.pagelayer-body header' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_h1' => array( 'type' => 'typography', 'label' => __pl('current_h1'), 'group' => 'post_h1_group', 'css' => ['body.pagelayer-body h1' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_h2' => array( 'type' => 'typography', 'label' => __pl('current_h2'), 'group' => 'post_h2_group', 'css' => ['body.pagelayer-body h2' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_h3' => array( 'type' => 'typography', 'label' => __pl('current_h3'), 'group' => 'post_h3_group', 'css' => ['body.pagelayer-body h3' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_h4' => array( 'type' => 'typography', 'label' => __pl('current_h4'), 'group' => 'post_h4_group', 'css' => ['body.pagelayer-body h4' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_h5' => array( 'type' => 'typography', 'label' => __pl('current_h5'), 'group' => 'post_h5_group', 'css' => ['body.pagelayer-body h5' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_h6' => array( 'type' => 'typography', 'label' => __pl('current_h6'), 'group' => 'post_h6_group', 'css' => ['body.pagelayer-body h6' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_b' => array( 'type' => 'typography', 'label' => __pl('current_b'), 'group' => 'post_b_group', 'css' => ['body.pagelayer-body b' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_i' => array( 'type' => 'typography', 'label' => __pl('current_i'), 'group' => 'post_i_group', 'css' => ['body.pagelayer-body i' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_a' => array( 'type' => 'typography', 'label' => __pl('current_a'), 'group' => 'post_a_group', 'css' => ['body.pagelayer-body a' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_a-hover' => array( 'type' => 'typography', 'label' => __pl('current_a_hover'), 'group' => 'post_a_hover_group', 'css' => ['body.pagelayer-body a:hover' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_aside' => array( 'type' => 'typography', 'label' => __pl('current_aside'), 'group' => 'post_aside_group', 'css' => ['body.pagelayer-body p' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_p' => array( 'type' => 'typography', 'label' => __pl('p'), 'group' => 'post_p_group', 'css' => ['body.pagelayer-body p' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_entry-header' => array( 'type' => 'typography', 'label' => __pl('current_entry_header'), 'group' => 'post_entry_header_group', 'css' => ['body.pagelayer-body .entry-header' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_entry-content' => array( 'type' => 'typography', 'label' => __pl('current_entry_content'), 'group' => 'post_content_group', 'css' => ['body.pagelayer-body .entry-content' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_entry-footer' => array( 'type' => 'typography', 'label' => __pl('current_entry_footer'), 'group' => 'post_footer_group', 'css' => ['body.pagelayer-body .entry-footer' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'current_body_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_body_group', 'label' => __pl('current_body_color'), 'css' => ['body.pagelayer-body ' => 'color:{{val}};'], ), 'current_header_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_header_group', 'label' => __pl('current_header_color'), 'css' => ['body.pagelayer-body header' => 'color:{{val}};'], ), 'current_h1_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h1_group', 'label' => __pl('current_h1_color'), 'css' => ['body.pagelayer-body h1' => 'color:{{val}};'], ), 'current_h2_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h2_group', 'label' => __pl('current_h2_color'), 'css' => ['body.pagelayer-body h2' => 'color:{{val}};'], ), 'current_h3_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h3_group', 'label' => __pl('current_h3_color'), 'css' => ['body.pagelayer-body h3' => 'color:{{val}};'], ), 'current_h4_color' => array( 'type' => 'color', 'screen' => 1, 'label' => __pl('current_h4_color'), 'group' => 'post_h4_group', 'css' => ['body.pagelayer-body h4' => 'color:{{val}};'], ), 'current_h5_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h5_group', 'label' => __pl('current_h5_color'), 'css' => ['body.pagelayer-body h5' => 'color:{{val}};'], ), 'current_h6_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h6_group', 'label' => __pl('current_h6_color'), 'css' => ['body.pagelayer-body h6' => 'color:{{val}};'], ), 'current_b_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_b_group', 'label' => __pl('current_b_color'), 'css' => ['body.pagelayer-body b' => 'color:{{val}};'], ), 'current_i_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_i_group', 'label' => __pl('current_i_color'), 'css' => ['body.pagelayer-body i' => 'color:{{val}};'], ), 'current_a_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_a_group', 'label' => __pl('current_a_color'), 'css' => ['body.pagelayer-body a' => 'color:{{val}};'], ), 'current_a-hover_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_a_hover_group', 'label' => __pl('current_a_hover_color'), 'css' => ['body.pagelayer-body a:hover' => 'color:{{val}};'], ), 'current_aside_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_aside_group', 'label' => __pl('current_aside_color'), 'css' => ['body.pagelayer-body aside' => 'color:{{val}};'], ), 'current_p_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_p_group', 'label' => __pl('current_p_color'), 'css' => ['body.pagelayer-body p' => 'color:{{val}};'], ), 'current_entry-header_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_entry_header_group', 'label' => __pl('current_entry_header_color'), 'css' => ['body.pagelayer-body .entry-header' => 'color:{{val}};'], ), 'current_entry-content_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_content_group', 'label' => __pl('current_entry_content_color'), 'css' => ['body.pagelayer-body .entry-content' => 'color:{{val}};'], ), 'current_entry-footer_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_footer_group', 'label' => __pl('current_entry_footer_color'), 'css' => ['body.pagelayer-body .entry-footer' => 'color:{{val}};'], ), 'current_body_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_body_group', 'label' => __pl('current_body_background_color'), 'css' => ['body.pagelayer-body ' => 'background-color:{{val}};'], ), 'current_header_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_header_group', 'label' => __pl('current_header_background_color'), 'css' => ['body.pagelayer-body header' => 'background-color:{{val}};'], ), 'current_h1_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h1_group', 'label' => __pl('current_h1_background_color'), 'css' => ['body.pagelayer-body h1' => 'background-color:{{val}};'], ), 'current_h2_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h2_group', 'label' => __pl('current_h2_background_color'), 'css' => ['body.pagelayer-body h2' => 'background-color:{{val}};'], ), 'current_h3_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h3_group', 'label' => __pl('current_h3_background_color'), 'css' => ['body.pagelayer-body h3' => 'background-color:{{val}};'], ), 'current_h4_background_color' => array( 'type' => 'color', 'screen' => 1, 'label' => __pl('current_h4_background_color'), 'group' => 'post_h4_group', 'css' => ['body.pagelayer-body h4' => 'background-color:{{val}};'], ), 'current_h5_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h5_group', 'label' => __pl('current_h5_background_color'), 'css' => ['body.pagelayer-body h5' => 'background-color:{{val}};'], ), 'current_h6_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_h6_group', 'label' => __pl('current_h6_background_color'), 'css' => ['body.pagelayer-body h6' => 'background-color:{{val}};'], ), 'current_b_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_b_group', 'label' => __pl('current_b_background_color'), 'css' => ['body.pagelayer-body b' => 'background-color:{{val}};'], ), 'current_i_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_i_group', 'label' => __pl('current_i_background_color'), 'css' => ['body.pagelayer-body i' => 'background-color:{{val}};'], ), 'current_a_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_a_group', 'label' => __pl('current_a_background_color'), 'css' => ['body.pagelayer-body a' => 'background-color:{{val}};'], ), 'current_a-hover_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_a_hover_group', 'label' => __pl('current_a_hover_background_color'), 'css' => ['body.pagelayer-body a:hover' => 'background-color:{{val}};'], ), 'current_aside_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_aside_group', 'label' => __pl('current_aside_background_color'), 'css' => ['body.pagelayer-body aside' => 'background-color:{{val}};'], ), 'current_p_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_p_group', 'label' => __pl('current_p_background_color'), 'css' => ['body.pagelayer-body p' => 'background-color:{{val}};'], ), 'current_entry-header_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_entry_header_group', 'label' => __pl('current_entry_header_background_color'), 'css' => ['body.pagelayer-body .entry-header' => 'background-color:{{val}};'], ), 'current_entry-content_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_content_group', 'label' => __pl('current_entry_content_background_color'), 'css' => ['body.pagelayer-body .entry-content' => 'background-color:{{val}};'], ), 'current_entry-footer_background_color' => array( 'type' => 'color', 'screen' => 1, 'group' => 'post_footer_group', 'label' => __pl('current_entry_footer_background_color'), 'css' => ['body.pagelayer-body .entry-footer' => 'background-color:{{val}};'], ), 'current_body_padding' => array( 'type' => 'padding', 'label' => __pl('current_body_padding'), 'screen' => 1, 'group' => 'post_body_group', 'css' => ['body.pagelayer-body' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_body_margin' => array( 'type' => 'padding', 'label' => __pl('current_body_margin'), 'screen' => 1, 'group' => 'post_body_group', 'css' => ['body.pagelayer-body' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_header_padding' => array( 'type' => 'padding', 'label' => __pl('current_header_padding'), 'screen' => 1, 'group' => 'post_header_group', 'css' => ['body.pagelayer-body header' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_header_margin' => array( 'type' => 'padding', 'label' => __pl('current_header_margin'), 'screen' => 1, 'group' => 'post_header_group', 'css' => ['body.pagelayer-body header' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_h1_padding' => array( 'type' => 'padding', 'label' => __pl('current_h1_padding'), 'screen' => 1, 'group' => 'post_h1_group', 'css' => ['body.pagelayer-body h1' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_h1_margin' => array( 'type' => 'padding', 'label' => __pl('current_h1_margin'), 'screen' => 1, 'group' => 'post_h1_group', 'css' => ['body.pagelayer-body h1' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_h2_padding' => array( 'type' => 'padding', 'label' => __pl('current_h2_padding'), 'screen' => 1, 'group' => 'post_h2_group', 'css' => ['body.pagelayer-body h2' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_h2_margin' => array( 'type' => 'padding', 'label' => __pl('current_h2_margin'), 'screen' => 1, 'group' => 'post_h2_group', 'css' => ['body.pagelayer-body h2' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_h3_padding' => array( 'type' => 'padding', 'label' => __pl('current_h3_padding'), 'screen' => 1, 'group' => 'post_h3_group', 'css' => ['body.pagelayer-body h3' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_h3_margin' => array( 'type' => 'padding', 'label' => __pl('current_h3_margin'), 'screen' => 1, 'group' => 'post_h3_group', 'css' => ['body.pagelayer-body h3' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_h4_padding' => array( 'type' => 'padding', 'label' => __pl('current_h4_padding'), 'screen' => 1, 'group' => 'post_h4_group', 'css' => ['body.pagelayer-body h4' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_h4_margin' => array( 'type' => 'padding', 'label' => __pl('current_h4_margin'), 'screen' => 1, 'group' => 'post_h4_group', 'css' => ['body.pagelayer-body h4' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_h5_padding' => array( 'type' => 'padding', 'label' => __pl('current_h5_padding'), 'screen' => 1, 'group' => 'post_h5_group', 'css' => ['body.pagelayer-body h5' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_h5_margin' => array( 'type' => 'padding', 'label' => __pl('current_h5_margin'), 'screen' => 1, 'group' => 'post_h5_group', 'css' => ['body.pagelayer-body h5' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_h6_padding' => array( 'type' => 'padding', 'label' => __pl('current_h6_padding'), 'screen' => 1, 'group' => 'post_h6_group', 'css' => ['body.pagelayer-body h6' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_h6_margin' => array( 'type' => 'padding', 'label' => __pl('current_h6_margin'), 'screen' => 1, 'group' => 'post_h6_group', 'css' => ['body.pagelayer-body h6' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_b_padding' => array( 'type' => 'padding', 'label' => __pl('current_b_padding'), 'screen' => 1, 'group' => 'post_b_group', 'css' => ['body.pagelayer-body b' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_b_margin' => array( 'type' => 'padding', 'label' => __pl('current_b_margin'), 'screen' => 1, 'group' => 'post_b_group', 'css' => ['body.pagelayer-body b' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_i_padding' => array( 'type' => 'padding', 'label' => __pl('current_i_padding'), 'screen' => 1, 'group' => 'post_i_group', 'css' => ['body.pagelayer-body i' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_i_margin' => array( 'type' => 'padding', 'label' => __pl('current_i_margin'), 'screen' => 1, 'group' => 'post_i_group', 'css' => ['body.pagelayer-body i' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_a_padding' => array( 'type' => 'padding', 'label' => __pl('current_a_padding'), 'screen' => 1, 'group' => 'post_a_group', 'css' => ['body.pagelayer-body a' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_a_margin' => array( 'type' => 'padding', 'label' => __pl('current_a_margin'), 'screen' => 1, 'group' => 'post_a_group', 'css' => ['body.pagelayer-body a' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_a-hover_padding' => array( 'type' => 'padding', 'label' => __pl('current_a_hover_padding'), 'screen' => 1, 'group' => 'post_a_hover_group', 'css' => ['body.pagelayer-body a:hover' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_a-hover_margin' => array( 'type' => 'padding', 'label' => __pl('current_a_hover_margin'), 'screen' => 1, 'group' => 'post_a_hover_group', 'css' => ['body.pagelayer-body a:hover' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_aside_padding' => array( 'type' => 'padding', 'label' => __pl('current_aside_padding'), 'screen' => 1, 'group' => 'post_aside_group', 'css' => ['body.pagelayer-body aside' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_aside_margin' => array( 'type' => 'padding', 'label' => __pl('current_aside_margin'), 'screen' => 1, 'group' => 'post_aside_group', 'css' => ['body.pagelayer-body aside' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_p_padding' => array( 'type' => 'padding', 'label' => __pl('current_p_padding'), 'screen' => 1, 'group' => 'post_p_group', 'css' => ['body.pagelayer-body p' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_p_margin' => array( 'type' => 'padding', 'label' => __pl('current_p_margin'), 'screen' => 1, 'group' => 'post_p_group', 'css' => ['body.pagelayer-body p' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_entry-header_padding' => array( 'type' => 'padding', 'label' => __pl('current_entry_header_padding'), 'screen' => 1, 'group' => 'post_entry_header_group', 'css' => ['body.pagelayer-body .entry-header' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_entry-header_margin' => array( 'type' => 'padding', 'label' => __pl('current_entry_header_margin'), 'screen' => 1, 'group' => 'post_entry_header_group', 'css' => ['body.pagelayer-body .entry-header' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_entry-content_padding' => array( 'type' => 'padding', 'label' => __pl('current_entry_content_padding'), 'screen' => 1, 'group' => 'post_content_group', 'css' => ['body.pagelayer-body .entry-content' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_entry-content_margin' => array( 'type' => 'padding', 'label' => __pl('current_entry_content_margin'), 'screen' => 1, 'group' => 'post_content_group', 'css' => ['body.pagelayer-body .entry-content' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'current_entry-footer_padding' => array( 'type' => 'padding', 'label' => __pl('current_entry_footer_padding'), 'screen' => 1, 'group' => 'post_footer_group', 'css' => ['body.pagelayer-body .entry-footer' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[3]}}px;padding-left:{{val[4]}}px;'], ), 'current_entry-footer_margin' => array( 'type' => 'padding', 'label' => __pl('current_entry_footer_margin'), 'screen' => 1, 'group' => 'post_footer_group', 'css' => ['body.pagelayer-body .entry-footer' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), ), 'global_background' => array( 'ele_bg_type' => array( 'type' => 'radio', 'label' => __pl('Background Type'), 'list' => array( '' => __pl('none'), 'color' => __pl('color'), 'gradient' => __pl('gradient'), 'image' => __pl('image'), ), ), 'ele_bg_color' => array( 'type' => 'color', 'label' => __pl('color'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background: {{val}};'], 'req' => ['ele_bg_type' => 'color'] ), 'ele_bg_gradient' => array( 'type' => 'gradient', 'label' => '', 'default' => '150,#44d3f6,23,#72e584,45,#2ca4eb,100', 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'], 'req' => ['ele_bg_type' => 'gradient'] ), 'ele_img_color' => array( 'type' => 'color', 'label' => __pl('color'), 'desc' => __pl('fallback_color'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-color: {{val}};'], 'req' => ['ele_bg_type' => 'image'] ), 'ele_bg_img' => array( 'type' => 'image', 'label' => __pl('Image'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-image: url("{{{ele_bg_img-url}}}");'], 'req' => ['ele_bg_type' => 'image'] ), 'ele_bg_attachment' => array( 'type' => 'select', 'label' => __pl('ele_bg_attachment'), 'list' => array( '' => __pl('default'), 'scroll' => __pl('scroll'), 'fixed' => __pl('fixed') ), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-attachment: {{val}};'], 'req' => ['ele_bg_type' => 'image'] ), 'ele_bg_posx' => array( 'type' => 'select', 'label' => __pl('ele_bg_posx'), 'list' => array( '' => __pl('default'), 'center' => __pl('center'), 'left' => __pl('left'), 'right' => __pl('right'), 'custom' => __pl('custom') ), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-position-x: {{val}};'], 'req' => ['ele_bg_type' => 'image'] ), 'ele_bg_posx_custom' => array( 'label' => __pl('custom_x'), 'type' => 'slider', 'step' => 1, 'min' => -5000, 'max' => 5000, 'screen' => 1, 'units' => ['px', 'em', '%'], 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-position-x: {{val}};'], 'req' => array( 'ele_bg_posx' => 'custom' ), ), 'ele_bg_posy' => array( 'type' => 'select', 'label' => __pl('ele_bg_posy'), 'list' => array( '' => __pl('default'), 'center' => __pl('center'), 'top' => __pl('top'), 'bottom' => __pl('bottom'), 'custom' => __pl('custom') ), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-position-y: {{val}};'], 'req' => ['ele_bg_type' => 'image'] ), 'ele_bg_posy_custom' => array( 'label' => __pl('custom_y'), 'type' => 'slider', 'step' => 1, 'min' => -5000, 'max' => 5000, 'screen' => 1, 'units' => ['px', 'em', '%'], 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-position-y: {{val}};'], 'req' => array( 'ele_bg_posy' => 'custom' ), ), 'ele_bg_repeat' => array( 'type' => 'select', 'label' => __pl('ele_bg_repeat'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-repeat: {{val}};'], 'list' => array( '' => __pl('default'), 'repeat' => __pl('repeat'), 'no-repeat' => __pl('no-repeat'), 'repeat-x' => __pl('repeat-x'), 'repeat-y' => __pl('repeat-y'), ), 'req' => ['ele_bg_type' => 'image'] ), 'ele_bg_size' => array( 'type' => 'select', 'label' => __pl('ele_bg_size'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body' => 'background-size: {{val}};'], 'list' => array( '' => __pl('default'), 'cover' => __pl('cover'), 'contain' => __pl('contain') ), 'req' => ['ele_bg_type' => 'image'] ), ), 'global_button' => array( 'button' => array( 'type' => 'typography', 'label' => __pl('Typography'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body .pagelayer-btn-holder' => 'font-family: {{val[0]}}; font-size: {{val[1]}}px; font-style: {{val[2]}}; font-weight: {{val[3]}}; font-variant: {{val[4]}}; text-decoration-line: {{val[5]}}; text-decoration-style: {{val[6]}}; line-height: {{val[7]}}em; text-transform: {{val[8]}}; letter-spacing: {{val[9]}}px; word-spacing: {{val[10]}}px;'], ), 'button_padding' => array( 'type' => 'padding', 'label' => __pl('global_btn_dim'), 'screen' => 1, 'customizer_css' => 1, 'css' => ['body.pagelayer-body .pagelayer-btn-holder' => 'padding-top:{{val[0]}}px;padding-right:{{val[1]}}px;padding-bottom:{{val[2]}}px;padding-left:{{val[3]}}px;'], ), 'button_margin' => array( 'type' => 'padding', 'label' => __pl('spacing'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body .pagelayer-btn-holder' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'], ), 'global_btn_state' => array( 'type' => 'radio', 'label' => __pl('button_state'), 'default' => 'normal', 'list' => array( 'normal' => __pl('Normal'), 'hover' => __pl('Hover'), ), ), 'button_color' => array( 'type' => 'color', 'label' => __pl('iconbox_button_color'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body .pagelayer-btn-holder' => 'color:{{val}};'], 'show' => ['global_btn_state' => 'normal'] ), 'button_background_color' => array( 'type' => 'color', 'label' => __pl('global_button_bg_color'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body .pagelayer-btn-holder' => 'background-color:{{val}};'], 'show' => ['global_btn_state' => 'normal'] ), 'button_hover_color' => array( 'type' => 'color', 'label' => __pl('iconbox_button_color'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body .pagelayer-btn-holder:hover' => 'color:{{val}};'], 'show' => ['global_btn_state' => 'hover'], ), 'button_hover_background_color' => array( 'type' => 'color', 'label' => __pl('global_button_bg_color_hover'), 'customizer_css' => 1, 'css' => ['body.pagelayer-body .pagelayer-btn-holder:hover' => 'background-color:{{val}};'], 'show' => ['global_btn_state' => 'hover'], ), ), 'woocommerce' => array( 'shop' => array( 'type' => 'select', 'label' => __pl('shop'), 'option' => 'woocommerce_shop_page_id', 'list' => pagelayer_get_posts(array('page')), ), 'cart' => array( 'type' => 'select', 'label' => __pl('cart'), 'option' => 'woocommerce_cart_page_id', 'list' => pagelayer_get_posts(array('page')), ), 'checkout' => array( 'type' => 'select', 'label' => __pl('checkout'), 'option' => 'woocommerce_checkout_page_id', 'list' => pagelayer_get_posts(array('page')), ), 'my_account' => array( 'type' => 'select', 'label' => __pl('my_account'), 'option' => 'woocommerce_myaccount_page_id', 'list' => pagelayer_get_posts(array('page')), ), 't_&c' => array( 'type' => 'select', 'label' => __pl('t_&c'), 'option' => 'woocommerce_terms_page_id', 'list' => pagelayer_get_posts(array('page')), ), ), 'styles' => $pagelayer->customizer_styles_options, ) ); */ //////////////////////// // WordPress Group //////////////////////// // Make a list of Widget Items global $wp_registered_sidebars; $pagelayer_wp_widgets = array(); $pagelayer_wp_widget_default = ''; if(!empty($wp_registered_sidebars)){ foreach($wp_registered_sidebars as $v){ if(empty($pagelayer_wp_widget_default)){ $pagelayer_wp_widget_default = $v['id']; } $pagelayer_wp_widgets[$v['id']] = $v['name']; } }else{ $pagelayer_wp_widgets['no'] = __pl('wp_widgets_area_no_sidebars'); } // Widgets Area pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_wp_widgets', array( 'name' => __pl('Sidebars / Widget Area'), 'group' => 'wordpress', 'no_gt' => 1, 'html' => '<div class="pagelayer-wp-sidebar-title">{{title}}</div> <div class="pagelayer-wp-sidebar-holder">{{{data}}}</div>', 'params' => array( 'title' => array( 'type' => 'text', 'label' => __pl('parameters_title'), 'default' => 'Title', 'desc' => __pl('wp_widgets_area_description'), 'edit' => '.pagelayer-wp-sidebar-title', ), 'sidebar' => array( 'type' => 'select', 'label' => __pl('wp_widgets_area_select'), 'default' => $pagelayer_wp_widget_default, 'list' => $pagelayer_wp_widgets ) ) ) ); // Load the wordpress widgets, IF ALLOWED ! //if(current_user_can('edit_theme_options')){ // Include the widgets //include_once(ABSPATH . 'wp-admin/includes/widgets.php'); //pagelayer_print($GLOBALS['wp_widget_factory']->widgets);die(); $wp_hidden_shortcode = array('media_audio', 'media_gallery', 'media_image', 'media_video'); foreach($GLOBALS['wp_widget_factory']->widgets as $widget_key => $widget){ $wp_shortcode = array( 'name' => $widget->name, 'group' => 'wordpress', 'no_gt' => 1, 'func' => 'pagelayer_does_not_exist', 'innerHTML' => 'widget_data', 'widget' => $widget_key, 'params'=>array( 'widget_data' => array( 'type' => 'text', 'not_visible' => 1, ) ) ); if(in_array($widget->id_base, $wp_hidden_shortcode)){ $wp_shortcode['not_visible'] = 1; } pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_wp_'.$widget->id_base, $wp_shortcode); } //} // Apply filter to load custom widgets after shortcodes do_action('pagelayer_after_add_shortcode');