Viewing file:  shortcodes.php (390.04 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?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', 'x-twitter', 'x-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}}"',
),
'anchor_id' => array(
'type' => 'text',
'label' => __pl('ele_id'),
'addAttr' => 'id="{{anchor_id}}"'
),
'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'),
'ai' => false,
),
'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');
|