PluginProbe
Page Builder: Pagelayer – Drag and Drop website builder / 0.9.8
Page Builder: Pagelayer – Drag and Drop website builder v0.9.8
2.2.1 2.2.0 2.1.9 2.1.8 2.1.7 2.1.6 2.1.5 2.1.4 2.1.3 trunk 0.9.0 0.9.1 0.9.2 0.9.3 0.9.4 0.9.5 0.9.6 0.9.7 0.9.8 0.9.9 1.0.0 1.0.2 1.0.3 1.0.4 1.0.5 All 129 releases
pagelayer / main / shortcodes.php

shortcodes.php in Page Builder: Pagelayer – Drag and Drop website builder 0.9.8, at main/shortcodes.php

6,793 lines 226.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2
3 //////////////////////////////////////////////////////////////
4 //===========================================================
5 // class.php
6 //===========================================================
7 // PAGELAYER
8 // Inspired by the DESIRE to be the BEST OF ALL
9 // ----------------------------------------------------------
10 // Started by: Pulkit Gupta
11 // Date: 23rd Jan 2017
12 // Time: 23:00 hrs
13 // Site: http://pagelayer.com/wordpress (PAGELAYER)
14 // ----------------------------------------------------------
15 // Please Read the Terms of use at http://pagelayer.com/tos
16 // ----------------------------------------------------------
17 //===========================================================
18 // (c)Pagelayer Team
19 //===========================================================
20 //////////////////////////////////////////////////////////////
21
22 // Are we being accessed directly ?
23 if(!defined('PAGELAYER_VERSION')) {
24 exit('Hacking Attempt !');
25 }
26
27 // NOTE :
28 // 1) There can be a holder or innterHTML for a tag. NOT BOTH
29 // 2) Groups can have 'html' but need the holder as well then
30 // 3) innerHTML defines the param to be saved in the shortcode as inner content
31
32 // Example of 'show' and 'req' prop attr
33 // NOTE : There can be only REQ or show
34 // First preference given to REQ
35 /*
36
37 // Single value
38 'show' => ['border_hover' => 'normal'],
39
40 // Two value i.e. when both the values are true
41 'show' => ['border_hover' => 'normal',
42 'border_type' => 'solid',
43 ],
44
45 // Exception i.e. prefix the param name with ! (exclamation)
46 'show' => ['!border_hover' => 'normal',
47 'border_type' => 'solid',
48 ],
49
50 // Support for MULTIPLE values of ONE parameter.
51 // 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
52 'show' => ['border_hover' => ['normal', 'hover']],
53
54 */
55
56 // Example of 'css' prop attr
57 /*
58
59 // Set the value to the parent element
60 'css' => 'background-color: {{val}}',
61
62 // Multiple vals
63 'css' => [
64 'background-color: {{val}}',
65 '-webkit-background-color: {{val}}',
66 '-moz-background-color: {{val}}',
67 ],
68
69 // Multiple vals with some selectors or direct element val
70 'css' => [
71 '{{element}} .class' => 'background-color: {{val}}',
72 '-webkit-background-color: {{val}}',
73 '-moz-background-color: {{val}}',
74 ],
75
76 */
77
78 // Example of 'addAttr' or 'addClass'
79 /*
80
81 // Set the value to the parent element
82 'addAttr' => 'target="_blank"',
83
84 // Multiple vals
85 'addAttr' => [
86 'target="_blank"',
87 'href="/"',
88 'rel="{{rel}}"',
89 ],
90
91 // Multiple vals with some selectors or direct element val
92 'addAttr' => [
93 '{{element}} .class' => 'target="_blank"',
94 'href="/"',
95 'rel="{{rel}}"',
96 ],
97
98 */
99
100 ////////////////////////
101 // Default Styles
102 ////////////////////////
103 global $pagelayer;
104
105 $pagelayer->anim_in_options = array(
106 '' => __pl('none'),
107 __pl('fading') => [
108 'fadeIn' => __pl('fadein'),
109 'fadeInDown' => __pl('fadeindown'),
110 'fadeInUp' => __pl('fadeinup'),
111 'fadeInLeft' => __pl('fadeinleft'),
112 'fadeInRight' => __pl('fadeinright'),
113 ],
114 __pl('zooming') => [
115 'zoomIn' => __pl('zoomin'),
116 'zoomInDown' => __pl('zoomindown'),
117 'zoomInUp' => __pl('zoominup'),
118 'zoomInLeft' => __pl('zoominleft'),
119 'zoomInRight' => __pl('zoominright'),
120 ],
121 __pl('bounceing') => [
122 'bounceIn' => __pl('bouncein'),
123 'bounceInDown' => __pl('bounceindown'),
124 'bounceInUp' => __pl('bounceinup'),
125 'bounceInLeft' => __pl('bounceinleft'),
126 'bounceInRight' => __pl('bounceinright'),
127 ],
128 __pl('sliding') => [
129 'slideInDown' => __pl('slideindown'),
130 'slideInUp' => __pl('slideinup'),
131 'slideInLeft' => __pl('slideinleft'),
132 'slideInRight' => __pl('slideinright'),
133 ],
134 __pl('rotating') => [
135 'rotateIn' => __pl('rotatein'),
136 'rotateInDown' => __pl('rotateindown'),
137 'rotateInUp' => __pl('rotateinup'),
138 'rotateInLeft' => __pl('rotateinleft'),
139 'rotateInRight' => __pl('rotateinright'),
140 ],
141 __pl('effects') => [
142 'lightSpeedIn' => __pl('lightspeedin'),
143 'bounce' => __pl('bounce'),
144 'pulse' => __pl('pulse'),
145 'rubberBand' => __pl('rubberband'),
146 'flash' => __pl('flash'),
147 'swing' => __pl('swing'),
148 'jello' => __pl('jello'),
149 'tada' => __pl('tada'),
150 'wobble' => __pl('wobble'),
151 'rollin' => __pl('rollin'),
152 'headShake' => __pl('headshake'),
153 'shake' => __pl('shake'),
154 ],
155 );
156
157 $pagelayer->anim_out_options = array(
158 '' => __pl('none'),
159 __pl('fading') => [
160 'fadeOut' => __pl('fadeout'),
161 'fadeOutDown' => __pl('fadeoutdown'),
162 'fadeOutUp' => __pl('fadeoutup'),
163 'fadeOutLeft' => __pl('fadeoutleft'),
164 'fadeOutRight' => __pl('fadeoutright'),
165 ],
166 __pl('zooming') => [
167 'zoomOut' => __pl('zoomout'),
168 'zoomOutDown' => __pl('zoomoutdown'),
169 'zoomOutUp' => __pl('zoomoutup'),
170 'zoomOutLeft' => __pl('zoomoutleft'),
171 'zoomOutRight' => __pl('zoomoutright'),
172 ],
173 __pl('bounceing') => [
174 'bounceOut' => __pl('bounceout'),
175 'bounceOutDown' => __pl('bounceoutdown'),
176 'bounceOutUp' => __pl('bounceoutup'),
177 'bounceOutLeft' => __pl('bounceoutleft'),
178 'bounceOutRight' => __pl('bounceoutright'),
179 ],
180 __pl('sliding') => [
181 'slideOutDown' => __pl('slideoutdown'),
182 'slideOutUp' => __pl('slideoutup'),
183 'slideOutLeft' => __pl('slideoutleft'),
184 'slideOutRight' => __pl('slideoutright'),
185 ],
186 __pl('rotating') => [
187 'rotateOut' => __pl('rotateout'),
188 'rotateOutDown' => __pl('rotateoutdown'),
189 'rotateOutUp' => __pl('rotateoutup'),
190 'rotateOutLeft' => __pl('rotateoutleft'),
191 'rotateOutRight' => __pl('rotateoutright'),
192 ],
193 __pl('effects') => [
194 'lightSpeedIn' => __pl('lightspeedin'),
195 'bounce' => __pl('bounce'),
196 'pulse' => __pl('pulse'),
197 'rubberBand' => __pl('rubberband'),
198 'flash' => __pl('flash'),
199 'swing' => __pl('swing'),
200 'jello' => __pl('jello'),
201 'tada' => __pl('tada'),
202 'wobble' => __pl('wobble'),
203 'rollin' => __pl('rollin'),
204 'headShake' => __pl('headshake'),
205 'shake' => __pl('shake'),
206 ],
207 );
208
209 $pagelayer->slider_arrow_styles = [
210 'arrows_bg' => array(
211 'type' => 'color',
212 'label' => __pl('bg_color'),
213 'default' => '#6a6969',
214 'css' => [
215 '{{element}} .pagelayer-owl-prev' => 'background-color: {{val}} !important',
216 '{{element}} .pagelayer-owl-next' => 'background-color: {{val}} !important',
217 ]
218 ),
219 'arraow_color' => array(
220 'type' => 'color',
221 'label' => __pl('color'),
222 'default' => '#ffffff',
223 'css' => [
224 '{{element}} .pagelayer-owl-prev' => 'color: {{val}} !important',
225 '{{element}} .pagelayer-owl-next' => 'color: {{val}} !important',
226 ]
227 ),
228 'nav_size' => array(
229 'type' => 'slider',
230 'label' => __pl('arraow_size'),
231 'min' => 0,
232 'step' => 1,
233 'max' => 200,
234 'screen' => 1,
235 'css' => [
236 '{{element}} .pagelayer-owl-prev span' => 'font-size: {{val}}px !important;',
237 '{{element}} .pagelayer-owl-next span' => 'font-size: {{val}}px !important;'
238 ]
239 ),
240 'arraow_bg_size' => array(
241 'type' => 'spinner',
242 'label' => __pl('background_size'),
243 'min' => 0,
244 'step' => 1,
245 'max' => 500,
246 'default' => 20,
247 'screen' => 1,
248 'css' => [
249 '{{element}} .pagelayer-owl-prev' => 'width: {{val}}px; height: {{val}}px',
250 '{{element}} .pagelayer-owl-next' => 'width: {{val}}px; height: {{val}}px'
251 ]
252 ),
253 'arraow_bg_shape' => array(
254 'type' => 'spinner',
255 'label' => __pl('background_shape'),
256 'min' => 0,
257 'step' => 1,
258 'max' => 100,
259 'default' => 20,
260 'screen' => 1,
261 'css' => [
262 '{{element}} .pagelayer-owl-prev' => 'border-radius: {{val}}% !important;',
263 '{{element}} .pagelayer-owl-next' => 'border-radius: {{val}}% !important;',
264 ]
265 ),
266 ];
267
268 $pagelayer->slider_pager_styles = [
269 'pager_color' => array(
270 'type' => 'color',
271 'label' => __pl('color'),
272 'css' => ['{{element}} .pagelayer-owl-dot span' => 'background-color: {{val}} !important']
273 ),
274 'active_pager_color' => array(
275 'type' => 'color',
276 'label' => __pl('active_pager_color'),
277 'css' => ['{{element}} .pagelayer-owl-dot.active span' => 'background-color: {{val}} !important']
278 ),
279 'dot_size' => array(
280 'type' => 'slider',
281 'label' => __pl('dot_size'),
282 'min' => 0,
283 'step' => 1,
284 'max' => 200,
285 'screen' => 1,
286 'css' => [
287 '{{element}} .pagelayer-owl-dot span' => 'width: {{val}}px !important; height: {{val}}px !important;'
288 ]
289 ),
290 ];
291
292 $pagelayer->slider_options = [
293 'slide_items' => array(
294 'type' => 'spinner',
295 'label' => __pl('number_of_items'),
296 'min' => 1,
297 'step' => 1,
298 'max' => 10,
299 'default' => 1,
300 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-items="{{slide_items}}"'],
301 ),
302 'slidein_anim' => array(
303 'type' => 'select',
304 'label' => __pl('animation_in'),
305 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-in="{{slidein_anim}}"'],
306 'list' => $pagelayer->anim_in_options,
307 'req' => ['slide_items' => '1']
308 ),
309 'slideout_anim' => array(
310 'type' => 'select',
311 'label' => __pl('animation_out'),
312 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-out="{{slideout_anim}}"'],
313 'list' => $pagelayer->anim_out_options,
314 'req' => ['slide_items' => '1']
315 ),
316 'slide_margin' => array(
317 'type' => 'slider',
318 'label' => __pl('space_between'),
319 'min' => 0,
320 'step' => 1,
321 'max' => 100,
322 'default' => 10,
323 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-margin="{{slide_margin}}"'],
324 'req' => ['!slide_items' => '1']
325 ),
326 'slide_loop' => array(
327 'type' => 'checkbox',
328 'label' => __pl('loop'),
329 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-loop="{{slide_loop}}"'],
330 ),
331 'slide_controls' => array(
332 'type' => 'select',
333 'label' => __pl('slider_controls'),
334 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-controls="{{slide_controls}}"'],
335 'list' => array(
336 '' => __pl('Arrows and Pager'),
337 'arrows' => __pl('Arrows'),
338 'pager' => __pl('Pager'),
339 'none' => __pl('none'),
340 )
341 ),
342 'slide_autoplay' => array(
343 'type' => 'checkbox',
344 'label' => __pl('autoplay'),
345 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay="{{slide_autoplay}}"'],
346 ),
347 'slide_timeout' => array(
348 'type' => 'spinner',
349 'label' => __pl('autoplay_timeout'),
350 'min' => 1000,
351 'step' => 200,
352 'max' => 10000,
353 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-timeout="{{slide_timeout}}"'],
354 'req' => ['slide_autoplay' => 'true']
355 ),
356 'slide_hoverpause' => array(
357 'type' => 'checkbox',
358 'label' => __pl('autoplay_hover_pause'),
359 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-hover-pause="{{slide_hoverpause}}"'],
360 'req' => ['slide_autoplay' => 'true']
361 ),
362 ];
363
364 $pagelayer->styles['ele_bg_styles'] = [
365 'ele_bg_hover' => [
366 'type' => 'radio',
367 'label' => __pl('Background'),
368 'default' => '',
369 //'no_val' => 1,// Dont set any value to element
370 'list' => [
371 '' => __pl('normal'),
372 'hover' => __pl('hover'),
373 ],
374 ],
375 'ele_bg_type' => [
376 'type' => 'radio',
377 'label' => __pl('Background Type'),
378 'default' => '',
379 'list' => [
380 '' => __pl('none'),
381 'color' => __pl('color'),
382 'gradient' => __pl('gradient'),
383 'image' => __pl('image'),
384 ],
385 'show' => ['ele_bg_hover' => '']
386 ],
387 'ele_bg_color' => [
388 'type' => 'color',
389 'label' => __pl('color'),
390 'default' => '',
391 'css' => 'background: {{val}};',
392 'show' => ['ele_bg_hover' => ''],
393 'req' => ['ele_bg_type' => 'color']
394 ],
395 'ele_bg_gradient' => [
396 'type' => 'gradient',
397 'label' => '',
398 'default' => '150,#44d3f6ff,23,#72e584ff,45,#2ca4ebff,100',
399 'css' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);',
400 'show' => ['ele_bg_hover' => ''],
401 'req' => ['ele_bg_type' => 'gradient']
402 ],
403 'ele_img_color' => [
404 'type' => 'color',
405 'label' => __pl('color'),
406 'default' => '',
407 'desc' => __pl('fallback background color if image is failed to load.'),
408 'css' => 'background: {{val}};',
409 'show' => ['ele_bg_hover' => ''],
410 'req' => ['ele_bg_type' => 'image']
411 ],
412 'ele_bg_img' => [
413 'type' => 'image',
414 'label' => __pl('Image'),
415 //'default' => '',
416 'css' => 'background: url({{{ele_bg_img-url}}});',
417 'show' => ['ele_bg_hover' => ''],
418 'req' => ['ele_bg_type' => 'image']
419 ],
420 'ele_bg_attachment' => [
421 'type' => 'select',
422 'label' => __pl('ele_bg_attachment'),
423 'list' => [
424 '' => __pl('default'),
425 'scroll' => __pl('scroll'),
426 'fixed' => __pl('fixed')
427 ],
428 'show' => ['ele_bg_hover' => ''],
429 'css' => 'background-attachment: {{val}};',
430 'req' => ['ele_bg_type' => 'image']
431 ],
432 'ele_bg_posx' => [
433 'type' => 'select',
434 'label' => __pl('ele_bg_posx'),
435 'list' => [
436 '' => __pl('default'),
437 'center' => __pl('center'),
438 'left' => __pl('left'),
439 'right' => __pl('right')
440 ],
441 'show' => ['ele_bg_hover' => ''],
442 'css' => 'background-position-x: {{val}};',
443 'req' => ['ele_bg_type' => 'image']
444 ],
445 'ele_bg_posy' => [
446 'type' => 'select',
447 'label' => __pl('ele_bg_posy'),
448 'list' => [
449 '' => __pl('default'),
450 'center' => __pl('center'),
451 'top' => __pl('top'),
452 'bottom' => __pl('bottom')
453 ],
454 'show' => ['ele_bg_hover' => ''],
455 'css' => 'background-position-y: {{val}};',
456 'req' => ['ele_bg_type' => 'image']
457 ],
458 'ele_bg_repeat' => [
459 'type' => 'select',
460 'label' => __pl('ele_bg_repeat'),
461 'css' => 'background-repeat: {{val}};',
462 'list' => [
463 '' => __pl('default'),
464 'repeat' => __pl('repeat'),
465 'no-repeat' => __pl('no-repeat'),
466 'repeat-x' => __pl('repeat-x'),
467 'repeat-y' => __pl('repeat-y'),
468 ],
469 'show' => ['ele_bg_hover' => ''],
470 'req' => ['ele_bg_type' => 'image']
471 ],
472 'ele_bg_size' => [
473 'type' => 'select',
474 'label' => __pl('ele_bg_size'),
475 'css' => 'background-size: {{val}};',
476 'list' => [
477 '' => __pl('default'),
478 'cover' => __pl('cover'),
479 'contain' => __pl('contain')
480 ],
481 'show' => ['ele_bg_hover' => ''],
482 'req' => ['ele_bg_type' => 'image']
483 ],
484 'ele_bg_hover_delay' => [
485 'type' => 'spinner',
486 'label' => __pl('ele_bg_hover_delay'),
487 'min' => 0,
488 'step' => 100,
489 'max' => 5000,
490 'default' => 400,
491 'css' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;',
492 'show' => ['ele_bg_hover' => 'hover']
493 ],
494 'ele_bg_type_hover' => [
495 'type' => 'radio',
496 'label' => __pl('background_type'),
497 'default' => '',
498 'list' => [
499 '' => __pl('none'),
500 'color' => __pl('color'),
501 'gradient' => __pl('gradient'),
502 'image' => __pl('image'),
503 ],
504 'show' => ['ele_bg_hover' => 'hover']
505 ],
506 'ele_bg_color_hover' => [
507 'type' => 'color',
508 'label' => __pl('color_hover'),
509 'default' => '',
510 'css' => ['{{element}}:hover' => 'background: {{val}};'],
511 'show' => ['ele_bg_hover' => 'hover'],
512 'req' => ['ele_bg_type_hover' => 'color']
513 ],
514 'ele_bg_gradient_hover' => [
515 'type' => 'gradient',
516 'label' => '',
517 'default' => '150,#44d3f6ff,25,#72e584ff,75,#2ca4ebff,100',
518 'css' => ['{{element}}:hover' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'],
519 'show' => ['ele_bg_hover' => 'hover'],
520 'req' => ['ele_bg_type_hover' => 'gradient']
521 ],
522 'ele_bg_img_hover' => [
523 'type' => 'image',
524 'label' => __pl('Image Hover'),
525 'css' => ['{{element}}:hover' => 'background: url({{{ele_bg_img_hover-url}}});'],
526 'show' => ['ele_bg_hover' => 'hover'],
527 'req' => ['ele_bg_type_hover' => 'image']
528 ],
529 'ele_bg_attachment_hover' => [
530 'type' => 'select',
531 'label' => __pl('ele_bg_attachment_hover'),
532 'list' => [
533 '' => __pl('default'),
534 'scroll' => __pl('scroll'),
535 'fixed' => __pl('fixed')
536 ],
537 'show' => ['ele_bg_hover' => 'hover'],
538 'css' => ['{{element}}:hover' => 'background-attachment: {{val}};'],
539 'req' => ['ele_bg_type_hover' => 'image']
540 ],
541 'ele_bg_posx_hover' => [
542 'type' => 'select',
543 'label' => __pl('ele_bg_posx_hover'),
544 'list' => [
545 '' => __pl('default'),
546 'center' => __pl('center'),
547 'left' => __pl('left'),
548 'right' => __pl('right')
549 ],
550 'show' => ['ele_bg_hover' => 'hover'],
551 'css' => ['{{element}}:hover' => 'background-position-x: {{val}};'],
552 'req' => ['ele_bg_type_hover' => 'image']
553 ],
554 'ele_bg_posy_hover' => [
555 'type' => 'select',
556 'label' => __pl('ele_bg_posy_hover'),
557 'list' => [
558 '' => __pl('default'),
559 'center' => __pl('center'),
560 'top' => __pl('top'),
561 'bottom' => __pl('bottom')
562 ],
563 'show' => ['ele_bg_hover' => 'hover'],
564 'css' => ['{{element}}:hover' => 'background-position-y: {{val}};'],
565 'req' => ['ele_bg_type_hover' => 'image']
566 ],
567 'ele_bg_repeat_hover' => [
568 'type' => 'select',
569 'label' => __pl('ele_bg_repeat_hover'),
570 'css' => ['{{element}}:hover' => 'background-repeat: {{val}};'],
571 'list' => [
572 '' => __pl('default'),
573 'repeat' => __pl('repeat'),
574 'no-repeat' => __pl('no-repeat'),
575 'repeat-x' => __pl('repeat-x'),
576 'repeat-y' => __pl('repeat-y'),
577 ],
578 'show' => ['ele_bg_hover' => 'hover'],
579 'req' => ['ele_bg_type_hover' => 'image']
580 ],
581 'ele_bg_size_hover' => [
582 'type' => 'select',
583 'label' => __pl('ele_bg_size_hover'),
584 'css' => ['{{element}}:hover' => 'background-size: {{val}};'],
585 'list' => [
586 '' => __pl('default'),
587 'cover' => __pl('cover'),
588 'contain' => __pl('contain')
589 ],
590 'show' => ['ele_bg_hover' => 'hover'],
591 'req' => ['ele_bg_type_hover' => 'image']
592 ]
593 ];
594
595 $pagelayer->styles['ele_styles'] = [
596 'ele_margin' => [
597 'type' => 'padding',
598 'label' => __pl('margin'),
599 'screen' => 1,
600 'units' => ['px', 'em', '%'],
601 'css' => 'margin-top: {{val[0]}}; margin-right: {{val[1]}}; margin-bottom: {{val[2]}}; margin-left: {{val[3]}}',
602 ],
603 'ele_padding' => [
604 'type' => 'padding',
605 'label' => __pl('padding'),
606 'screen' => 1,
607 'units' => ['px', 'em', '%'],
608 'css' => 'padding-top: {{val[0]}}; padding-right: {{val[1]}}; padding-bottom: {{val[2]}}; padding-left: {{val[3]}}',
609 ],
610 'ele_zindex' => [
611 'type' => 'slider',
612 'label' => __pl('z-index'),
613 'css' => 'z-index: {{val}}',
614 ],
615 'ele_shadow' => [
616 'type' => 'shadow',
617 'label' => __pl('shadow'),
618 'css' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}} !important;',
619 ]
620 ];
621
622 $pagelayer->styles['border_styles'] = [
623 'border_hover' => [
624 'type' => 'radio',
625 'label' => '',
626 'default' => '',
627 //'no_val' => 1,// Dont set any value to element
628 'list' => [
629 '' => __pl('normal'),
630 'hover' => __pl('hover'),
631 ],
632 ],
633 'border_type' => [
634 'type' => 'select',
635 'label' => __pl('border_type'),
636 'list' => [
637 '' => __pl('none'),
638 'solid' => __pl('solid'),
639 'double' => __pl('double'),
640 'dotted' => __pl('dotted'),
641 'dashed' => __pl('dashed'),
642 'groove' => __pl('groove'),
643 ],
644 'show' => ['border_hover' => ''],
645 'css' => 'border-style: {{val}}',
646 ],
647 'border_width' => [
648 'type' => 'padding',
649 'label' => __pl('border_width'),
650 'default' => '1,1,1,1',
651 'units' => ['px', 'em'],
652 'show' => [
653 'border_hover' => ''
654 ],
655 'req' => [
656 '!border_type' => ''
657 ],
658 'css' => 'border-top-width: {{val[0]}}; border-right-width: {{val[1]}}; border-bottom-width: {{val[2]}}; border-left-width: {{val[3]}}',
659 ],
660 'border_color' => [
661 'type' => 'color',
662 'label' => __pl('border_color'),
663 'default' => '#CCC',
664 'show' => [
665 'border_hover' => ''
666 ],
667 'req' => [
668 '!border_type' => ''
669 ],
670 'css' => 'border-color: {{val}}',
671 ],
672 'border_radius' => [
673 'type' => 'padding',
674 'label' => __pl('border_radius'),
675 'units' => ['px', 'em'],
676 'show' => ['border_hover' => ''],
677 '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]}};',
678 ],
679 'border_shadow' => [
680 'type' => 'shadow',
681 'label' => __pl('text_shadow'),
682 'css' => ['{{element}}' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}} !important;'],
683 'show' => ['border_hover' => ''],
684 ],
685 'border_type_hover' => [
686 'type' => 'select',
687 'label' => __pl('border_type'),
688 'list' => [
689 '' => __pl('none'),
690 'solid' => __pl('solid'),
691 'double' => __pl('double'),
692 'dotted' => __pl('dotted'),
693 'dashed' => __pl('dashed'),
694 'groove' => __pl('groove'),
695 ],
696 'show' => ['border_hover' => 'hover'],
697 'css' => ['{{element}}:hover' => 'border-style: {{val}}'],
698 ],
699 'border_width_hover' => [
700 'type' => 'padding',
701 'label' => __pl('border_width'),
702 'units' => ['px', 'em'],
703 'show' => [
704 'border_hover' => 'hover'
705 ],
706 'req' => [
707 '!border_type_hover' => ''
708 ],
709 'css' => ['{{element}}:hover' => 'border-top-width: {{val[0]}}; border-right-width: {{val[1]}}; border-bottom-width: {{val[2]}}; border-left-width: {{val[3]}}'],
710 ],
711 'border_color_hover' => [
712 'type' => 'color',
713 'label' => __pl('border_color'),
714 'show' => [
715 'border_hover' => 'hover'
716 ],
717 'req' => [
718 '!border_type_hover' => ''
719 ],
720 'css' => ['{{element}}:hover' => 'border-color: {{val}}'],
721 ],
722 'border_radius_hover' => [
723 'type' => 'padding',
724 'label' => __pl('border_radius'),
725 'units' => ['px', 'em'],
726 'show' => ['border_hover' => 'hover'],
727 '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]}};'],
728 ],
729 'border_shadow_hover' => [
730 'type' => 'shadow',
731 'label' => __pl('text_shadow'),
732 'css' => ['{{element}}:hover' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}} !important;'],
733 'show' => ['border_hover' => 'hover'],
734 ],
735 ];
736
737 $pagelayer->styles['animation_styles'] = [
738 'animation' => [
739 'type' => 'select',
740 'label' => __pl('animation'),
741 'default' => '',
742 'addClass' => ['{{val}}',( !pagelayer_is_live() ? 'pagelayer-wow' : '' )],
743 'list' => $pagelayer->anim_in_options
744 ],
745 'animation_speed' => [
746 'type' => 'select',
747 'label' => __pl('animate_speed'),
748 'default' => '',
749 'addClass' => 'pagelayer-anim-{{val}}',
750 'list' => [
751 '' => __pl('normal'),
752 'fast' => __pl('fast'),
753 'slow' => __pl('slow'),
754 'fastest' => __pl('fastest'),
755 'slowest' => __pl('slowest'),
756 ],
757 'req' => [
758 '!animation' => ''
759 ]
760 ],
761 'animation_delay' => [
762 'type' => 'spinner',
763 'label' => __pl('animation_delay'),
764 'css' => '-webkit-animation-delay: {{val}}ms; animation-delay: {{val}}ms;',
765 'default' => 600,
766 'min' => 0,
767 'max' => 90000,
768 'step' => 100,
769 'req' => [
770 '!animation' => ''
771 ]
772 ],
773 ];
774
775 // Resposive stuff
776 $pagelayer->styles['responsive_styles'] = [
777 'hide_desktop' => [
778 'type' => 'checkbox',
779 'label' => __pl('hide_desktop'),
780 'addClass' => 'pagelayer-hide-desktop'
781 ],
782 'hide_tablet' => [
783 'type' => 'checkbox',
784 'label' => __pl('hide_tablet'),
785 'addClass' => 'pagelayer-hide-tablet'
786 ],
787 'hide_mobile' => [
788 'type' => 'checkbox',
789 'label' => __pl('hide_mobile'),
790 'addClass' => 'pagelayer-hide-mobile'
791 ],
792 ];
793
794 // Custom stuff
795 $pagelayer->styles['custom_styles'] = [
796 'ele_id' => [
797 'type' => 'text',
798 'label' => __pl('ele_id'),
799 'desc' => __pl('ele_id_desc'),
800 'addAttr' => 'id="{{ele_id}}"',
801 ],
802 'ele_classes' => [
803 'type' => 'text',
804 'label' => __pl('ele_classes'),
805 'desc' => __pl('ele_classes_desc'),
806 'addClass' => '{{val}}',
807 ],
808 ];
809
810
811 ////////////////////////
812 // GRID Group
813 ////////////////////////
814
815 // ROW object
816 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_row', array(
817 'name' => __pl('row'),
818 'group' => 'grid',
819 'func' => 'pagelayer_sc_row',
820 'html' => '<div if="{{bg_video_src}}" class="pagelayer-background-video">{{vid_src}}</div>
821 <div if="{{parallax_img}}" class="pagelayer-parallax-window">
822 <img class="pagelayer-img" src="{{{parallax_img-url}}}">
823 </div>
824 <div if="{{row_shape_position}}" class="pagelayer-row-shape">
825 <div class="pagelayer-row-svg">
826 <svg if="{{row_shape_type_top}}" class="pagelayer-svg-top">{{svg_top}}</svg>
827 <svg if="{{row_shape_type_bottom}}" class="pagelayer-svg-bottom">{{svg_bottom}}</svg>
828 </div>
829 </div>
830 <div if="{{overlay_type}}" class="pagelayer-background-overlay"></div>
831 <div class="pagelayer-row-holder pagelayer-row pagelayer-auto"></div>',
832 'holder' => '.pagelayer-row-holder',
833 'params' => array(
834 'stretch' => array(
835 'type' => 'select',
836 'label' => __pl('con_width'),
837 'default' => 'auto',
838 'list' => array(
839 'auto' => __pl('auto'),
840 'full' => __pl('full_width'),
841 'fixed' => __pl('fixed_width')
842 ),
843 'addClass' => 'pagelayer-row-stretch-{{val}}'
844 ),
845 'row_width' => array(
846 'type' => 'slider',
847 'label' => __pl('row_width'),
848 'default' => 500,
849 'min' => 300,
850 'max' => 3000,
851 'step' => 1,
852 'css' => ['{{element}}' => 'max-width: {{val}}px; margin-left: auto !important; margin-right: auto !important;'],
853 'req' => array(
854 'stretch' => 'fixed'
855 )
856 ),
857 'col_gap' => array(
858 'type' => 'spinner',
859 'label' => __pl('col_gap'),
860 'default' => 10,
861 'min' => 0,
862 'step' => 1,
863 'max' => 1000,
864 'css' => ['{{element}} .pagelayer-col-holder' => 'padding: {{val}}px;'],
865 ),
866 'width_content' => array(
867 'type' => 'radio',
868 'label' => __pl('Content Width'),
869 'default' => 'auto',
870 'list' => array(
871 'auto' => __pl('auto_width'),
872 'fixed' => __pl('fixed_width'),
873 'full' => __pl('full_width')
874 )
875 ),
876 'fixed_width' => array(
877 'type' => 'slider',
878 'label' => __pl('fixed_width'),
879 'default' => 500,
880 'min' => 300,
881 'max' => 3000,
882 'step' => 1,
883 'css' => ['{{element}} .pagelayer-row-holder' => 'max-width: {{val}}px; margin-left: auto; margin-right: auto;'],
884 'req' => array(
885 'width_content' => 'fixed'
886 )
887 ),
888 'row_height' => array(
889 'type' => 'radio',
890 'label' => __pl('row_height'),
891 'default' => 'default',
892 'addClass' => 'pagelayer-height-{{val}}',
893 'list' => array(
894 'default' => __pl('default'),
895 'fit' => __pl('fit_to_screen'),
896 'custom' => __pl('min_height')
897 ),
898 ),
899 'min_height' => array(
900 'type' => 'slider',
901 'label' => __pl('min_height'),
902 'min' => 0,
903 'max' => 2000,
904 'step' => 1,
905 'css' => 'min-height: {{val}}px;',
906 'req' => array(
907 'row_height' => 'custom'
908 )
909 ),
910 'column_pos' => array(
911 'type' => 'select',
912 'label' => __pl('column_pos'),
913 'default' => 'default',
914 'css' => ['{{element}}' => '-webkit-box-align: {{val}}; -webkit-align-items: {{val}}; -ms-flex-align: {{val}}; align-items: {{val}};'],
915 'list' => array(
916 '' => __pl('default'),
917 'flex-start' => __pl('top'),
918 'center' => __pl('center'),
919 'flex-end' => __pl('bottom'),
920 'stretch' => __pl('Stretch')
921 ),
922 ),
923 'content_pos' => array(
924 'type' => 'select',
925 'label' => __pl('content_pos'),
926 'default' => 'default',
927 'css' => ['{{element}} .pagelayer-row-holder' => '-webkit-box-align: {{val}}; -webkit-align-items: {{val}}; -ms-flex-align: {{val}}; align-items: {{val}};'],
928 'list' => array(
929 '' => __pl('default'),
930 'baseline' => __pl('top'),
931 'center' => __pl('center'),
932 'end' => __pl('bottom'),
933 'stretch' => __pl('Stretch')
934 ),
935 ),
936 ),
937 'row_bg_styles' => [
938 'row_bg_type' => array(
939 'type' => 'radio',
940 'label' => __pl('row_bg_type'),
941 'list' => array(
942 '' => __pl('none'),
943 'video' => __pl('video'),
944 'parallax' => __pl('parallax'),
945 ),
946 ),
947 'bg_video_src' => array(
948 'type' => 'video',
949 'label' => __pl('video_src_label'),
950 'desc' => __pl('video_src_desc'),
951 'req' => ['row_bg_type' => 'video']
952 ),
953 'parallax_img' => array(
954 'type' => 'image',
955 'label' => __pl('Image'),
956 'req' => ['row_bg_type' => 'parallax']
957 ),
958 ],
959 'row_bg_overlay' => [
960 'overlay_state' => array(
961 'type' => 'radio',
962 'label' => __pl('Overlay'),
963 'list' => array(
964 '' => __pl('normal'),
965 'hover' => __pl('hover'),
966 ),
967 ),
968 'overlay_type' => array(
969 'type' => 'radio',
970 'label' => __pl('overlay_type'),
971 'list' => array(
972 '' => __pl('none'),
973 'color' => __pl('color'),
974 'image' => __pl('image'),
975 'gradient' => __pl('gradient')
976 ),
977 'show' => ['overlay_state' => ''],
978 ),
979 'overlay_color' => array(
980 'type' => 'color',
981 'label' => __pl('color'),
982 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-color: {{val}};'],
983 'req' => ['overlay_type' => 'color'],
984 'show' => ['overlay_state' => ''],
985 ),
986 'overlay_gradient' => array(
987 'type' => 'gradient',
988 'label' => '',
989 'default' => '150,#44d3f6ff,23,#72e584ff,45,#2ca4ebff,100',
990 'css' => ['{{element}} .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'],
991 'show' => ['overlay_state' => ''],
992 'req' => ['overlay_type' => 'gradient']
993 ),
994 'overlay_img' => array(
995 'type' => 'image',
996 'label' => __pl('Image'),
997 'css' => ['{{element}} .pagelayer-background-overlay' => 'background: url({{{overlay_img-url}}});'],
998 'show' => ['overlay_state' => ''],
999 'req' => ['overlay_type' => 'image']
1000 ),
1001 'overlay_img_attachment' => array(
1002 'type' => 'select',
1003 'label' => __pl('overlay_img_attachment'),
1004 'list' => [
1005 '' => __pl('default'),
1006 'scroll' => __pl('scroll'),
1007 'fixed' => __pl('fixed')
1008 ],
1009 'show' => ['overlay_state' => ''],
1010 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-attachment: {{val}};'],
1011 'req' => ['overlay_type' => 'image']
1012 ),
1013 'overlay_bg_posx' => array(
1014 'type' => 'select',
1015 'label' => __pl('overlay_bg_posx'),
1016 'list' => [
1017 '' => __pl('default'),
1018 'center' => __pl('center'),
1019 'left' => __pl('left'),
1020 'right' => __pl('right')
1021 ],
1022 'show' => ['overlay_state' => ''],
1023 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-position-x: {{val}};'],
1024 'req' => ['overlay_type' => 'image']
1025 ),
1026 'overlay_bg_posy' => array(
1027 'type' => 'select',
1028 'label' => __pl('overlay_bg_posy'),
1029 'list' => [
1030 '' => __pl('default'),
1031 'center' => __pl('center'),
1032 'top' => __pl('top'),
1033 'bottom' => __pl('bottom')
1034 ],
1035 'show' => ['overlay_state' => ''],
1036 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-position-y: {{val}};'],
1037 'req' => ['overlay_type' => 'image']
1038 ),
1039 'overlay_bg_repeat' => array(
1040 'type' => 'select',
1041 'label' => __pl('overlay_bg_repeat'),
1042 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-repeat: {{val}};'],
1043 'list' => [
1044 '' => __pl('default'),
1045 'repeat' => __pl('repeat'),
1046 'no-repeat' => __pl('no-repeat'),
1047 'repeat-x' => __pl('repeat-x'),
1048 'repeat-y' => __pl('repeat-y'),
1049 ],
1050 'show' => ['overlay_state' => ''],
1051 'req' => ['overlay_type' => 'image']
1052 ),
1053 'overlay_bg_size' => array(
1054 'type' => 'select',
1055 'label' => __pl('overlay_bg_size'),
1056 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-size: {{val}};'],
1057 'list' => [
1058 '' => __pl('default'),
1059 'cover' => __pl('cover'),
1060 'contain' => __pl('contain')
1061 ],
1062 'show' => ['overlay_state' => ''],
1063 'req' => ['overlay_type' => 'image']
1064 ),
1065 'overlay_transperancy' => array(
1066 'type' => 'slider',
1067 'label' => __pl('overlay_transperancy'),
1068 'default' => 0.5,
1069 'min' => 0,
1070 'max' => 1,
1071 'step' => 0.1,
1072 'css' => ['{{element}} .pagelayer-background-overlay' => 'opacity: {{val}};'],
1073 'req' => array(
1074 '!overlay_type' => '',
1075 ),
1076 'show' => ['overlay_state' => ''],
1077 ),
1078 'overlay_hover_delay' => array(
1079 'type' => 'spinner',
1080 'label' => __pl('overlay_hover_delay'),
1081 'min' => 0,
1082 'step' => 100,
1083 'max' => 5000,
1084 'default' => 400,
1085 'css' => ['{{element}} .pagelayer-background-overlay' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'],
1086 'show' => array(
1087 'overlay_state' => 'hover'
1088 ),
1089 ),
1090 'overlay_type_hover' => array(
1091 'type' => 'radio',
1092 'label' => __pl('overlay_type_hover'),
1093 'list' => array(
1094 '' => __pl('none'),
1095 'color' => __pl('color'),
1096 'gradient' => __pl('gradient'),
1097 'image' => __pl('image'),
1098 ),
1099 'show' => ['overlay_state' => 'hover'],
1100 ),
1101 'overlay_color_hover' => array(
1102 'type' => 'color',
1103 'label' => __pl('color'),
1104 //'desc' => __pl('video_src_desc'),
1105 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background: {{val}};'],
1106 'req' => ['overlay_type_hover' => 'color'],
1107 'show' => ['overlay_state' => 'hover'],
1108 ),
1109 'overlay_gradient_hover' => array(
1110 'type' => 'gradient',
1111 'label' => '',
1112 'default' => '150,#44d3f6ff,23,#72e584ff,45,#2ca4ebff,100',
1113 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'],
1114 'show' => ['overlay_state' => 'hover'],
1115 'req' => ['overlay_type_hover' => 'gradient']
1116 ),
1117 'overlay_img_hover' => array(
1118 'type' => 'image',
1119 'label' => __pl('Image'),
1120 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background: url({{{overlay_img_hover-url}}});'],
1121 'show' => ['overlay_state' => 'hover'],
1122 'req' => ['overlay_type_hover' => 'image']
1123 ),
1124 'overlay_img_attachment_hover' => array(
1125 'type' => 'select',
1126 'label' => __pl('overlay_img_attachment_hover'),
1127 'list' => [
1128 '' => __pl('default'),
1129 'scroll' => __pl('scroll'),
1130 'fixed' => __pl('fixed')
1131 ],
1132 'show' => ['overlay_state' => 'hover'],
1133 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-attachment: {{val}};'],
1134 'req' => ['overlay_type_hover' => 'image']
1135 ),
1136 'overlay_bg_posx_hover' => array(
1137 'type' => 'select',
1138 'label' => __pl('overlay_bg_posx_hover'),
1139 'list' => [
1140 '' => __pl('default'),
1141 'center' => __pl('center'),
1142 'left' => __pl('left'),
1143 'right' => __pl('right')
1144 ],
1145 'show' => ['overlay_state' => 'hover'],
1146 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-position-x: {{val}};'],
1147 'req' => ['overlay_type_hover' => 'image']
1148 ),
1149 'overlay_bg_posy_hover' => array(
1150 'type' => 'select',
1151 'label' => __pl('overlay_bg_posy_hover'),
1152 'list' => [
1153 '' => __pl('default'),
1154 'center' => __pl('center'),
1155 'top' => __pl('top'),
1156 'bottom' => __pl('bottom')
1157 ],
1158 'show' => ['overlay_state' => 'hover'],
1159 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-position-y: {{val}};'],
1160 'req' => ['overlay_type_hover' => 'image']
1161 ),
1162 'overlay_bg_repeat_hover' => array(
1163 'type' => 'select',
1164 'label' => __pl('overlay_bg_repeat_hover'),
1165 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-repeat: {{val}};'],
1166 'list' => [
1167 '' => __pl('default'),
1168 'repeat' => __pl('repeat'),
1169 'no-repeat' => __pl('no-repeat'),
1170 'repeat-x' => __pl('repeat-x'),
1171 'repeat-y' => __pl('repeat-y'),
1172 ],
1173 'show' => ['overlay_state' => 'hover'],
1174 'req' => ['overlay_type_hover' => 'image']
1175 ),
1176 'overlay_bg_size_hover' => array(
1177 'type' => 'select',
1178 'label' => __pl('overlay_bg_size_hover'),
1179 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-size: {{val}};'],
1180 'list' => [
1181 '' => __pl('default'),
1182 'cover' => __pl('cover'),
1183 'contain' => __pl('contain')
1184 ],
1185 'show' => ['overlay_state' => 'hover'],
1186 'req' => ['overlay_type_hover' => 'image']
1187 ),
1188 'overlay_transperancy_hover' => array(
1189 'type' => 'slider',
1190 'label' => __pl('overlay_transperancy_hover'),
1191 'min' => 0,
1192 'max' => 1,
1193 'step' => 0.1,
1194 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'opacity: {{val}};'],
1195 'req' => array(
1196 'overlay_type' => 'image',
1197 'overlay_type' => 'color'
1198 ),
1199 'show' => ['overlay_state' => 'hover'],
1200 ),
1201 ],
1202 'shape_styles' => [
1203 'row_shape_position' => array(
1204 'type' => 'radio',
1205 'label' => __pl('shape_position'),
1206 'list' => array(
1207 'top' => __pl('Top'),
1208 'bottom' => __pl('Bottom'),
1209 ),
1210 ),
1211 'row_shape_type_top' => array(
1212 'type' => 'select',
1213 'label' => __pl('shape_type'),
1214 'default' => '',
1215 'list' => array(
1216 '' => __pl('none'),
1217 'arrow' => __pl('Arrow'),
1218 'bigTriangle' => __pl('BigTriangle'),
1219 'bigTriangleShadow' => __pl('BigTriangle Shadow'),
1220 'curve' => __pl('Curve'),
1221 'clouds' => __pl('Clouds'),
1222 'mountains' => __pl('Mountains'),
1223 'pyramids' => __pl('Pyramids'),
1224 'stamp' => __pl('Stamp'),
1225 'slit' => __pl('Slit'),
1226 'split' => __pl('Split'),
1227 'tilt' => __pl('Tilt'),
1228 'tiltOpacity' => __pl('Tilt Opacity'),
1229 'waves' => __pl('Waves'),
1230 'zigzag' => __pl('Zigzag'),
1231 ),
1232 'show' => ['row_shape_position' => 'top'],
1233 ),
1234 'row_shape_top_color' => array(
1235 'type' => 'color',
1236 'label' => __pl('shape_bg_color'),
1237 'default' => '#fff',
1238 'css' => ['{{element}} .pagelayer-svg-top .pagelayer-shape-fill' => 'fill:{{val}}'],
1239 'show' => ['row_shape_position' => 'top'],
1240 ),
1241 'row_shape_top_width' => array(
1242 'type' => 'slider',
1243 'label' => __pl('shape_width'),
1244 'screen' => 1,
1245 'default' => 100,
1246 'min' => 100,
1247 'max' => 500,
1248 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-top' => 'width:{{val}}%'],
1249 'show' => ['row_shape_position' => 'top'],
1250 ),
1251 'row_shape_top_height' => array(
1252 'type' => 'slider',
1253 'label' => __pl('shape_height'),
1254 'screen' => 1,
1255 'default' => 100,
1256 'min' => 10,
1257 'max' => 500,
1258 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-top' => 'height:{{val}}px'],
1259 'show' => ['row_shape_position' => 'top'],
1260 ),
1261 'row_shape_top_flip' => array(
1262 'type' => 'checkbox',
1263 'label' => __pl('shape_flip'),
1264 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-top' => 'transform: rotateY(180deg);'],
1265 'show' => ['row_shape_position' => 'top'],
1266 ),
1267 'row_shape_type_bottom' => array(
1268 'type' => 'select',
1269 'label' => __pl('shape_type'),
1270 'default' => '',
1271 'list' => array(
1272 '' => __pl('none'),
1273 'arrow' => __pl('Arrow'),
1274 'bigTriangle' => __pl('BigTriangle'),
1275 'bigTriangleShadow' => __pl('BigTriangle Shadow'),
1276 'curve' => __pl('Curve'),
1277 'clouds' => __pl('Clouds'),
1278 'mountains' => __pl('Mountains'),
1279 'pyramids' => __pl('Pyramids'),
1280 'stamp' => __pl('Stamp'),
1281 'slit' => __pl('Slit'),
1282 'split' => __pl('Split'),
1283 'tilt' => __pl('Tilt'),
1284 'tiltOpacity' => __pl('Tilt Opacity'),
1285 'waves' => __pl('Waves'),
1286 'zigzag' => __pl('Zigzag'),
1287 ),
1288 'show' => ['row_shape_position' => 'bottom'],
1289 ),
1290 'row_shape_bottom_color' => array(
1291 'type' => 'color',
1292 'label' => __pl('shape_bg_color'),
1293 'default' => '#fff',
1294 'css' => ['{{element}} .pagelayer-svg-bottom .pagelayer-shape-fill' => 'fill:{{val}}'],
1295 'show' => ['row_shape_position' => 'bottom'],
1296 ),
1297 'row_shape_bottom_width' => array(
1298 'type' => 'slider',
1299 'label' => __pl('shape_width'),
1300 'screen' => 1,
1301 'default' => 100,
1302 'min' => 100,
1303 'max' => 500,
1304 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-bottom' => 'width:{{val}}%'],
1305 'show' => ['row_shape_position' => 'bottom'],
1306 ),
1307 'row_shape_bottom_height' => array(
1308 'type' => 'slider',
1309 'label' => __pl('shape_height'),
1310 'screen' => 1,
1311 'default' => 100,
1312 'min' => 10,
1313 'max' => 500,
1314 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-bottom' => 'height:{{val}}px'],
1315 'show' => ['row_shape_position' => 'bottom'],
1316 ),
1317 'row_shape_bottom_flip' => array(
1318 'type' => 'checkbox',
1319 'label' => __pl('shape_flip'),
1320 'css' => ['{{element}} .pagelayer-row-svg .pagelayer-svg-bottom' => 'transform: rotateY(180deg);'],
1321 'show' => ['row_shape_position' => 'bottom'],
1322 ),
1323
1324 ],
1325 'styles' => [
1326 'row_bg_styles' => __pl('row_bg_styles'),
1327 'row_bg_overlay' => __pl('row_bg_overlay'),
1328 'shape_styles' => __pl('shape_styles'),
1329 ],
1330 )
1331 );
1332
1333 // Column object
1334 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_col', array(
1335 'name' => __pl('column'),
1336 'group' => 'grid',
1337 'func' => 'pagelayer_sc_col',
1338 'html' => '<div if="{{bg_video_src}}" class="pagelayer-background-video">{{vid_src}}</div>
1339 <div if="{{parallax_img}}" class="pagelayer-parallax-window">
1340 <img class="pagelayer-img" src="{{{parallax_img-url}}}">
1341 </div>
1342 <div if="{{overlay_type}}" class="pagelayer-background-overlay"></div>
1343 <div class="pagelayer-col-holder"></div>',
1344 'holder' => '.pagelayer-col-holder',
1345 'params' => array(
1346 'content_pos' => array(
1347 'type' => 'select',
1348 'label' => __pl('content_pos'),
1349 'default' => '',
1350 'css' => ['{{element}}' => 'display:flex; -webkit-box-align: {{val}}; -webkit-align-items: {{val}}; -ms-flex-align: {{val}}; align-items: {{val}}; height: 100%;',
1351 '{{element}} .pagelayer-col-holder' => 'width:100%'],
1352 'list' => array(
1353 '' => __pl('default'),
1354 'flex-start' => __pl('top'),
1355 'center' => __pl('center'),
1356 'flex-end' => __pl('bottom')
1357 )
1358 ),
1359 'widget_space' => array(
1360 'type' => 'spinner',
1361 'label' => __pl('widget_space'),
1362 'default' => get_option('pagelayer_between_widgets', 15),
1363 'min' => -1000,
1364 'step' => 1,
1365 'max' => 1000,
1366 'css' => ['{{element}} .pagelayer-col-holder > div:not(:last-child)' => 'margin-bottom: {{val}}px;'],
1367 ),
1368 'col' => array(
1369 'type' => 'select',
1370 'label' => __pl('col_width'),
1371 'addClass' => 'pagelayer-col-{{val}}',
1372 'list' => array(
1373 '1' => __pl('1'),
1374 '2' => __pl('2'),
1375 '3' => __pl('3'),
1376 '4' => __pl('4'),
1377 '5' => __pl('5'),
1378 '6' => __pl('6'),
1379 '7' => __pl('7'),
1380 '8' => __pl('8'),
1381 '9' => __pl('9'),
1382 '10' => __pl('10'),
1383 '11' => __pl('11'),
1384 '12' => __pl('12'),
1385 '' => __pl('custom'),
1386 )
1387 ),
1388 'col_width' => array(
1389 'type' => 'spinner',
1390 'label' => __pl('width_custom'),
1391 'min' => 0,
1392 'step' => 1,
1393 'max' => 1000,
1394 'css' => ( !pagelayer_is_live() ? 'width: {{val}}px;' : '' ),
1395 'req' => ['col' => ''],
1396 ),
1397 ),
1398 'col_bg_styles' => [
1399 'col_bg_type' => array(
1400 'type' => 'radio',
1401 'label' => __pl('col_bg_type'),
1402 'list' => array(
1403 '' => __pl('none'),
1404 'video' => __pl('video'),
1405 'parallax' => __pl('parallax'),
1406 ),
1407 ),
1408 'bg_video_src' => array(
1409 'type' => 'video',
1410 'label' => __pl('video_src_label'),
1411 'desc' => __pl('video_src_desc'),
1412 'req' => ['col_bg_type' => 'video']
1413 ),
1414 'parallax_img' => array(
1415 'type' => 'image',
1416 'label' => __pl('Image'),
1417 'req' => ['col_bg_type' => 'parallax']
1418 ),
1419 ],
1420 'col_bg_overlay' => [
1421 'overlay_state' => array(
1422 'type' => 'radio',
1423 'label' => '',
1424 'list' => array(
1425 '' => __pl('normal'),
1426 'hover' => __pl('hover'),
1427 ),
1428 ),
1429 'overlay_type' => array(
1430 'type' => 'radio',
1431 'label' => __pl('overlay_type'),
1432 'list' => array(
1433 '' => __pl('none'),
1434 'color' => __pl('color'),
1435 'image' => __pl('image'),
1436 'gradient' => __pl('gradient')
1437 ),
1438 'show' => ['overlay_state' => ''],
1439 ),
1440 'overlay_color' => array(
1441 'type' => 'color',
1442 'label' => __pl('color'),
1443 //'desc' => __pl('video_src_desc'),
1444 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-color: {{val}};'],
1445 'req' => ['overlay_type' => 'color'],
1446 'show' => ['overlay_state' => ''],
1447 ),
1448 'overlay_gradient' => array(
1449 'type' => 'gradient',
1450 'label' => '',
1451 'default' => '150,#44d3f6ff,23,#72e584ff,45,#2ca4ebff,100',
1452 'css' => ['{{element}} .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'],
1453 'show' => ['overlay_state' => ''],
1454 'req' => ['overlay_type' => 'gradient']
1455 ),
1456 'overlay_img' => array(
1457 'type' => 'image',
1458 'label' => __pl('Image'),
1459 'css' => ['{{element}} .pagelayer-background-overlay' => 'background: url({{{overlay_img-url}}});'],
1460 'show' => ['overlay_state' => ''],
1461 'req' => ['overlay_type' => 'image']
1462 ),
1463 'overlay_img_attachment' => array(
1464 'type' => 'select',
1465 'label' => __pl('overlay_img_attachment'),
1466 'list' => [
1467 '' => __pl('default'),
1468 'scroll' => __pl('scroll'),
1469 'fixed' => __pl('fixed')
1470 ],
1471 'show' => ['overlay_state' => ''],
1472 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-attachment: {{val}};'],
1473 'req' => ['overlay_type' => 'image']
1474 ),
1475 'overlay_bg_posx' => array(
1476 'type' => 'select',
1477 'label' => __pl('overlay_bg_posx'),
1478 'list' => [
1479 '' => __pl('default'),
1480 'center' => __pl('center'),
1481 'left' => __pl('left'),
1482 'right' => __pl('right')
1483 ],
1484 'show' => ['overlay_state' => ''],
1485 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-position-x: {{val}};'],
1486 'req' => ['overlay_type' => 'image']
1487 ),
1488 'overlay_bg_posy' => array(
1489 'type' => 'select',
1490 'label' => __pl('overlay_bg_posy'),
1491 'list' => [
1492 '' => __pl('default'),
1493 'center' => __pl('center'),
1494 'top' => __pl('top'),
1495 'bottom' => __pl('bottom')
1496 ],
1497 'show' => ['overlay_state' => ''],
1498 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-position-y: {{val}};'],
1499 'req' => ['overlay_type' => 'image']
1500 ),
1501 'overlay_bg_repeat' => array(
1502 'type' => 'select',
1503 'label' => __pl('overlay_bg_repeat'),
1504 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-repeat: {{val}};'],
1505 'list' => [
1506 '' => __pl('default'),
1507 'repeat' => __pl('repeat'),
1508 'no-repeat' => __pl('no-repeat'),
1509 'repeat-x' => __pl('repeat-x'),
1510 'repeat-y' => __pl('repeat-y'),
1511 ],
1512 'show' => ['overlay_state' => ''],
1513 'req' => ['overlay_type' => 'image']
1514 ),
1515 'overlay_bg_size' => array(
1516 'type' => 'select',
1517 'label' => __pl('overlay_bg_size'),
1518 'css' => ['{{element}} .pagelayer-background-overlay' => 'background-size: {{val}};'],
1519 'list' => [
1520 '' => __pl('default'),
1521 'cover' => __pl('cover'),
1522 'contain' => __pl('contain')
1523 ],
1524 'show' => ['overlay_state' => ''],
1525 'req' => ['overlay_type' => 'image']
1526 ),
1527 'overlay_transperancy' => array(
1528 'type' => 'slider',
1529 'label' => __pl('overlay_transperancy'),
1530 'default' => 0.5,
1531 'min' => 0,
1532 'max' => 1,
1533 'step' => 0.1,
1534 'css' => ['{{element}} .pagelayer-background-overlay' => 'opacity: {{val}};'],
1535 'req' => array(
1536 '!overlay_type' => '',
1537 ),
1538 'show' => ['overlay_state' => ''],
1539 ),
1540 'overlay_hover_delay' => array(
1541 'type' => 'spinner',
1542 'label' => __pl('overlay_hover_delay'),
1543 'min' => 0,
1544 'step' => 100,
1545 'max' => 5000,
1546 'default' => 400,
1547 'css' => ['{{element}} .pagelayer-background-overlay' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'],
1548 'show' => array(
1549 'overlay_state' => 'hover'
1550 ),
1551 ),
1552 'overlay_type_hover' => array(
1553 'type' => 'radio',
1554 'label' => __pl('overlay_type_hover'),
1555 'list' => array(
1556 '' => __pl('none'),
1557 'color' => __pl('color'),
1558 'gradient' => __pl('gradient'),
1559 'image' => __pl('image'),
1560 ),
1561 'show' => ['overlay_state' => 'hover'],
1562 ),
1563 'overlay_color_hover' => array(
1564 'type' => 'color',
1565 'label' => __pl('color'),
1566 //'desc' => __pl('video_src_desc'),
1567 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background: {{val}};'],
1568 'req' => ['overlay_type_hover' => 'color'],
1569 'show' => ['overlay_state' => 'hover'],
1570 ),
1571 'overlay_gradient_hover' => array(
1572 'type' => 'gradient',
1573 'label' => '',
1574 'default' => '150,#44d3f6ff,23,#72e584ff,45,#2ca4ebff,100',
1575 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background: linear-gradient({{val[0]}}deg, {{val[1]}} {{val[2]}}%, {{val[3]}} {{val[4]}}%, {{val[5]}} {{val[6]}}%);'],
1576 'show' => ['overlay_state' => 'hover'],
1577 'req' => ['overlay_type_hover' => 'gradient']
1578 ),
1579 'overlay_img_hover' => array(
1580 'type' => 'image',
1581 'label' => __pl('Image'),
1582 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background: url({{{overlay_img_hover-url}}});'],
1583 'show' => ['overlay_state' => 'hover'],
1584 'req' => ['overlay_type_hover' => 'image']
1585 ),
1586 'overlay_img_attachment_hover' => array(
1587 'type' => 'select',
1588 'label' => __pl('overlay_img_attachment_hover'),
1589 'list' => [
1590 '' => __pl('default'),
1591 'scroll' => __pl('scroll'),
1592 'fixed' => __pl('fixed')
1593 ],
1594 'show' => ['overlay_state' => 'hover'],
1595 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-attachment: {{val}};'],
1596 'req' => ['overlay_type_hover' => 'image']
1597 ),
1598 'overlay_bg_posx_hover' => array(
1599 'type' => 'select',
1600 'label' => __pl('overlay_bg_posx_hover'),
1601 'list' => [
1602 '' => __pl('default'),
1603 'center' => __pl('center'),
1604 'left' => __pl('left'),
1605 'right' => __pl('right')
1606 ],
1607 'show' => ['overlay_state' => 'hover'],
1608 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-position-x: {{val}};'],
1609 'req' => ['overlay_type_hover' => 'image']
1610 ),
1611 'overlay_bg_posy_hover' => array(
1612 'type' => 'select',
1613 'label' => __pl('overlay_bg_posy_hover'),
1614 'list' => [
1615 '' => __pl('default'),
1616 'center' => __pl('center'),
1617 'top' => __pl('top'),
1618 'bottom' => __pl('bottom')
1619 ],
1620 'show' => ['overlay_state' => 'hover'],
1621 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-position-y: {{val}};'],
1622 'req' => ['overlay_type_hover' => 'image']
1623 ),
1624 'overlay_bg_repeat_hover' => array(
1625 'type' => 'select',
1626 'label' => __pl('overlay_bg_repeat_hover'),
1627 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-repeat: {{val}};'],
1628 'list' => [
1629 '' => __pl('default'),
1630 'repeat' => __pl('repeat'),
1631 'no-repeat' => __pl('no-repeat'),
1632 'repeat-x' => __pl('repeat-x'),
1633 'repeat-y' => __pl('repeat-y'),
1634 ],
1635 'show' => ['overlay_state' => 'hover'],
1636 'req' => ['overlay_type_hover' => 'image']
1637 ),
1638 'overlay_bg_size_hover' => array(
1639 'type' => 'select',
1640 'label' => __pl('overlay_bg_size_hover'),
1641 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'background-size: {{val}};'],
1642 'list' => [
1643 '' => __pl('default'),
1644 'cover' => __pl('cover'),
1645 'contain' => __pl('contain')
1646 ],
1647 'show' => ['overlay_state' => 'hover'],
1648 'req' => ['overlay_type_hover' => 'image']
1649 ),
1650 'overlay_transperancy_hover' => array(
1651 'type' => 'slider',
1652 'label' => __pl('overlay_transperancy_hover'),
1653 'default' => 0.5,
1654 'min' => 0,
1655 'max' => 1,
1656 'step' => 0.1,
1657 'css' => ['{{element}}:hover .pagelayer-background-overlay' => 'opacity: {{val}};'],
1658 'req' => array(
1659 '!overlay_type_hover' => '',
1660 ),
1661 'show' => ['overlay_state' => 'hover'],
1662 ),
1663 ],
1664 'styles' => [
1665 'col_bg_styles' => __pl('col_bg_styles'),
1666 'col_bg_overlay' => __pl('col_bg_overlay'),
1667 ],
1668 )
1669 );
1670
1671 ////////////////////////
1672 // TEXT Group
1673 ////////////////////////
1674
1675 // Heading object
1676 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_heading', array(
1677 'name' => __pl('title'),
1678 'group' => 'text',
1679 'func' => 'pagelayer_sc_heading',
1680 'innerHTML' => 'text',
1681 'html' => '<a if-ext="{{link}}" href="{{link}}">
1682 <div class="pagelayer-heading-holder">{{text}}</div>
1683 </a>',
1684 'params' => array(
1685 'text' => array(
1686 'type' => 'textarea',
1687 'label' => __pl('Edit Title'),
1688 'default' => '<h2>Your Heading</h2>',
1689 'desc' => __pl('Edit the heading here'),
1690 'edit' => '.pagelayer-heading-holder', // Edit the text and also mirror the same
1691 ),
1692 'link' => array(
1693 'label' => __pl('image_link_label'),
1694 'desc' => __pl('image_link_desc'),
1695 'type' => 'link',
1696 ),
1697 'target' => array(
1698 'label' => __pl('open_link_in_new_window'),
1699 'type' => 'checkbox',
1700 'addAttr' => ['{{element}} a' => 'target="_blank"'],
1701 'req' => array(
1702 '!link' => ''
1703 )
1704 ),
1705 'align' => array(
1706 'label' => __pl('obj_align_label'),
1707 'type' => 'radio',
1708 'addAttr' => 'align="{{align}}"',
1709 'screen' => 1,
1710 'css' => ['{{element}}' => 'text-align: {{val}}'],
1711 'list' => array(
1712 'left' => __pl('left'),
1713 'center' => __pl('center'),
1714 'right' => __pl('right')
1715 )
1716 ),
1717 ),
1718 'heading_styles' => [
1719 'color' => array(
1720 'type' => 'color',
1721 'label' => __pl('color'),
1722 'default' => '#111111ff',
1723 'css' => ['{{element}} .pagelayer-heading-holder *' => 'color:{{val}}', '{{element}} .pagelayer-heading-holder' => 'color:{{val}}'],
1724 ),
1725 'heading_typo' => array(
1726 'type' => 'typography',
1727 'label' => __pl('typography'),
1728 'screen' => 1,
1729 '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;',
1730 '{{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;'],
1731 ),
1732 'heading_text_shadow' => array(
1733 'type' => 'shadow',
1734 'label' => __pl('text_shadow'),
1735 'css' => ['{{element}} .pagelayer-heading-holder' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}} !important;'],
1736 ),
1737 ],
1738 'styles' => [
1739 'heading_styles' => __pl('heading_styles')
1740 ],
1741 )
1742 );
1743
1744 // Rich Text object
1745 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_text', array(
1746 'name' => __pl('Rich Text'),
1747 'group' => 'text',
1748 'func' => 'pagelayer_sc_code',
1749 'innerHTML' => 'text',
1750 'html' => '<div class="pagelayer-text-holder">{{text}}</div>',
1751 'params' => array(
1752 'text' => array(
1753 'type' => 'editor',
1754 'label' => __pl('Edit Rich Text'),
1755 'default' => 'Lorem ipsum dolor sit amet',
1756 'desc' => __pl('Edit the content here or edit directly in the Editor'),
1757 'edit' => '.pagelayer-text-holder', // Edit the text and also mirror the same
1758 )
1759 )
1760 )
1761 );
1762
1763 // Quote
1764 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_quote', array(
1765 'name' => __pl('quote'),
1766 'group' => 'text',
1767 'innerHTML' => 'quote_content',
1768 'html' => '<div class="pagelayer-quote-holder pagelayer-quote-{{quote_style}}">
1769 <i if="{{quotation_pos}}" class="fa fa-quote-left pagelayer-quotation-{{quotation_pos}}"></i>
1770 <div if="{{quote_content}}" class="pagelayer-quote-content">
1771 <i if="{{double_indent}}" class="fa fa-quote-left"></i>
1772 {{quote_content}}
1773 <i if="{{double_indent}}" class="fa fa-quote-right"></i>
1774 </div>
1775 <div if="{{cite}}" class="pagelayer-quote-cite">
1776 <a if-ext="{{cite_url}}" href="{{cite_url}}">
1777 <span class="pagelayer-cite-holder">{{cite}}</span>
1778 </a>
1779 </div>
1780 </div>',
1781 'func' => 'pagelayer_sc_quote',
1782 'params' => array(
1783 'quote_content' => array(
1784 'type' => 'textarea',
1785 'label' => __pl('quotes_content_label'),
1786 'default' => 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.',
1787 'edit' => '.pagelayer-quote-content',
1788 ),
1789 'quote_background_color' => array(
1790 'type' => 'color',
1791 'label' => __pl('bg_color'),
1792 'default' => '#eeeeee',
1793 'css' => ['{{element}} .pagelayer-quote-holder' => 'background-color: {{val}}']
1794 ),
1795 'quote_content_color' => array(
1796 'type' => 'color',
1797 'label' => __pl('quotes_content_color_label'),
1798 'default' => '#050505',
1799 'css' => ['{{element}} .pagelayer-quote-content' => 'color:{{val}}'],
1800 ),
1801 'quote_content_typo' => array(
1802 'type' => 'typography',
1803 'label' => __pl('quote_content_typo'),
1804 'screen' => 1,
1805 '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;'],
1806 ),
1807 ),
1808 'qoute_styles' => [
1809 'quote_style' => array(
1810 'type' => 'select',
1811 'label' => __pl('style'),
1812 'default' => 'quotation',
1813 'list' => array(
1814 'default' => __pl('default'),
1815 'quotation' => __pl('quotation'),
1816 'double' => __pl('double_quotation')
1817 )
1818 ),
1819 'quotation_pos' => array(
1820 'type' => 'radio',
1821 'label' => __pl('quotation_pos_label'),
1822 'default' => 'default',
1823 'css' => ['{{element}} .pagelayer-quote-holder' => 'position: relative;',
1824 '{{element}} .pagelayer-quote-content' => 'position: relative; z-index:1;',
1825 '{{element}} .pagelayer-quote-cite' => 'position: relative; z-index:1;'],
1826 'list' => array(
1827 'default' => __pl('default'),
1828 'overlay' => __pl('overlay')
1829 ),
1830 'req' => array(
1831 'quote_style' => 'quotation'
1832 ),
1833 ),
1834 'quotation_size' => array(
1835 'type' => 'slider',
1836 'label' => __pl('quotation_size_label'),
1837 'min' => 1,
1838 'step' => 1,
1839 'max' => 1000,
1840 'default' => 70,
1841 'screen' => 1,
1842 'css' => ['{{element}} i' => 'font-size: {{val}}px;'],
1843 'req' => array(
1844 'quote_style' => ['quotation','double']
1845 )
1846 ),
1847 'quotation_color' => array(
1848 'type' => 'color',
1849 'label' => __pl('quotation_color_label'),
1850 'default' => '#dadadaff',
1851 'css' => ['{{element}} i' => 'color:{{val}}'],
1852 'req' => array(
1853 'quote_style' => ['quotation','double']
1854 )
1855 ),
1856 'quotation_top' => array(
1857 'type' => 'slider',
1858 'label' => __pl('quotation_top_label'),
1859 'min' => 0,
1860 'step' => 1,
1861 'max' => 100,
1862 'default' => 0,
1863 'screen' => 1,
1864 'css' => ['{{element}} .pagelayer-quotation-overlay' => 'top: {{val}}%;'],
1865 'req' => array(
1866 'quote_style' => 'quotation',
1867 'quotation_pos' => 'overlay'
1868 )
1869 ),
1870 'quotation_left' => array(
1871 'type' => 'slider',
1872 'label' => __pl('quotation_left_label'),
1873 'min' => 0,
1874 'step' => 1,
1875 'max' => 100,
1876 'screen' => 1,
1877 'css' => ['{{element}} .pagelayer-quotation-overlay' => 'left: {{val}}%;'],
1878 'req' => array(
1879 'quote_style' => 'quotation',
1880 'quotation_pos' => 'overlay'
1881 )
1882 ),
1883 'double_indent' => array(
1884 'type' => 'slider',
1885 'label' => __pl('quotation_double_indent_label'),
1886 'min' => 1,
1887 'step' => 1,
1888 'max' => 500,
1889 'default' => 10,
1890 'screen' => 1,
1891 'css' => ['{{element}} .fa-quote-right' => 'padding-left: {{val}}px;',
1892 '{{element}} .fa-quote-left' => 'padding-right: {{val}}px;'],
1893 'req' => array(
1894 'quote_style' => 'double'
1895 )
1896 ),
1897 'align' => array(
1898 'label' => __pl('obj_align_label'),
1899 'type' => 'radio',
1900 'default' => 'left',
1901 'screen' => 1,
1902 'css' => ['{{element}} .pagelayer-quote-holder' => 'text-align: {{val}};'],
1903 'list' => array(
1904 'left' => __pl('left'),
1905 'center' => __pl('center'),
1906 'right' => __pl('right')
1907 )
1908 )
1909 ],
1910 'cite_styles' => [
1911 'cite' => array(
1912 'type' => 'text',
1913 'label' => __pl('quotes_cite_label'),
1914 'default' => '- John Smith',
1915 'desc' => __pl('quotes_cite_desc'),
1916 'edit' => '.pagelayer-cite-holder',
1917 ),
1918 'cite_url' => array(
1919 'type' => 'link',
1920 'label' => __pl('quotes_url_label'),
1921 'desc' => __pl('quotes_url_desc'),
1922 ),
1923 'cite_text_color' => array(
1924 'type' => 'color',
1925 'label' => __pl('quotes_cite_color_label'),
1926 'default' => '#3f3f3f',
1927 'css' => ['{{element}} .pagelayer-quote-cite span' => 'color:{{val}}']
1928 ),
1929 'cite_typo' => array(
1930 'type' => 'typography',
1931 'label' => __pl('cite_typo'),
1932 'default' => ',16,italic,,,,solid,,,,',
1933 'screen' => 1,
1934 '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;'],
1935 )
1936 ],
1937 'border_style' => [
1938 'quote_border_width' => array(
1939 'type' => 'spinner',
1940 'label' => __pl('quote_left_border_width'),
1941 'min' => 0,
1942 'step' => 1,
1943 'max' => 100,
1944 'default' => 5,
1945 'screen' => 1,
1946 'css' => ['{{element}} .pagelayer-quote-holder' => 'border-left-width: {{val}}px; border-left-style: solid;']
1947 ),
1948 'quote_border_color' => array(
1949 'type' => 'color',
1950 'label' => __pl('quote_border_color'),
1951 'default' => '#02CC90',
1952 'css' => ['{{element}} .pagelayer-quote-holder' => 'border-left-color: {{val}}']
1953 ),
1954 'quote_lpadding' => array(
1955 'type' => 'spinner',
1956 'label' => __pl('quote_left_padding'),
1957 'min' => 1,
1958 'step' => 1,
1959 'max' => 100,
1960 'default' => 30,
1961 'screen' => 1,
1962 'css' => ['{{element}} .pagelayer-quote-holder' => 'padding-left: {{val}}px; padding-right: 10px;']
1963 ),
1964 'quote_vpadding' => array(
1965 'type' => 'spinner',
1966 'label' => __pl('quote_vertical_padding'),
1967 'min' => 1,
1968 'step' => 1,
1969 'max' => 100,
1970 'default' => 20,
1971 'screen' => 1,
1972 'css' => ['{{element}} .pagelayer-quote-holder' => 'padding-top: {{val}}px; padding-bottom: {{val}}px;']
1973 )
1974 ],
1975 'styles' => [
1976 'qoute_styles' => __pl('qoute_styles'),
1977 'cite_styles' => __pl('cite_styles'),
1978 'border_style' => __pl('left_border'),
1979 ],
1980 )
1981 );
1982
1983 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_list_item', array(
1984 'name' => __pl('list_item'),
1985 'group' => 'text',
1986 'not_visible' => 1,
1987 'func' => 'pagelayer_sc_list_item',
1988 'innerHTML' => 'item',
1989 'html' => '<li if="{{item}}" class="pagelayer-list-li">
1990 <a if-ext="{{item_url}}" class="pagelayer-list-url pagelayer-ele-link" href="{{item_url}}">
1991 <span class="pagelayer-list-icon-holder">
1992 <i if="{{show_icon}}" class="pagelayer-list-icon fa fa-{{icon}}"></i>
1993 <span if="{{item}}" class="pagelayer-list-item">{{item}}</span>
1994 </span>
1995 </a>
1996 </li>',
1997 'params' => array(
1998 'item' => array(
1999 'type' => 'text',
2000 'label' => __pl('list_items_label'),
2001 'default' => __pl('list_items_default'),
2002 ),
2003 'item_url' => array(
2004 'type' => 'text',
2005 'label' => __pl('list_item_url_label'),
2006 'default' => ''
2007 ),
2008 'show_icon' => array(
2009 'type' => 'checkbox',
2010 'label' => __pl('list_show_icon'),
2011 'default' => 'true'
2012 ),
2013 'icon' => array(
2014 'type' => 'icon',
2015 'label' => __pl('list_icon_label'),
2016 'default' => 'star',
2017 'req' => array(
2018 'show_icon' => 'true'
2019 )
2020 )
2021 )
2022 )
2023 );
2024
2025 // List
2026 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_list', array(
2027 'name' => __pl('list'),
2028 'group' => 'text',
2029 'func' => 'pagelayer_sc_list',
2030 'has_group' => [
2031 'section' => 'params',
2032 'prop' => 'elements'
2033 ],
2034 'holder' => '.pagelayer-list-ul',
2035 'html' => '<ul class="pagelayer-list-ul pagelayer-list-type-{{list_type}}">
2036 </ul>',
2037 'params' => array(
2038 'elements' => array(
2039 'type' => 'group',
2040 'label' => __pl('List Item'),
2041 'sc' => PAGELAYER_SC_PREFIX.'_list_item',
2042 'item_label' => array(
2043 'default' => __pl('List Item'),
2044 'param' => 'item'
2045 ),
2046 'count' => 2,
2047 'text' => __pl('Add List Item'),
2048 ),
2049 'list_type' => array(
2050 'type' => 'select',
2051 'label' => __pl('style'),
2052 'default' => 'none',
2053 'css' => ['{{element}} li' => 'list-style-type: {{val}};'],
2054 'list' => array(
2055 'none' => __pl('none'),
2056 'circle' => __pl('list_list_type_circle'),
2057 'disc' => __pl('list_list_type_disc'),
2058 'square' => __pl('list_list_type_square'),
2059 'armenian' => __pl('list_list_type_armenian'),
2060 'georgian' => __pl('list_list_type_georgian'),
2061 'decimal' => '1, 2, 3, 4',
2062 'decimal-leading-zero' => '01, 02, 03, 04',
2063 'lower-latin' => 'a, b, c, d',
2064 'lower-roman' => 'i, ii, iii, iv',
2065 'lower-greek' => 'α, β, γ, δ',
2066 'upper-latin' => 'A, B, C, D',
2067 'upper-roman' => 'I, II, III, IV'
2068 )
2069 ),
2070 'spacing' => array(
2071 'type' => 'slider',
2072 'label' => __pl('list_spacing_label'),
2073 'min' => 0,
2074 'step' => 1,
2075 'max' => 100,
2076 'default' => 10,
2077 'screen' => 1,
2078 'css' => ['{{element}} .pagelayer-list-ul div:not(:last-child)' => 'padding-bottom: calc({{val}}px/2);',
2079 '{{element}} .pagelayer-list-ul div:not(:first-child)' => 'margin-top: calc({{val}}px/2)'],
2080 ),
2081 'side_spacing' => array(
2082 'type' => 'slider',
2083 'label' => __pl('list_side_spacing_label'),
2084 'min' => 0,
2085 'step' => 1,
2086 'max' => 100,
2087 'screen' => 1,
2088 'css' => ['{{element}} .pagelayer-list_item' => 'padding-left: {{val}}px; padding-right: {{val}}px;'],
2089 ),
2090 ),
2091 'text_style' => [
2092 'list_color' => array(
2093 'type' => 'color',
2094 'label' => __pl('list_color_label'),
2095 'default' => '#555555',
2096 'css' => ['{{element}} li' => 'color:{{val}}'],
2097 ),
2098 'list_typo' => array(
2099 'type' => 'typography',
2100 'label' => __pl('list_typo'),
2101 'screen' => 1,
2102 'css' => [
2103 '{{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;',
2104 '{{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;'
2105 ],
2106 ),
2107 'item_indent' => array(
2108 'type' => 'slider',
2109 'label' => __pl('list_item_indent_label'),
2110 'min' => 0,
2111 'step' => 1,
2112 'max' => 100,
2113 'default' => 10,
2114 'screen' => 1,
2115 'css' => ['{{element}} .pagelayer-list-item' => 'margin-left: {{val}}px;'],
2116 ),
2117 ],
2118 'icon_style' => [
2119 'icon_color' => array(
2120 'type' => 'color',
2121 'label' => __pl('list_icon_color_label'),
2122 'default' => '#3E8EF7',
2123 'css' => ['{{element}} i' => 'color:{{val}}'],
2124 ),
2125 'icon_size' => array(
2126 'type' => 'slider',
2127 'label' => __pl('list_icon_size_label'),
2128 'min' => 0,
2129 'step' => 1,
2130 'max' => 150,
2131 'screen' => 1,
2132 'css' => ['{{element}} i' => 'font-size: {{val}}px'],
2133 ),
2134 ],
2135 'divider' => [
2136 'icon_border_type' => array(
2137 'type' => 'select',
2138 'label' => __pl('type'),
2139 'css' => ['{{element}} .pagelayer-list-ul > div:not(:last-child)' => 'border-bottom-style: {{val}};'],
2140 'default' => 'solid',
2141 'list' => [
2142 '' => __pl('none'),
2143 'solid' => __pl('solid'),
2144 'double' => __pl('double'),
2145 'dotted' => __pl('dotted'),
2146 'dashed' => __pl('dashed'),
2147 'groove' => __pl('groove'),
2148 ],
2149 ),
2150 'icon_border_color' => array(
2151 'type' => 'color',
2152 'label' => __pl('color'),
2153 'default' => '#cbd2dc78',
2154 'css' => ['{{element}} .pagelayer-list-ul > div' => 'border-bottom-color: {{val}};'],
2155 'req' => array(
2156 '!icon_border_type' => ''
2157 ),
2158 ),
2159 'icon_border_width' => array(
2160 'type' => 'slider',
2161 'label' => __pl('border_width'),
2162 'min' => 0,
2163 'step' => 1,
2164 'max' => 100,
2165 'default' => 3,
2166 'screen' => 1,
2167 'css' => ['{{element}} .pagelayer-list-ul > div' => 'border-bottom-width: {{val[0]}}px;'],
2168 'req' => [
2169 '!icon_border_type' => ''
2170 ]
2171 ),
2172 ],
2173 'styles' => [
2174 'text_style' => __pl('text_style'),
2175 'icon_style' => __pl('icon_style'),
2176 'divider' => __pl('divider'),
2177 ]
2178 )
2179 );
2180
2181 // Icon
2182 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_icon', array(
2183 'name' => __pl('icon'),
2184 'group' => 'text',
2185 'func' => 'pagelayer_sc_icon',
2186 'html' => '<div class="pagelayer-icon-holder">
2187 <a if-ext="{{link}}" class="pagelayer-ele-link" href="{{link}}">
2188 <i class="fa fa-{{icon}} {{bg_shape}} {{icon_size}} pagelayer-animation-{{anim_hover}}"></i>
2189 </a>
2190 </div>',
2191 'params' => array(
2192 'icon' => array(
2193 'type' => 'icon',
2194 'label' => __pl('list_icon_label'),
2195 'default' => 'star',
2196 ),
2197 'icon_background_size' => array(
2198 'type' => 'spinner',
2199 'label' => __pl('service_box_icon_background_size'),
2200 'default' => 10,
2201 'screen' => 1,
2202 'css' => ['{{element}} i' => 'padding: calc(0.5em + {{val}}px);'],
2203 'min' => 1,
2204 'max' => 500,
2205 'step' => 1,
2206 ),
2207 'link' => array(
2208 'type' => 'link',
2209 'label' => __pl('icon_link_field_label'),
2210 'default' => ''
2211 ),
2212 'target' => array(
2213 'type' => 'checkbox',
2214 'label' => __pl('open_link_in_new_window'),
2215 'addAttr' => ['{{element}} a' => 'target="_blank"']
2216 ),
2217 'icon_alignment' => array(
2218 'type' => 'radio',
2219 'label' => __pl('alignment'),
2220 'default' => 'center',
2221 'screen' => 1,
2222 'css' => 'text-align: {{val}}',
2223 'list' => array(
2224 'left' => __pl('left'),
2225 'center' => __pl('center'),
2226 'right' => __pl('right'),
2227 ),
2228 ),
2229 ),
2230 'icon_style' => [
2231 'icon_hover' => array(
2232 'type' => 'radio',
2233 'label' => '',
2234 'default' => '',
2235 'list' => array(
2236 '' => __pl('normal'),
2237 'hover' => __pl('hover'),
2238 ),
2239 ),
2240 'icon_color_style' => array(
2241 'type' => 'color',
2242 'label' => __pl('service_box_icon_color_label'),
2243 'css' => ['{{element}} i' => 'height: 1em; width: 1em; position: relative; color: {{val}};',
2244 '{{element}} i:before' => 'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'],
2245 'default' => '#3e8ef7',
2246 'show' => array(
2247 'icon_hover' => ''
2248 ),
2249 ),
2250 'bg_shape' => array(
2251 'type' => 'select',
2252 'label' => __pl('icon_background_shape'),
2253 'default' => '',
2254 'list' => array(
2255 '' => __pl('icon_shape_none'),
2256 'pagelayer-icon-circle' => __pl('icon_shape_circle'),
2257 'pagelayer-icon-square' => __pl('icon_shape_square'),
2258 'pagelayer-icon-rounded' => __pl('icon_shape_rounded')
2259 ),
2260 'show' => array(
2261 'icon_hover' => ''
2262 ),
2263 ),
2264 'icon_size' => array(
2265 'type' => 'select',
2266 'label' => __pl('obj_size_label'),
2267 'default' => 'pagelayer-icon-large',
2268 'list' => array(
2269 'pagelayer-icon-mini' => __pl('mini'),
2270 'pagelayer-icon-small' => __pl('small'),
2271 'pagelayer-icon-large' => __pl('large'),
2272 'pagelayer-icon-extra-large' => __pl('extra_large'),
2273 'pagelayer-icon-double-large' => __pl('double_large'),
2274 'pagelayer-icon-custom' => __pl('custom'),
2275 ),
2276 'show' => array(
2277 'icon_hover' => ''
2278 ),
2279 ),
2280 'icon_size_custom' => array(
2281 'type' => 'spinner',
2282 'label' => __pl('service_box_icon_custom_size_label'),
2283 'desc' => __pl('service_box_icon_custom_size_desc'),
2284 'min' => 1,
2285 'step' => 1,
2286 'max' => 500,
2287 'default' => 26,
2288 'screen' => 1,
2289 'css' => ['{{element}} i' => 'font-size: {{val}}px'],
2290 'req' => array(
2291 'icon_size' => 'pagelayer-icon-custom'
2292 ),
2293 'show' => array(
2294 'icon_hover' => ''
2295 ),
2296 ),
2297 'icon_rotate' => array(
2298 'type' => 'spinner',
2299 'label' => __pl('service_box_icon_rotate'),
2300 'default' => 0,
2301 'css' => ['{{element}} i' => 'transform: rotate({{val}}deg)'],
2302 'min' => 0,
2303 'max' => 360,
2304 'step' => 1,
2305 'screen' => 1,
2306 'show' => array(
2307 'icon_hover' => ''
2308 ),
2309 ),
2310 'bg_color' => array(
2311 'type' => 'color',
2312 'label' => __pl('service_box_icon_background_color_label'),
2313 'default' => '#42414f',
2314 'css' => ['{{element}} i' => 'background-color: {{val}};'],
2315 'req' => array(
2316 '!bg_shape' => ''
2317 ),
2318 'show' => array(
2319 'icon_hover' => ''
2320 ),
2321 ),
2322 'icon_hover_delay' => array(
2323 'type' => 'spinner',
2324 'label' => __pl('animation_delay'),
2325 'min' => 0,
2326 'step' => 100,
2327 'max' => 5000,
2328 'default' => 400,
2329 'screen' => 1,
2330 'css' => ['{{element}} i' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
2331 'show' => array(
2332 'icon_hover' => 'hover'
2333 ),
2334 ),
2335 'icon_color_style_hover' => array(
2336 'type' => 'color',
2337 'label' => __pl('service_box_icon_color_label'),
2338 'css' => ['{{element}} i:hover' => 'height: 1em; width: 1em; position: relative; color: {{val}}',
2339 '{{element}} i:before' => 'position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);'],
2340 'show' => array(
2341 'icon_hover' => 'hover'
2342 ),
2343 ),
2344 'icon_size_custom_hover' => array(
2345 'type' => 'spinner',
2346 'label' => __pl('service_box_icon_custom_size_label'),
2347 'desc' => __pl('service_box_icon_custom_size_desc'),
2348 'min' => 1,
2349 'step' => 1,
2350 'max' => 500,
2351 'screen' => 1,
2352 'css' => ['{{element}} i:hover' => 'font-size: {{val}}px'],
2353 'req' => array(
2354 'icon_size' => 'pagelayer-icon-custom'
2355 ),
2356 'show' => array(
2357 'icon_hover' => 'hover'
2358 ),
2359 ),
2360 'anim_hover' => array(
2361 'type' => 'select',
2362 'label' => __pl('icon_animation'),
2363 'list' => [
2364 '' => __pl('none'),
2365 'grow' => __pl('Grow'),
2366 'shrink' => __pl('Shrink'),
2367 'pulse' => __pl('Pulse'),
2368 'pulse-grow' => __pl('Pulse Grow'),
2369 'pulse-shrink' => __pl('Pulse Shrink'),
2370 'push' => __pl('Push'),
2371 'pop' => __pl('Pop'),
2372 'buzz' => __pl('Buzz'),
2373 'buzz-out' => __pl('Buzz Out'),
2374 'float' => __pl('Float'),
2375 'sink' => __pl('Sink'),
2376 'bob' => __pl('Bob'),
2377 'hang' => __pl('Hang'),
2378 'bounce-in' => __pl('Bounce In'),
2379 'bounce-out' => __pl('Bounce Out'),
2380 'rotate' => __pl('Rotate'),
2381 'grow-rotate' => __pl('Grow Rotate'),
2382 'skew-forward' => __pl('Skew Forward'),
2383 'skew-backward' => __pl('Skew Backward'),
2384 'wobble-vertical' => __pl('Wobble Vertical'),
2385 'wobble-horizontal' => __pl('Wobble Horizontal'),
2386 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'),
2387 'wobble-top-to-right' => __pl('Wobble Top To Right'),
2388 'wobble-top' => __pl('Wobble Top'),
2389 'wobble-bottom' => __pl('Wobble Bottom'),
2390 'wobble-skew' => __pl('Wobble Skew'),
2391 ],
2392 'show' => array(
2393 'icon_hover' => 'hover',
2394 ),
2395 ),
2396 'icon_rotate_hover' => array(
2397 'type' => 'spinner',
2398 'label' => __pl('service_box_icon_rotate'),
2399 'default' => 0,
2400 'css' => ['{{element}} i:hover' => 'transform: rotate({{val}}deg)'],
2401 'min' => 0,
2402 'max' => 360,
2403 'step' => 1,
2404 'screen' => 1,
2405 'show' => array(
2406 'icon_hover' => 'hover'
2407 ),
2408 ),
2409 'bg_color_hover' => array(
2410 'type' => 'color',
2411 'label' => __pl('service_box_icon_background_color_label'),
2412 'css' => ['{{element}} i:hover' => 'background-color: {{val}};'],
2413 'req' => array(
2414 '!bg_shape' => ''
2415 ),
2416 'show' => array(
2417 'icon_hover' => 'hover'
2418 ),
2419 ),
2420 'icon_background_size_hover' => array(
2421 'type' => 'spinner',
2422 'label' => __pl('service_box_icon_background_size'),
2423 'css' => ['{{element}} i:hover' => 'padding: calc(0.5em + {{val}}px)'],
2424 'min' => 1,
2425 'max' => 500,
2426 'step' => 1,
2427 'screen' => 1,
2428 'req' => array(
2429 '!bg_shape' => ''
2430 ),
2431 'show' => array(
2432 'icon_hover' => 'hover'
2433 ),
2434 )
2435 ],
2436 'border_style' => [
2437 'icon_border_hover' => array(
2438 'type' => 'radio',
2439 'label' => '',
2440 'default' => '',
2441 'list' => array(
2442 '' => __pl('normal'),
2443 'hover' => __pl('hover'),
2444 ),
2445 ),
2446 'icon_border_type' => array(
2447 'type' => 'select',
2448 'label' => __pl('border_type'),
2449 'css' => ['{{element}} i' => 'border-style: {{val}}'],
2450 'list' => [
2451 '' => __pl('none'),
2452 'solid' => __pl('solid'),
2453 'double' => __pl('double'),
2454 'dotted' => __pl('dotted'),
2455 'dashed' => __pl('dashed'),
2456 'groove' => __pl('groove'),
2457 ],
2458 'show' => array(
2459 'icon_border_hover' => ''
2460 ),
2461 ),
2462 'icon_border_color' => array(
2463 'type' => 'color',
2464 'label' => __pl('service_box_icon_border_color_label'),
2465 'default' => '#3e8ef7',
2466 'css' => ['{{element}} i' => 'border-color: {{val}};'],
2467 'req' => array(
2468 '!icon_border_type' => ''
2469 ),
2470 'show' => array(
2471 'icon_border_hover' => ''
2472 ),
2473 ),
2474 'icon_border_width' => array(
2475 'type' => 'padding',
2476 'label' => __pl('border_width'),
2477 'screen' => 1,
2478 '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'],
2479 'req' => [
2480 '!icon_border_type' => ''
2481 ],
2482 'show' => array(
2483 'icon_border_hover' => ''
2484 ),
2485 ),
2486 'icon_border_radius' => array(
2487 'type' => 'padding',
2488 'label' => __pl('border_radius'),
2489 'screen' => 1,
2490 '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;'],
2491 'req' => array(
2492 '!icon_border_type' => ''
2493 ),
2494 'show' => array(
2495 'icon_border_hover' => ''
2496 ),
2497 ),
2498 'icon_border_type_hover' => array(
2499 'type' => 'select',
2500 'label' => __pl('border_type'),
2501 'css' => ['{{element}} i:hover' => 'border-style: {{val}}'],
2502 'list' => [
2503 '' => __pl('none'),
2504 'solid' => __pl('solid'),
2505 'double' => __pl('double'),
2506 'dotted' => __pl('dotted'),
2507 'dashed' => __pl('dashed'),
2508 'groove' => __pl('groove'),
2509 ],
2510 'show' => array(
2511 'icon_border_hover' => 'hover'
2512 ),
2513 ),
2514 'icon_border_color_hover' => array(
2515 'type' => 'color',
2516 'label' => __pl('service_box_icon_border_color_label'),
2517 'css' => ['{{element}} i:hover' => 'border-color: {{val}};'],
2518 'default' => '#3e8ef7',
2519 'req' => array(
2520 '!icon_border_type_hover' => ''
2521 ),
2522 'show' => array(
2523 'icon_border_hover' => 'hover'
2524 ),
2525 ),
2526 'icon_border_width_hover' => array(
2527 'type' => 'padding',
2528 'label' => __pl('border_width'),
2529 'screen' => 1,
2530 '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'],
2531 'req' => [
2532 '!icon_border_type_hover' => ''
2533 ],
2534 'show' => array(
2535 'icon_border_hover' => 'hover'
2536 ),
2537 ),
2538 'icon_border_radius_hover' => array(
2539 'type' => 'padding',
2540 'label' => __pl('border_radius'),
2541 'screen' => 1,
2542 '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;'],
2543 'req' => array(
2544 '!icon_border_type_hover' => ''
2545 ),
2546 'show' => array(
2547 'icon_border_hover' => 'hover'
2548 ),
2549 ),
2550 ],
2551 'styles' => [
2552 'icon_style' => __pl('icon_style_hover'),
2553 'border_style' => __pl('border'),
2554 ]
2555 )
2556 );
2557
2558 // Badge
2559 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_badge', array(
2560 'name' => __pl('Badge'),
2561 'group' => 'text',
2562 'func' => 'pagelayer_sc_badge',
2563 'innerHTML' => 'title',
2564 'html' => '<div class="pagelayer-badge-span">
2565 <span if="{{text}}" class="pagelayer-badge-text">{{text}}</span>
2566 <a if-ext="{{badge_url}}" class="pagelayer-ele-link" href="{{badge_url}}">
2567 <span if="{{badge_text}}" class="pagelayer-badge-title pagelayer-badge-details pagelayer-badge-{{badge_notification_type}} pagelayer-badge-{{badge_style_type}}">{{badge_text}}</span>
2568 </a>
2569 </div>
2570 <a if-ext="{{badge_url}}" class="pagelayer-ele-link" href="{{badge_url}}">
2571 <button class="pagelayer-badge-title pagelayer-badge-btn pagelayer-btn-{{badge_btn_type}}">
2572 <span if="{{text}}" class="pagelayer-badge-text">{{text}}</span>
2573 <span if="{{badge_text}}" class="pagelayer-badge-details pagelayer-badge-{{badge_notification_type}} pagelayer-badge-{{badge_style_type}}">{{badge_text}}</span>
2574 </button>
2575 </a>',
2576 'params' => array(
2577 'badge_text' => array(
2578 'type' => 'text',
2579 'label' => __pl('badge_text'),
2580 'default' => 'Badge',
2581 ),
2582 'badge_url' => array(
2583 'type' => 'link',
2584 'label' => __pl('badge_url_label'),
2585 'default' => '',
2586 ),
2587 'badge_notification_type' => array(
2588 'type' => 'select',
2589 'label' => __pl('badge_notification_type'),
2590 'default' => 'primary',
2591 'list' => [
2592 'primary' => __pl('Primary'),
2593 'secondary' => __pl('Secondary'),
2594 'success' => __pl('Success'),
2595 'warning' => __pl('Warning'),
2596 'danger' => __pl('Danger'),
2597 'info' => __pl('Info'),
2598 'light' => __pl('Light'),
2599 'dark' => __pl('Dark'),
2600 'custom' => __pl('Custom'),
2601 ],
2602 ),
2603 'badge_style_type' => array(
2604 'type' => 'select',
2605 'label' => __pl('badge_style'),
2606 'default' => 'normal',
2607 'list' => [
2608 'normal' => __pl('Normal'),
2609 'pills' => __pl('Pills'),
2610 ],
2611 ),
2612 'badge_vertical_align' => array(
2613 'type' => 'select',
2614 'label' => __pl('badge_vertical_align'),
2615 'screen' => 1,
2616 'css' => ['{{element}} .pagelayer-badge-details' => 'vertical-align:{{val}};'],
2617 'list' => [
2618 '' => __pl('none'),
2619 'top' => __pl('Top'),
2620 'bottom' => __pl('Bottom'),
2621 ],
2622 'req' => array(
2623 'badge_button' => '',
2624 )
2625 ),
2626 ),
2627 'text_style' => [
2628 'text' => array(
2629 'type' => 'text',
2630 'label' => __pl('text'),
2631 'default' => 'Your custom text',
2632 ),
2633 'text_color' => array(
2634 'type' => 'color',
2635 'label' => __pl('badge_text_color_label'),
2636 'default' => '#000000',
2637 'css' => ['{{element}} .pagelayer-badge-text' => 'color:{{val}};'],
2638 ),
2639 'text_style' => array(
2640 'type' => 'typography',
2641 'label' => __pl('text_size'),
2642 'default' => ',25,,400,,,,,,,',
2643 'screen' => 1,
2644 '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;'],
2645 ),
2646 ],
2647 'badge_style' => [
2648 'badge_text_color' => array(
2649 'type' => 'color',
2650 'label' => __pl('badge_text_color_label'),
2651 'default' => '#ffffff',
2652 'css' => ['{{element}} .pagelayer-badge-custom' => 'color:{{val}};'],
2653 'req' => ['badge_notification_type' => 'custom'],
2654 ),
2655 'badge_spacing' => array(
2656 'type' => 'slider',
2657 'label' => __pl('badge_spacing'),
2658 'default' => 2,
2659 'min' => 1,
2660 'max' => 100,
2661 'screen' => 1,
2662 'css' => ['{{element}} .pagelayer-badge-details' => 'margin-left:{{val}}px;'],
2663 ),
2664 'badge_background_color' => array(
2665 'type' => 'color',
2666 'label' => __pl('badge_text_background_label'),
2667 'default' => '#4982eeff',
2668 'css' => ['{{element}} .pagelayer-badge-custom' => 'background-color:{{val}};'],
2669 'req' => ['badge_notification_type' => 'custom'],
2670 ),
2671 'badge_vspacing' => array(
2672 'type' => 'slider',
2673 'label' => __pl('quote_vertical_padding'),
2674 'default' => 2,
2675 'min' => 0,
2676 'max' => 100,
2677 'screen' => 1,
2678 'css' => ['{{element}} .pagelayer-badge-details' => 'padding-top:{{val}}px; padding-bottom:{{val}}px;'],
2679 ),
2680 'badge_hspacing' => array(
2681 'type' => 'slider',
2682 'label' => __pl('horizontal_spacing'),
2683 'default' => 2,
2684 'min' => 0,
2685 'max' => 100,
2686 'screen' => 1,
2687 'css' => ['{{element}} .pagelayer-badge-details' => 'padding-left:{{val}}px; padding-right:{{val}}px;'],
2688 ),
2689 'badge_text_style' => array(
2690 'type' => 'typography',
2691 'label' => __pl('badge_text_size'),
2692 'default' => ',16,,400,,,,,,,',
2693 '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;'],
2694 ),
2695 ],
2696 'btn_badge' => [
2697 'badge_button' => array(
2698 'type' => 'checkbox',
2699 'label' => __pl('button_badge'),
2700 'css' => ['{{element}} .pagelayer-badge-btn '=> 'display : block;',
2701 '{{element}} .pagelayer-badge-span'=> 'display : none;',
2702 ],
2703 ),
2704 'badge_btn_type' => array(
2705 'type' => 'select',
2706 'label' => __pl('badge_btn_type'),
2707 'default' => 'warning',
2708 'list' => [
2709 'primary' => __pl('Primary'),
2710 'secondary' => __pl('Secondary'),
2711 'success' => __pl('Success'),
2712 'warning' => __pl('Warning'),
2713 'danger' => __pl('Danger'),
2714 'info' => __pl('Info'),
2715 'light' => __pl('Light'),
2716 'dark' => __pl('Dark'),
2717 'custom' => __pl('Custom'),
2718 ],
2719 'req' => array(
2720 'badge_button' => 'true',
2721 )
2722 ),
2723 'badge_btn_hover' => array(
2724 'type' => 'radio',
2725 'label' => '',
2726 'default' => '',
2727 'list' => array(
2728 '' => __pl('normal'),
2729 'hover' => __pl('hover'),
2730 ),
2731 'req' => array(
2732 'badge_button' => 'true',
2733 'badge_btn_type' => 'custom',
2734 ),
2735 ),
2736 'badge_btn_background_color' => array(
2737 'type' => 'color',
2738 'label' => __pl('badge_btn_background_label'),
2739 'default' => '#4982eeff',
2740 'css' => ['{{element}} .pagelayer-badge-btn' => 'background-color:{{val}};'],
2741 'req' => [
2742 'badge_btn_type' => 'custom',
2743 'badge_button' => 'true',
2744 ],
2745 'show' => ['badge_btn_hover' => ''],
2746 ),
2747 'badge_btn_background_color_hover' => array(
2748 'type' => 'color',
2749 'label' => __pl('badge_btn_background_label'),
2750 'default' => '#4982eeff',
2751 'css' => ['{{element}} .pagelayer-badge-btn:hover' => 'background-color:{{val}};'],
2752 'show' => ['badge_btn_hover' => 'hover'],
2753 ),
2754 ],
2755 'styles' => [
2756 'text_style' => __pl('text'),
2757 'badge_style' => __pl('badge_style'),
2758 'btn_badge' => __pl('btn_badge'),
2759 ]
2760 )
2761 );
2762
2763 // Tooltip
2764 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tooltip', array(
2765 'name' => __pl('Tooltip'),
2766 'group' => 'text',
2767 'func' => 'pagelayer_sc_tooltip',
2768 'innerHTML' => 'tooltip_text',
2769 'html' => '<div class="pagelayer-tooltip-container">
2770 <span if="{{tooltip_icon}}" class="pagelayer-tooltip-icon"><i class="fa fa-{{tooltip_icon}}"></i></span>
2771 <span if="{{text}}" class="pagelayer-tooltip-title">{{text}}</span>
2772 <div if="{{tooltip_text}}" class="pagelayer-tooltip-text pagelayer-tooltip-{{tooltip_position}}">
2773 <span>{{tooltip_text}}</span>
2774 </div>
2775 </div>',
2776 'params' => array(
2777 'text' => array(
2778 'type' => 'text',
2779 'label' => __pl('text'),
2780 'default' => __pl('hover_me'),
2781 'edit' => '.pagelayer-tooltip-title',
2782 ),
2783 'tooltip_text' => array(
2784 'type' => 'editor',
2785 'label' => __pl('tooltip_text'),
2786 'default' => 'Hey there, I have an amazing tooltip !',
2787 'edit' => '.pagelayer-tooltip',
2788 ),
2789 ),
2790 'text_style' => [
2791 'tooltip_align' => array(
2792 'label' => __pl('tooltip_align'),
2793 'type' => 'select',
2794 'default' => 'center',
2795 'screen' => 1,
2796 'css' => 'text-align: {{val}};',
2797 'list' => array(
2798 'left' => __pl('left'),
2799 'center' => __pl('center'),
2800 'right' => __pl('right'),
2801 )
2802 ),
2803 'text_color' => array(
2804 'type' => 'color',
2805 'label' => __pl('tooltip_title_color'),
2806 'css' => ['{{element}} .pagelayer-tooltip-title' => 'color:{{val}};'],
2807 ),
2808 'text_size' => array(
2809 'type' => 'typography',
2810 'label' => __pl('tooltip_title_size'),
2811 'default' => ',25,,400,,,,,,,',
2812 'screen' => 1,
2813 '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;',
2814 '{{element}} .pagelayer-tooltip-icon .fa' => 'font-size: {{val[1]}}px !important;'],
2815 ),
2816 'tooltip_text_shadow' => array(
2817 'type' => 'shadow',
2818 'label' => __pl('tooltip_text_shadow'),
2819 'css' => ['{{element}} .pagelayer-tooltip-title' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}};',
2820 '{{element}} .pagelayer-tooltip-icon .fa' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}};'],
2821 ),
2822 ],
2823 'tooltip_style' => [
2824 'tooltip_position' => array(
2825 'type' => 'select',
2826 'label' => __pl('tooltip_positon'),
2827 'default' => 'top',
2828 'list' => [
2829 'top' => __pl('Top'),
2830 'right' => __pl('Right'),
2831 'bottom' => __pl('Bottom'),
2832 'left' => __pl('Left'),
2833 ],
2834 ),
2835 'tooltip_width' => array(
2836 'label' => __pl('tooltip-width'),
2837 'type' => 'slider',
2838 'min' => 100,
2839 'max' => 500,
2840 'default' => 200,
2841 'screen' => 1,
2842 'css' => ['{{element}} .pagelayer-tooltip-text' => 'width:{{val}}px;'],
2843 ),
2844 'tooltip_spacing' => array(
2845 'label' => __pl('tooltip_spacing'),
2846 'type' => 'slider',
2847 'min' => 0,
2848 'max' => 100,
2849 'default' => 10,
2850 'screen' => 1,
2851 'css' => ['{{element}} .pagelayer-tooltip-text' => 'padding:{{val}}px;'],
2852 ),
2853 'tooltip_background' => array(
2854 'type' => 'color',
2855 'label' => __pl('tooltip_background_color'),
2856 'default' => '#333333',
2857 'css' => ['{{element}} .pagelayer-tooltip-text' => 'background-color:{{val}};',
2858 '{{element}} .pagelayer-tooltip-top:after' => 'border-top-color:{{val}};',
2859 '{{element}} .pagelayer-tooltip-right:after' => 'border-right-color:{{val}};',
2860 '{{element}} .pagelayer-tooltip-bottom:after' => 'border-bottom-color:{{val}};',
2861 '{{element}} .pagelayer-tooltip-left:after' => 'border-left-color:{{val}};',
2862 ],
2863 ),
2864 'tooltip_color' => array(
2865 'type' => 'color',
2866 'label' => __pl('tooltip_text_color'),
2867 'default' => '#ffffff',
2868 'css' => ['{{element}} .pagelayer-tooltip-text' => 'color:{{val}};'],
2869 ),
2870 'tooltip_text_size' => array(
2871 'type' => 'typography',
2872 'label' => __pl('tooltip_text_size'),
2873 'default' => ',18,,400,,,,,,,',
2874 'screen' => 1,
2875 '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;'],
2876 ),
2877 'tooltip_shadow' => array(
2878 'type' => 'shadow',
2879 'label' => __pl('tooltip_shadow'),
2880 'css' => ['{{element}} .pagelayer-tooltip-text' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}};'],
2881 ),
2882 ],
2883 'icon_style' => [
2884 'show_icon' => array(
2885 'type' => 'checkbox',
2886 'label' => __pl('show_icon'),
2887 ),
2888 'tooltip_icon' => array(
2889 'type' => 'icon',
2890 'label' => __pl('tooltip_icon'),
2891 'default' => 'exclamation-circle',
2892 'req' => array(
2893 'show_icon' => 'true',
2894 )
2895 ),
2896 'icon_color' => array(
2897 'type' => 'color',
2898 'label' => __pl('tooltip_icon_color'),
2899 'default' => '#3E8EF7',
2900 'css' => ['{{element}} .pagelayer-tooltip-icon' => 'color:{{val}};'],
2901 'req' => array(
2902 'show_icon' => 'true',
2903 )
2904 ),
2905 'icon_spacing' => array(
2906 'label' => __pl('icon_space'),
2907 'type' => 'slider',
2908 'min' => 0,
2909 'max' => 100,
2910 'default' => 4,
2911 'screen' => 1,
2912 'css' => ['{{element}} .pagelayer-tooltip-icon' => 'margin-left:{{val}}px; margin-right:{{val}}px;'],
2913 'req' => array(
2914 'show_icon' => 'true',
2915 )
2916 ),
2917 'tooltip_icon_alignment' => array(
2918 'label' => __pl('tooltip_icon_alignment'),
2919 'type' => 'radio',
2920 'default' => 'right',
2921 'css' => ['{{element}} .pagelayer-tooltip-icon' => 'float: {{val}};'],
2922 'list' => array(
2923 'left' => __pl('left'),
2924 'right' => __pl('right'),
2925 ),
2926 'req' => array(
2927 'show_icon' => 'true',
2928 )
2929 )
2930 ],
2931 'styles' => [
2932 'icon_style' => __pl('icon'),
2933 'text_style' => __pl('text_style'),
2934 'tooltip_style' => __pl('tooltip_style'),
2935 ]
2936 )
2937 );
2938
2939
2940 ////////////////////////
2941 // Image Group
2942 ////////////////////////
2943
2944 // Image
2945 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_image', array(
2946 'name' => __pl('image'),
2947 'group' => 'image',
2948 'func' => 'pagelayer_sc_image',
2949 'innerHTML' => 'text',
2950 'html' => '<div class="pagelayer-image-holder">
2951 <a if-ext="{{link_type}}" class="pagelayer-ele-link" href="{{func_link}}" pagelayer-image-link-type="{{link_type}}">
2952 <img class="pagelayer-img" src="{{func_id}}" title="{{{id-title}}}" alt="{{{id-alt}}}" />
2953 <div if="{{overlay}}" class="pagelayer-image-overlay {{content_position}}">
2954 <div class="pagelayer-image-overlay-content">
2955 <i if="{{icon}}" class="pagelayer-image-overlay-icon fa fa-{{icon}}"></i>
2956 <div if="{{text}}" class="pagelayer-image-overlay-text">{{text}}</div>
2957 </div>
2958 </div>
2959 </a>
2960 </div>
2961 <p if="{{caption}}" class="pagelayer-image-caption">{{caption}}</p>',
2962 'params' => array(
2963 'id' => array(
2964 'label' => __pl('image_src_label'),
2965 'desc' => __pl('image_src_desc'),
2966 'type' => 'image',
2967 'default' => PAGELAYER_URL.'/images/default-image.png',
2968 ),
2969 'id-size' => array(
2970 'label' => __pl('obj_image_size_label'),
2971 'type' => 'select',
2972 'default' => 'full',
2973 'list' => array(
2974 'full' => __pl('full'),
2975 'large' => __pl('large'),
2976 'medium' => __pl('medium'),
2977 'thumbnail' => __pl('thumbnail'),
2978 'custom' => __pl('custom')
2979 )
2980 ),
2981 'custom_size' => array(
2982 'label' => __pl('image_custom_size_label'),
2983 'type' => 'text',
2984 'default' => '100x100',
2985 'sep' => 'x',
2986 'css' => ['{{element}} img' => 'width: {{val[0]}}px; height: {{val[1]}}px;'],
2987 'req' => array(
2988 'id-size' => 'custom'
2989 ),
2990 ),
2991 'align' => array(
2992 'label' => __pl('obj_align_label'),
2993 'type' => 'radio',
2994 'default' => 'center',
2995 'addAttr' => 'align="{{align}}"',
2996 'css' => ['{{element}} .pagelayer-image-holder' => 'text-align: {{val}}', '{{element}} .pagelayer-image-holder .pagelayer-image-overlay-content' => 'text-align: {{val}}'],
2997 'list' => array(
2998 'left' => __pl('left'),
2999 'center' => __pl('center'),
3000 'right' => __pl('right')
3001 )
3002 ),
3003 'max-width' => array(
3004 'label' => __pl('max-width-percent'),
3005 'type' => 'slider',
3006 'min' => 0,
3007 'max' => 100,
3008 'screen' => 1,
3009 'css' => ['{{element}} img' => 'max-width: {{val}}%'],
3010 ),
3011 'img_filter' => array(
3012 'type' => 'filter',
3013 'label' => __pl('filter'),
3014 'default' => '0,100,100,0,0,100,100',
3015 '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]}}%)'],
3016 ),
3017 'img_shadow' => array(
3018 'type' => 'shadow',
3019 'label' => __pl('shadow'),
3020 'screen' => 1,
3021 'css' => ['{{element}} img' => 'box-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}} !important;'],
3022 ),
3023 ),
3024 // Image related Styles
3025 'link_settings' => [
3026 'link_type' => array(
3027 'label' => __pl('image_link_label'),
3028 'type' => 'select',
3029 'default' => '',
3030 'list' => array(
3031 '' => __pl('none'),
3032 'custom_url' => __pl('custom_url'),
3033 'media_file' => __pl('media_file'),
3034 'lightbox' => __pl('lightbox')
3035 )
3036 ),
3037 'link' => array(
3038 'label' => __pl('image_link_label'),
3039 'desc' => __pl('image_link_desc'),
3040 'type' => 'link',
3041 'req' => array(
3042 'link_type' => 'custom_url'
3043 )
3044 ),
3045 'rel' => array(
3046 'label' => __pl('image_rel_label'),
3047 'type' => 'text',
3048 'default' => '',
3049 'addAttr' => ['{{element}} a' => 'rel="{{rel}}"'],
3050 'req' => array(
3051 'link_type' => 'media_file'
3052 )
3053 ),
3054 'target' => array(
3055 'label' => __pl('open_link_in_new_window'),
3056 'type' => 'checkbox',
3057 'addAttr' => ['{{element}} a' => 'target="_blank"'],
3058 'req' => array(
3059 'link_type' => ['custom_url', 'media_file']
3060 )
3061 ),
3062 ],
3063 // Caption related Styles
3064 'caption_style' => [
3065 'caption' => array(
3066 'label' => __pl('gallery_grid_caption_label'),
3067 'desc' => __pl('gallery_grid_caption_desc'),
3068 'type' => 'text',
3069 'edit' => '.pagelayer-image-caption'
3070 ),
3071 'caption_color' => array(
3072 'label' => __pl('Caption Color'),
3073 'type' => 'color',
3074 'default' => '#3E8EF7',
3075 'css' => ['{{element}} .pagelayer-image-caption' => 'color: {{val}}'],
3076 )
3077 ],
3078 'overlay_style' => [
3079 'overlay' => array(
3080 'label' => __pl('image_overlay_effect_label'),
3081 'desc' => __pl('image_overlay_effect_desc'),
3082 'type' => 'checkbox',
3083 ),
3084 'icon' => array(
3085 'label' => __pl('icon'),
3086 'type' => 'icon',
3087 'default' => 'star',
3088 'req' => array(
3089 'overlay' => 'true'
3090 )
3091 ),
3092 'icon_color' => array(
3093 'label' => __pl('icon_color'),
3094 'type' => 'color',
3095 'default' => '#e6cf03',
3096 'css' => ['{{element}} .pagelayer-image-overlay-icon' => 'color: {{val}}'],
3097 'req' => array(
3098 'overlay' => 'true'
3099 )
3100 ),
3101 'icon_size' => array(
3102 'label' => __pl('icon_custom_size'),
3103 'desc' => __pl('icon_custom_size_desc'),
3104 'type' => 'spinner',
3105 'min' => 0,
3106 'step' => 1,
3107 'max' => 500,
3108 'default' => 50,
3109 'screen' => 1,
3110 'css' => ['{{element}} .pagelayer-image-overlay-icon' => 'font-size: {{val}}px'],
3111 'req' => array(
3112 'overlay' => 'true'
3113 )
3114 ),
3115 'text' => array(
3116 'label' => __pl('content'),
3117 'type' => 'editor',
3118 'default' => '<p>Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s.</p>',
3119 'text' => __pl('open_in_pleditor'),
3120 'req' => array(
3121 'overlay' => 'true'
3122 )
3123 ),
3124 'overlay_bg' => array(
3125 'label' => __pl('image_overlay_background'),
3126 'type' => 'color',
3127 'default' => 'rgba(0,0,0,.6)',
3128 'css' => ['{{element}} .pagelayer-image-overlay' => 'background: {{val}}'],
3129 'req' => array(
3130 'overlay' => 'true'
3131 )
3132 ),
3133 'content_position' => array(
3134 'label' => __pl('Overlay Content Position'),
3135 'type' => 'radio',
3136 'default' => 'center',
3137 'screen' => 1,
3138 'css' => ['{{element}} .pagelayer-image-overlay' => 'display:-webkit-flex;display:flex;-webkit-align-items:{{val}}; align-items:{{val}};'],
3139 'list' => array(
3140 'flex-start' => __pl('Top'),
3141 'center' => __pl('Middle'),
3142 'flex-end' => __pl('Bottom'),
3143 ),
3144 'req' => array(
3145 'overlay' => 'true'
3146 )
3147 ),
3148 'show_always' => array(
3149 'label' => __pl('image_show_always'),
3150 'type' => 'checkbox',
3151 'screen' => 1,
3152 'css' => ['{{element}} .pagelayer-image-overlay' => 'opacity:1;'],
3153 'req' => array(
3154 'overlay' => 'true'
3155 )
3156 )
3157 ],
3158 'styles' => [
3159 'link_settings' => __pl('link_settings'),
3160 'caption_style' => __pl('caption_style'),
3161 'overlay_style' => __pl('overlay_style'),
3162 ],
3163 )
3164 );
3165
3166 // Image Slider
3167 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_image_slider', array(
3168 'name' => __pl('Image Slider'),
3169 'group' => 'image',
3170 'html' => '<div class="pagelayer-image-slider-div">
3171 <ul class="pagelayer-image-slider-ul pagelayer-owl-holder pagelayer-owl-carousel pagelayer-owl-theme">{{ul}}</ul>
3172 </div>',
3173 'func' => 'pagelayer_sc_image_slider',
3174 'settings' => [
3175 'params' => __pl('Image Slider'),
3176 'slider_options' => __pl('slider_options'),
3177 ],
3178 'params' => array(
3179 'ids' => array(
3180 'type' => 'multi_image',
3181 'label' => __pl('image_slider_ids_label'),
3182 'desc' => __pl('media_library_images_ids_desc'),
3183 'text' => __pl('image_slider_ids_text'),
3184 ),
3185 'size' => array(
3186 'type' => 'select',
3187 'label' => __pl('obj_image_size_label'),
3188 'default' => 'full',
3189 'list' => array(
3190 'full' => __pl('full'),
3191 'large' => __pl('large'),
3192 'medium' => __pl('medium'),
3193 'thumbnail' => __pl('thumbnail'),
3194 'custom' => __pl('custom')
3195 )
3196 ),
3197 'custom_size' => array(
3198 'type' => 'dimension',
3199 'label' => __pl('image_custom_size_label'),
3200 'default' => '200,200',
3201 'screen' => 1,
3202 'css' => ['{{element}} .pagelayer-image-slider-ul' => 'width: {{val[0]}}px; height: {{val[1]}}px;'],
3203 'req' => array(
3204 'size' => 'custom'
3205 ),
3206 ),
3207 'link_type' => array(
3208 'label' => __pl('image_link_label'),
3209 'type' => 'select',
3210 'list' => array(
3211 '' => __pl('none'),
3212 'custom_url' => __pl('custom_url'),
3213 'media_file' => __pl('media_file'),
3214 )
3215 ),
3216 'link' => array(
3217 'label' => __pl('image_link_url'),
3218 'desc' => __pl('image_link_desc'),
3219 'type' => 'link',
3220 'req' => array(
3221 'link_type' => 'custom_url'
3222 )
3223 ),
3224 'target' => array(
3225 'label' => __pl('open_link_in_new_window'),
3226 'type' => 'checkbox',
3227 'addAttr' => ['{{element}} a' => 'target="_blank"'],
3228 'req' => array(
3229 'link_type' => ['custom_url', 'media_file']
3230 )
3231 ),
3232 ),
3233 'slider_options' => [
3234 'slide_items' => array(
3235 'type' => 'spinner',
3236 'label' => __pl('number_of_items'),
3237 'min' => 1,
3238 'step' => 1,
3239 'max' => 10,
3240 'default' => 1,
3241 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-items="{{slide_items}}"'],
3242 ),
3243 'slider_animation' => array(
3244 'type' => 'select',
3245 'label' => __pl('animation_in'),
3246 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-in="{{slider_animation}}"'],
3247 'list' => $pagelayer->anim_in_options,
3248 'req' => ['slide_items' => '1']
3249 ),
3250 'slideout_anim' => array(
3251 'type' => 'select',
3252 'label' => __pl('animation_out'),
3253 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-animate-out="{{slideout_anim}}"'],
3254 'list' => $pagelayer->anim_out_options,
3255 'req' => ['slide_items' => '1']
3256 ),
3257 'controls' => array(
3258 'type' => 'select',
3259 'label' => __pl('slider_controls'),
3260 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-controls="{{controls}}"'],
3261 'list' => array(
3262 '' => __pl('Arrows and Pager'),
3263 'arrows' => __pl('Arrows'),
3264 'pager' => __pl('Pager'),
3265 'none' => __pl('none'),
3266 )
3267 ),
3268 'pause' => array(
3269 'type' => 'slider',
3270 'label' => __pl('image_slider_slideshow_speed_label'),
3271 'default' => 5000,
3272 'min' => 200,
3273 'max' => 20000,
3274 'step' => 100,
3275 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-timeout="{{pause}}"'],
3276 ),
3277 'speed' => array(
3278 'type' => 'slider',
3279 'label' => __pl('slider_animation_speed'),
3280 'addAttr' => ['.pagelayer-image-slider-ul' => 'data-slides-smart-speed="{{speed}}"'],
3281 'default' => 800,
3282 'min' => 200,
3283 'max' => 10000,
3284 'step' => 100
3285 ),
3286 'loop' => array(
3287 'type' => 'checkbox',
3288 'label' => __pl('image_slider_loop'),
3289 'desc' => __pl('image_slider_loop_desc'),
3290 'default' => 'true',
3291 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-loop="{{loop}}"'],
3292 ),
3293 'adaptive_height' => array(
3294 'type' => 'checkbox',
3295 'label' => __pl('slider_height'),
3296 'desc' => __pl('slider_height_desc'),
3297 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-auto-height="{{adaptive_height}}"'],
3298 ),
3299 'auto' => array(
3300 'type' => 'checkbox',
3301 'label' => __pl('image_slider_auto'),
3302 'desc' => __pl('image_slider_auto_desc'),
3303 'default' => 'true',
3304 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay="{{auto}}"'],
3305 ),
3306 'auto_hover' => [
3307 'type' => 'checkbox',
3308 'label' => __pl('auto_hover'),
3309 'desc' => __pl('auto_hover_desc'),
3310 'default' => 'true',
3311 'addAttr' => ['{{element}} .pagelayer-owl-holder' => 'data-slides-autoplay-hover-pause="{{auto_hover}}"'],
3312 ],
3313 ],
3314 'arrow_styles' => $pagelayer->slider_arrow_styles,
3315 'pager_styles' => $pagelayer->slider_pager_styles,
3316 'styles' => [
3317 'slider_options' => __pl('slider_options'),
3318 'arrow_styles' => __pl('arrow_styles'),
3319 'pager_styles' => __pl('pager_styles'),
3320 ],
3321 )
3322 );
3323
3324 // Grid Gallery
3325 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_grid_gallery', array(
3326 'name' => __pl('Grid Gallery'),
3327 'group' => 'image',
3328 'func' => 'pagelayer_sc_grid_gallery',
3329 'html' => '<div class="pagelayer-grid-gallery-container">
3330 {{ul}}
3331 </div>',
3332 'params' => array(
3333 'ids' => array(
3334 'type' => 'multi_image',
3335 'label' => __pl('grid_gallery_images'),
3336 'desc' => __pl('media_library_images_ids_desc'),
3337 'text' => __pl('image_slider_ids_text'),
3338 ),
3339 'columns' => array(
3340 'type' => 'select',
3341 'label' => __pl('columns_count'),
3342 'default' => 3,
3343 'screen' => 1,
3344 'css' => ['{{element}} .pagelayer-grid-gallery-ul' => 'display: grid; grid-template-columns: repeat({{val}},1fr);'],
3345 'list' => array(
3346 1 => __pl('1'),
3347 2 => __pl('2'),
3348 3 => __pl('3'),
3349 4 => __pl('4'),
3350 5 => __pl('5'),
3351 6 => __pl('6'),
3352 7=> __pl('7'),
3353 8 => __pl('8'),
3354 9 => __pl('9'),
3355 10 => __pl('10')
3356 )
3357 ),
3358 'col_gap' => array(
3359 'type' => 'slider',
3360 'label' => __pl('col_gap'),
3361 'min' => 0,
3362 'step' => 1,
3363 'max' => 100,
3364 'default' => 0,
3365 'screen' => 1,
3366 'css' => ['{{element}} .pagelayer-grid-gallery-ul' => 'grid-column-gap: {{val}}px;'],
3367 ),
3368 'row_gap' => array(
3369 'type' => 'slider',
3370 'label' => __pl('row_gap'),
3371 'min' => 0,
3372 'step' => 1,
3373 'max' => 100,
3374 'default' => 0,
3375 'screen' => 1,
3376 'css' => ['{{element}} .pagelayer-grid-gallery-ul' => 'grid-row-gap: {{val}}px;'],
3377 ),
3378 'size' => array(
3379 'type' => 'select',
3380 'label' => __pl('obj_image_size_label'),
3381 'default' => 'thumbnail',
3382 'list' => array(
3383 'full' => __pl('full'),
3384 'large' => __pl('large'),
3385 'medium' => __pl('medium'),
3386 'thumbnail' => __pl('thumbnail'),
3387 'custom' => __pl('custom')
3388 )
3389 ),
3390 'custom_size' => array(
3391 'type' => 'dimension',
3392 'desc' => __pl('image_custom_size_label'),
3393 'req' => array(
3394 'size' => 'custom'
3395 ),
3396 'screen' => 1,
3397 'css' => ['{{element}} .pagelayer-gallery-item img' => 'height: {{val[0]}}px; width: {{val[1]}}px;'],
3398 ),
3399 'link_to' => array(
3400 'type' => 'select',
3401 'label' => __pl('image_link_label'),
3402 'default' => 'lightbox',
3403 'list' => array(
3404 '' => __pl('none'),
3405 'media_file' => __pl('media_file'),
3406 'attachment' => __pl('attachment_page'),
3407 'lightbox' => __pl('lightbox'),
3408 )
3409 ),
3410 'rel' => array(
3411 'type' => 'text',
3412 'label' => __pl('image_rel_label'),
3413 'default' => '',
3414 'addAttr' => ['{{element}} a' => 'rel="{{rel}}"'],
3415 'req' => array(
3416 'link_to' => 'media_file'
3417 )
3418 ),
3419 'target' => array(
3420 'type' => 'checkbox',
3421 'label' => __pl('open_link_in_new_window'),
3422 'addAttr' => ['{{element}} a' => 'target="_blank"'],
3423 'req' => array(
3424 '!link_to' => ['lightbox', '']
3425 )
3426 ),
3427 'caption' => array(
3428 'type' => 'checkbox',
3429 'label' => __pl('gallery_grid_caption_label'),
3430 'desc' => __pl('gallery_grid_caption_desc'),
3431 'default' => '',
3432 ),
3433 'align' => array(
3434 'label' => __pl('obj_align_label'),
3435 'type' => 'radio',
3436 'default' => 'left',
3437 'addAttr' => 'align="{{align}}"',
3438 'css' => ['{{element}} .pagelayer-grid-gallery-container' => 'text-align: {{val}}', '{{element}} .pagelayer-grid-gallery-container .pagelayer-grid-gallery-ul' => 'text-align: {{val}}'],
3439 'list' => array(
3440 'left' => __pl('left'),
3441 'center' => __pl('center'),
3442 'right' => __pl('right')
3443 )
3444 ),
3445 'caption_color' => array(
3446 'label' => __pl('Caption Color'),
3447 'type' => 'color',
3448 'default' => '#e6cf03',
3449 'css' => ['{{element}} .pagelayer-grid-gallery-caption' => 'color: {{val}}'],
3450 'req' => array(
3451 'caption' => 'true'
3452 )
3453 )
3454 )
3455 )
3456 );
3457
3458
3459
3460 ////////////////////////
3461 // Button Group
3462 ////////////////////////
3463
3464 // Button
3465 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_btn', array(
3466 'name' => __pl('button'),
3467 'group' => 'button',
3468 'func' => 'pagelayer_sc_btn',
3469 'html' => '<a class="pagelayer-btn-holder pagelayer-ele-link {{type}} {{size}} {{icon_position}}">
3470 <i if="{{icon}}" class="fa fa-{{icon}} pagelayer-btn-icon"></i>
3471 <span if="{{text}}" class="pagelayer-btn-text">{{text}}</span>
3472 <i if="{{icon}}" class="fa fa-{{icon}} pagelayer-btn-icon"></i>
3473 </a>',
3474 'params' => array(
3475 'text' => array(
3476 'type' => 'text',
3477 'label' => __pl('button_text_label'),
3478 'default' => __pl('button_name')
3479 ),
3480 'link' => array(
3481 'type' => 'link',
3482 'label' => __pl('button_link_label'),
3483 'desc' => __pl('button_link_desc'),
3484 'addAttr' => ['{{element}} .pagelayer-btn-holder' => 'href="{{link}}"']
3485 ),
3486 'target' => array(
3487 'type' => 'checkbox',
3488 'label' => __pl('open_link_in_new_window'),
3489 'addAttr' => ['{{element}} a' => 'target="_blank"']
3490 ),
3491 'full_width' => array(
3492 'type' => 'checkbox',
3493 'label' => __pl('stretch'),
3494 'screen' => 1,
3495 'css' => ['{{element}} a' => 'width: 100%; text-align: center;']
3496 ),
3497 'btn_typo' => array(
3498 'type' => 'typography',
3499 'label' => __pl('quote_content_typo'),
3500 'screen' => 1,
3501 'css' => [
3502 '{{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;',
3503 '{{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;',
3504 ],
3505 ),
3506 'align' => array(
3507 'type' => 'radio',
3508 'label' => __pl('obj_align_label'),
3509 'default' => 'left',
3510 'screen' => 1,
3511 'css' => 'text-align: {{val}}',
3512 'list' => array(
3513 'left' => __pl('left'),
3514 'center' => __pl('center'),
3515 'right' => __pl('right')
3516 ),
3517 'req' => array(
3518 'full_width' => ''
3519 )
3520 ),
3521 ),
3522 'icon_style' => [
3523 'icon' => array(
3524 'type' => 'icon',
3525 'label' => __pl('service_box_font_icon_label'),
3526 'default' => '',
3527 ),
3528 'icon_position' => array(
3529 'type' => 'radio',
3530 'label' => __pl('alignment'),
3531 'default' => 'pagelayer-btn-icon-left',
3532 'list' => array(
3533 'pagelayer-btn-icon-left' => __pl('left'),
3534 'pagelayer-btn-icon-right' => __pl('right')
3535 ),
3536 ),
3537 'icon_spacing' => array(
3538 'type' => 'slider',
3539 'label' => __pl('icon_spacing'),
3540 'min' => 1,
3541 'step' => 1,
3542 'max' => 100,
3543 'default' => 5,
3544 'screen' => 1,
3545 'css' => ['{{element}} .pagelayer-btn-icon' => 'padding: 0 {{val}}px;'],
3546 'req' => array(
3547 '!icon' => 'none'
3548 ),
3549 ),
3550 ],
3551 'btn_style' => [
3552 'type' => array(
3553 'type' => 'select',
3554 'label' => __pl('button_type_label'),
3555 'default' => 'pagelayer-btn-default',
3556 //'addClass' => ['{{element}} .pagelayer-btn-holder' => '{{val}}'],
3557 'list' => array(
3558 'pagelayer-btn-default' => __pl('btn_type_default'),
3559 'pagelayer-btn-primary' => __pl('btn_type_primary'),
3560 'pagelayer-btn-secondary' => __pl('btn_type_secondary'),
3561 'pagelayer-btn-success' => __pl('btn_type_success'),
3562 'pagelayer-btn-info' => __pl('btn_type_info'),
3563 'pagelayer-btn-warning' => __pl('btn_type_warning'),
3564 'pagelayer-btn-danger' => __pl('btn_type_danger'),
3565 'pagelayer-btn-dark' => __pl('btn_type_dark'),
3566 'pagelayer-btn-light' => __pl('btn_type_light'),
3567 'pagelayer-btn-link' => __pl('btn_type_link'),
3568 'pagelayer-btn-custom' => __pl('btn_type_custom')
3569 ),
3570 ),
3571 'size' => array(
3572 'type' => 'select',
3573 'label' => __pl('button_size_label'),
3574 'default' => 'pagelayer-btn-large',
3575 'list' => array(
3576 'pagelayer-btn-mini' => __pl('mini'),
3577 'pagelayer-btn-small' => __pl('small'),
3578 'pagelayer-btn-large' => __pl('large'),
3579 'pagelayer-btn-extra-large' => __pl('extra_large'),
3580 'pagelayer-btn-double-large' => __pl('double_large'),
3581 'pagelayer-btn-custom' => __pl('custom'),
3582 )
3583 ),
3584 'btn_custom_size' => array(
3585 'type' => 'spinner',
3586 'label' => __pl('btn_custom_size'),
3587 'min' => 1,
3588 'step' => 1,
3589 'max' => 100,
3590 'default' => 5,
3591 'screen' => 1,
3592 'css' => ['{{element}} .pagelayer-btn-holder' => 'padding: calc({{val}}px / 2) {{val}}px;'],
3593 'req' => array(
3594 'size' => 'pagelayer-btn-custom'
3595 ),
3596 ),
3597 'btn_hover' => array(
3598 'type' => 'radio',
3599 'label' => __pl('state'),
3600 'default' => '',
3601 //'no_val' => 1,// Dont set any value to element
3602 'list' => array(
3603 '' => __pl('normal'),
3604 'hover' => __pl('hover'),
3605 ),
3606 'req' => array(
3607 'type' => 'pagelayer-btn-custom',
3608 ),
3609 ),
3610 'btn_bg_color' => array(
3611 'type' => 'color',
3612 'label' => __pl('btn_bg_color_label'),
3613 'default' => '#3e8ef7',
3614 'css' => ['{{element}} .pagelayer-btn-holder' => 'background-color: {{val}};'],
3615 'req' => array(
3616 'type' => 'pagelayer-btn-custom',
3617 ),
3618 'show' => array(
3619 'btn_hover' => ''
3620 ),
3621 ),
3622 'btn_color' => array(
3623 'type' => 'color',
3624 'label' => __pl('btn_color_label'),
3625 'default' => '#ffffff',
3626 'css' => ['{{element}} .pagelayer-btn-holder' => 'color: {{val}};'],
3627 'req' => array(
3628 'type' => 'pagelayer-btn-custom',
3629 ),
3630 'show' => array(
3631 'btn_hover' => ''
3632 ),
3633 ),
3634 'btn_hover_delay' => array(
3635 'type' => 'spinner',
3636 'label' => __pl('btn_hover_delay_label'),
3637 'desc' => __pl('btn_hover_delay_desc'),
3638 'min' => 0,
3639 'step' => 100,
3640 'max' => 5000,
3641 'default' => 400,
3642 'css' => ['{{element}} .pagelayer-btn-holder' => '-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'],
3643 'show' => array(
3644 'btn_hover' => 'hover'
3645 ),
3646 ),
3647 'btn_bg_color_hover' => array(
3648 'type' => 'color',
3649 'label' => __pl('btn_bg_color_hover_label'),
3650 'default' => '',
3651 'css' => ['{{element}} .pagelayer-btn-holder:hover' => 'background-color: {{val}};'],
3652 'req' => array(
3653 'type' => 'pagelayer-btn-custom',
3654 ),
3655 'show' => array(
3656 'btn_hover' => 'hover'
3657 ),
3658 ),
3659 'btn_color_hover' => array(
3660 'type' => 'color',
3661 'label' => __pl('btn_color_hover_label'),
3662 'default' => '',
3663 'css' => ['{{element}} .pagelayer-btn-holder:hover' => 'color: {{val}};'],
3664 'req' => array(
3665 'type' => 'pagelayer-btn-custom',
3666 ),
3667 'show' => array(
3668 'btn_hover' => 'hover'
3669 ),
3670 ),
3671 ],
3672 'border_style' => [
3673 'btn_bor_hover' => array(
3674 'type' => 'radio',
3675 'label' => __pl('state'),
3676 'default' => '',
3677 //'no_val' => 1,// Dont set any value to element
3678 'list' => array(
3679 '' => __pl('normal'),
3680 'hover' => __pl('hover'),
3681 )
3682 ),
3683 'btn_border_type' => array(
3684 'type' => 'select',
3685 'label' => __pl('border_type'),
3686 'css' => ['{{element}} .pagelayer-btn-holder' => 'border-style: {{val}}'],
3687 'list' => [
3688 '' => __pl('none'),
3689 'solid' => __pl('solid'),
3690 'double' => __pl('double'),
3691 'dotted' => __pl('dotted'),
3692 'dashed' => __pl('dashed'),
3693 'groove' => __pl('groove'),
3694 ],
3695 'show' => array(
3696 'btn_bor_hover' => ''
3697 ),
3698 ),
3699 'btn_border_color' => array(
3700 'type' => 'color',
3701 'label' => __pl('border_color_label'),
3702 'default' => '#42414f',
3703 'css' => ['{{element}} .pagelayer-btn-holder' => 'border-color: {{val}};'],
3704 'req' => array(
3705 '!btn_border_type' => ''
3706 ),
3707 'show' => array(
3708 'btn_bor_hover' => ''
3709 ),
3710 ),
3711 'btn_border_width' => array(
3712 'type' => 'padding',
3713 'label' => __pl('border_width'),
3714 'screen' => 1,
3715 'css' => ['{{element}} .pagelayer-btn-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'],
3716 'req' => [
3717 '!btn_border_type' => ''
3718 ],
3719 'show' => array(
3720 'btn_bor_hover' => ''
3721 ),
3722 ),
3723 'btn_border_radius' => array(
3724 'type' => 'padding',
3725 'label' => __pl('border_radius'),
3726 'screen' => 1,
3727 'css' => ['{{element}} .pagelayer-btn-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;'],
3728 'req' => array(
3729 '!btn_border_type' => ''
3730 ),
3731 'show' => array(
3732 'btn_bor_hover' => ''
3733 ),
3734 ),
3735 'btn_border_type_hover' => array(
3736 'type' => 'select',
3737 'label' => __pl('border_type'),
3738 'css' => ['{{element}} .pagelayer-btn-holder:hover' => 'border-style: {{val}}'],
3739 'list' => [
3740 '' => __pl('none'),
3741 'solid' => __pl('solid'),
3742 'double' => __pl('double'),
3743 'dotted' => __pl('dotted'),
3744 'dashed' => __pl('dashed'),
3745 'groove' => __pl('groove'),
3746 ],
3747 'show' => array(
3748 'btn_bor_hover' => 'hover'
3749 ),
3750 ),
3751 'btn_border_color_hover' => array(
3752 'type' => 'color',
3753 'label' => __pl('border_color_hover_label'),
3754 'default' => '#42414f',
3755 'css' => ['{{element}} .pagelayer-btn-holder:hover' => 'border-color: {{val}};'],
3756 'req' => array(
3757 '!btn_border_type_hover' => ''
3758 ),
3759 'show' => array(
3760 'btn_bor_hover' => 'hover'
3761 ),
3762 ),
3763 'btn_border_width_hover' => array(
3764 'type' => 'padding',
3765 'label' => __pl('border_width_hover'),
3766 'screen' => 1,
3767 'css' => ['{{element}} .pagelayer-btn-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'],
3768 'req' => [
3769 '!btn_border_type_hover' => ''
3770 ],
3771 'show' => array(
3772 'btn_bor_hover' => 'hover'
3773 ),
3774 ),
3775 'btn_border_radius_hover' => array(
3776 'type' => 'padding',
3777 'label' => __pl('border_radius_hover'),
3778 'screen' => 1,
3779 'css' => ['{{element}} .pagelayer-btn-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;'],
3780 'req' => array(
3781 '!btn_border_type_hover' => ''
3782 ),
3783 'show' => array(
3784 'btn_bor_hover' => 'hover'
3785 ),
3786 ),
3787 ],
3788 'styles' => [
3789 'btn_style' => __pl('btn_style'),
3790 'icon_style' => __pl('icon'),
3791 'border_style' => __pl('border_style'),
3792 ]
3793 )
3794 );
3795
3796
3797 // Social Profile Item
3798 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_social', array(
3799 'name' => __pl('Social Profile'),
3800 'group' => 'button',
3801 'func' => 'pagelayer_sc_social',
3802 'not_visible' => 1,
3803 'html' => '<div class="pagelayer-icon-holder pagelayer-{{icon}}-icon">
3804 <a if-ext="{{social_url}}" class="pagelayer-ele-link" href="{{social_url}}">
3805 <i class="pagelayer-social-fa fa fa-{{icon}}"></i>
3806 </a>
3807 </div>',
3808 'params' => array(
3809 'icon' => array(
3810 'type' => 'icon',
3811 'label' => __pl('list_icon_label'),
3812 'default' => 'facebook-official',
3813 'list' => ['facebook', 'facebook-official', 'facebook-square', 'twitter', 'twitter-square', 'google-plus', 'google-plus-square', 'instagram', 'linkedin', 'linkedin-square', '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-square', 'stumbleupon', 'telegram', 'thumb-tack', 'tripadvisor', 'tumblr', 'tumblr-square', 'twitch', 'vimeo', 'vimeo-square', 'vk', 'weibo', 'weixin', 'whatsapp', 'wordpress', 'xing', 'xing-square', 'yelp', 'youtube', 'youtube-square', 'youtube-play', '500px', 'flickr', 'android', 'github', 'github-square', 'gitlab', 'apple', 'jsfiddle', 'houzz', 'bitbucket', 'bitbucket-square', 'codepen', 'delicious', 'medium', 'meetup', 'mixcloud', 'dribbble', 'foursquare'],
3814 ),
3815 'social_url' => array(
3816 'type' => 'link',
3817 'label' => __pl('social_url_label')
3818 )
3819 )
3820 )
3821 );
3822
3823 // Social Profile
3824 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_social_grp', array(
3825 'name' => __pl('Social Profile'),
3826 'group' => 'button',
3827 'func' => 'pagelayer_sc_social_grp',
3828 'has_group' => [
3829 'section' => 'params',
3830 'prop' => 'elements'
3831 ],
3832 'params' => array(
3833 'elements' => array(
3834 'type' => 'group',
3835 'label' => __pl('social'),
3836 'sc' => PAGELAYER_SC_PREFIX.'_social',
3837 'item_label' => array(
3838 'default' => __pl('social'),
3839 'param' => 'icon'
3840 ),
3841 'count' => 3,
3842 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('social_name'))),
3843 ),
3844 ),
3845 'layout_style' => [
3846 'bg_shape' => array(
3847 'type' => 'select',
3848 'label' => __pl('icon_background_shape'),
3849 'default' => '',
3850 'css' => ['{{element}} .fa' => 'height:1em; width:1em; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);',
3851 '{{element}} .pagelayer-icon-holder' => 'position: relative; min-height: 1em; min-width: 1em;'],
3852 'addClass' => '{{val}}',
3853 'list' => array(
3854 '' => __pl('icon_shape_none'),
3855 'pagelayer-social-shape-circle' => __pl('icon_shape_circle'),
3856 'pagelayer-social-shape-square' => __pl('icon_shape_square'),
3857 'pagelayer-social-shape-rounded' => __pl('icon_shape_rounded')
3858 ),
3859 ),
3860 'bg_size' => array(
3861 'type' => 'spinner',
3862 'label' => __pl('social_grp_size_label'),
3863 'css' => ['{{element}} .pagelayer-icon-holder' => 'padding: calc(0.5em + {{val}}px);'],
3864 'min' => 1,
3865 'step' => 1,
3866 'max' => 500,
3867 'default' => 10,
3868 'screen' => 1,
3869 'req' => array(
3870 '!bg_shape' => ''
3871 )
3872 ),
3873 'align' => array(
3874 'type' => 'radio',
3875 'label' => __pl('obj_align_label'),
3876 'default' => 'center',
3877 'css' => 'text-align: {{val}}',
3878 'screen' => 1,
3879 'list' => array(
3880 'left' => __pl('left'),
3881 'center' => __pl('center'),
3882 'right' => __pl('right')
3883 )
3884 ),
3885 'group_layout' => array(
3886 'type' => 'radio',
3887 'label' => __pl('layout'),
3888 'default' => 'pagelayer-btn-grp-horizontal',
3889 'screen' => 1,
3890 'css' => ['{{element}} > div' => 'display: inline-block;'],
3891 'list' => array(
3892 'pagelayer-btn-grp-horizontal' => __pl('horizontal'),
3893 '' => __pl('vertical')
3894 )
3895 ),
3896 'icon_spacing' => array(
3897 'type' => 'spinner',
3898 'label' => __pl('icon_spacing'),
3899 'css' => ['{{element}} .pagelayer-social' => 'padding: {{val}}px;'],
3900 'min' => 0,
3901 'step' => 1,
3902 'max' => 100,
3903 'default' => 3,
3904 'screen' => 1,
3905 )
3906 ],
3907 'icon_style' => [
3908 'icon_size' => array(
3909 'type' => 'spinner',
3910 'label' => __pl('social_grp_size_label'),
3911 'css' => ['{{element}} .pagelayer-social-fa' => 'font-size: {{val}}px;',
3912 '{{element}} .pagelayer-icon-holder' => 'font-size: {{val}}px;'],
3913 'min' => 1,
3914 'step' => 1,
3915 'max' => 500,
3916 'default' => 40,
3917 'screen' => 1,
3918 ),
3919 'color_scheme' => array(
3920 'type' => 'select',
3921 'label' => __pl('color'),
3922 'default' => 'pagelayer-scheme-official',
3923 'addClass' => '{{val}}',
3924 'list' => array(
3925 '' => __pl('custom'),
3926 'pagelayer-scheme-official' => __pl('official')
3927 )
3928 ),
3929 'social_hover' => array(
3930 'type' => 'radio',
3931 'label' => __pl('state'),
3932 'default' => '',
3933 //'no_val' => 1,// Dont set any value to element
3934 'list' => array(
3935 '' => __pl('normal'),
3936 'hover' => __pl('hover'),
3937 )
3938 ),
3939 'icon_color' => array(
3940 'type' => 'color',
3941 'label' => __pl('social_color_label'),
3942 'default' => '#333333',
3943 'css' => ['{{element}} .pagelayer-social-fa' => 'color: {{val}} !important;'],
3944 'req' => array(
3945 'color_scheme' => ''
3946 ),
3947 'show' => ['social_hover' => '']
3948 ),
3949 'icon_bg_color' => array(
3950 'type' => 'color',
3951 'label' => __pl('social_bg_color_label'),
3952 'default' => '#3E8EF7',
3953 'css' => ['{{element}} .pagelayer-icon-holder' => 'background-color: {{val}} !important;'],
3954 'req' => array(
3955 '!bg_shape' => '',
3956 'color_scheme' => ''
3957 ),
3958 'show' => ['social_hover' => '']
3959 ),
3960 'icon_border_type' => array(
3961 'type' => 'select',
3962 'label' => __pl('border_type'),
3963 'css' => ['{{element}} .pagelayer-icon-holder' => 'border-style: {{val}}'],
3964 'list' => [
3965 '' => __pl('none'),
3966 'solid' => __pl('solid'),
3967 'double' => __pl('double'),
3968 'dotted' => __pl('dotted'),
3969 'dashed' => __pl('dashed'),
3970 'groove' => __pl('groove'),
3971 ],
3972 'show' => ['social_hover' => '']
3973 ),
3974 'icon_border_color' => array(
3975 'type' => 'color',
3976 'label' => __pl('service_box_icon_border_color_label'),
3977 'default' => '#42414f',
3978 'css' => ['{{element}} .pagelayer-icon-holder' => 'border-color: {{val}};'],
3979 'req' => array(
3980 '!icon_border_type' => ''
3981 ),
3982 'show' => ['social_hover' => '']
3983 ),
3984 'icon_border_width' => array(
3985 'type' => 'padding',
3986 'label' => __pl('border_width'),
3987 'screen' => 1,
3988 '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'],
3989 'req' => [
3990 '!icon_border_type' => ''
3991 ],
3992 'show' => ['social_hover' => '']
3993 ),
3994 'icon_border_radius' => array(
3995 'type' => 'padding',
3996 'label' => __pl('border_radius'),
3997 'screen' => 1,
3998 '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;'],
3999 'req' => array(
4000 '!icon_border_type' => ''
4001 ),
4002 'show' => ['social_hover' => '']
4003 ),
4004 'social_hover_delay' => array(
4005 'type' => 'spinner',
4006 'label' => __pl('btn_hover_delay_label'),
4007 'desc' => __pl('btn_hover_delay_desc'),
4008 'min' => 0,
4009 'step' => 100,
4010 'max' => 5000,
4011 'default' => 400,
4012 'screen' => 1,
4013 'css' => ['{{element}} .pagelayer-icon-holder' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;',
4014 '{{element}} .pagelayer-social-fa' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
4015 'show' => array(
4016 'social_hover' => 'hover'
4017 ),
4018 ),
4019 'anim_hover' => array(
4020 'type' => 'select',
4021 'label' => __pl('icon_animation'),
4022 'list' => [
4023 '' => __pl('none'),
4024 'grow' => __pl('Grow'),
4025 'shrink' => __pl('Shrink'),
4026 'pulse' => __pl('Pulse'),
4027 'pulse-grow' => __pl('Pulse Grow'),
4028 'pulse-shrink' => __pl('Pulse Shrink'),
4029 'push' => __pl('Push'),
4030 'pop' => __pl('Pop'),
4031 'buzz' => __pl('Buzz'),
4032 'buzz-out' => __pl('Buzz Out'),
4033 'float' => __pl('Float'),
4034 'sink' => __pl('Sink'),
4035 'bob' => __pl('Bob'),
4036 'hang' => __pl('Hang'),
4037 'bounce-in' => __pl('Bounce In'),
4038 'bounce-out' => __pl('Bounce Out'),
4039 'rotate' => __pl('Rotate'),
4040 'grow-rotate' => __pl('Grow Rotate'),
4041 'skew-forward' => __pl('Skew Forward'),
4042 'skew-backward' => __pl('Skew Backward'),
4043 'wobble-vertical' => __pl('Wobble Vertical'),
4044 'wobble-horizontal' => __pl('Wobble Horizontal'),
4045 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'),
4046 'wobble-top-to-right' => __pl('Wobble Top To Right'),
4047 'wobble-top' => __pl('Wobble Top'),
4048 'wobble-bottom' => __pl('Wobble Bottom'),
4049 'wobble-skew' => __pl('Wobble Skew'),
4050 ],
4051 'show' => array(
4052 'social_hover' => 'hover',
4053 ),
4054 'addAttr' => 'pagelayer-animation="{{anim_hover}}"',
4055 ),
4056 'icon_color_hover' => array(
4057 'type' => 'color',
4058 'label' => __pl('social_color_label'),
4059 'default' => '#ffffff',
4060 'css' => ['{{element}} .pagelayer-icon-holder:hover .pagelayer-social-fa' => 'color: {{val}} !important;'],
4061 'req' => array(
4062 'color_scheme' => ''
4063 ),
4064 'show' => ['social_hover' => 'hover']
4065 ),
4066 'icon_bg_color_hover' => array(
4067 'type' => 'color',
4068 'label' => __pl('social_bg_color_label'),
4069 'default' => '#3E8EF7',
4070 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'background-color: {{val}} !important;'],
4071 'req' => array(
4072 '!bg_shape' => '',
4073 'color_scheme' => ''
4074 ),
4075 'show' => ['social_hover' => 'hover']
4076 ),
4077 'icon_border_type_hover' => array(
4078 'type' => 'select',
4079 'label' => __pl('border_type'),
4080 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'border-style: {{val}}'],
4081 'list' => [
4082 '' => __pl('none'),
4083 'solid' => __pl('solid'),
4084 'double' => __pl('double'),
4085 'dotted' => __pl('dotted'),
4086 'dashed' => __pl('dashed'),
4087 'groove' => __pl('groove'),
4088 ],
4089 'show' => ['social_hover' => 'hover']
4090 ),
4091 'icon_border_color_hover' => array(
4092 'type' => 'color',
4093 'label' => __pl('border_color_hover_label'),
4094 'default' => '#42414f',
4095 'css' => ['{{element}} .pagelayer-icon-holder:hover' => 'border-color: {{val}};'],
4096 'req' => array(
4097 '!icon_border_type_hover' => ''
4098 ),
4099 'show' => ['social_hover' => 'hover']
4100 ),
4101 'icon_border_width_hover' => array(
4102 'type' => 'padding',
4103 'label' => __pl('border_width_hover'),
4104 'screen' => 1,
4105 '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'],
4106 'req' => [
4107 '!icon_border_type_hover' => ''
4108 ],
4109 'show' => ['social_hover' => 'hover']
4110 ),
4111 'icon_border_radius_hover' => array(
4112 'type' => 'padding',
4113 'label' => __pl('border_radius_hover'),
4114 'screen' => 1,
4115 '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;'],
4116 'req' => array(
4117 '!icon_border_type_hover' => ''
4118 ),
4119 'show' => ['social_hover' => 'hover']
4120 ),
4121 ],
4122 'styles' => [
4123 'layout_style' => __pl('layout_style'),
4124 'icon_style' => __pl('icon'),
4125 ]
4126 )
4127 );
4128
4129 ////////////////////////
4130 // Media Group
4131 ////////////////////////
4132
4133 // Video
4134 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_video', array(
4135 'name' => __pl('video'),
4136 'group' => 'media',
4137 'func' => 'pagelayer_sc_video',
4138 'html' => '<div class="pagelayer-video-holder pagelayer-video-{{video_ratio}}">
4139 <iframe if="{{src}}" id="embed_video" class="pagelayer-video-iframe" width="100%" height="auto" src="{{vid_src}}"></iframe>
4140 <a if-ext={{lightbox}} href="{{{src-url}}}">
4141 <div if={{overlay}} class="pagelayer-video-overlay" style="background-image:url({{video_overlay_image-url}});">
4142 <i class="fa fa-{{play_icon}}" aria-hidden="true"></i>
4143 </div>
4144 </a>
4145 </div>',
4146 'params' => array(
4147 'src' => array(
4148 'type' => 'video',
4149 'label' => __pl('video_src_label'),
4150 'default' => 'https://www.youtube.com/watch?v=VT7WfVp1owQ',
4151 'desc' => __pl('video_src_desc'),
4152 ),
4153 'lightbox' => array(
4154 'type' => 'checkbox',
4155 'label' => __pl('Lightbox'),
4156 'desc' => __pl('Open the video on Lightbox'),
4157 'default' => '',
4158 ),
4159 'autoplay' => array(
4160 'type' => 'checkbox',
4161 'label' => __pl('Autoplay'),
4162 'req' => [
4163 '!overlay' => 'true',
4164 '!lightbox' => 'true',
4165 ],
4166 ),
4167 'mute' => array(
4168 'type' => 'checkbox',
4169 'label' => __pl('Mute'),
4170 ),
4171 'loop' => array(
4172 'type' => 'checkbox',
4173 'label' => __pl('loop'),
4174 ),
4175 'video_ratio' => array(
4176 'type' => 'select',
4177 'label' => __pl('aspect_ratio'),
4178 'default' => 'aspect-8-5',
4179 'list' => array(
4180 'aspect-1-1' => __pl('1:1'),
4181 'aspect-3-2' => __pl('3:2'),
4182 'aspect-4-3' => __pl('4:3'),
4183 'aspect-8-5' => __pl('8:5'),
4184 'aspect-16-9' => __pl('16:9'),
4185 ),
4186 ),
4187 ),
4188 'overlay_style' =>[
4189 'overlay' => array(
4190 'type' => 'checkbox',
4191 'label' => __pl('Overlay'),
4192 'desc' => __pl('Enable this option to set the picture as overlay'),
4193 'default' => '',
4194 ),
4195 'video_overlay_image' => array(
4196 'type' => 'image',
4197 'label' => __pl('Custom thumbnail'),
4198 'default' => PAGELAYER_URL.'/images/default-image.png',
4199 'desc' => __pl('Use this option to set a picture from the media library'),
4200 'req' => array(
4201 'overlay' => 'true',
4202 ),
4203 ),
4204 'play_icon' => array(
4205 'type' => 'icon',
4206 'label' => __pl('list_icon_label'),
4207 'default' => 'play-circle',
4208 'req' => array(
4209 'overlay' => 'true'
4210 )
4211 ),
4212 'icon_color' => array(
4213 'type' => 'color',
4214 'label' => __pl('service_heading_color'),
4215 'default' => '#3e8ef7',
4216 'css' => ['{{element}} .pagelayer-video-overlay i' => 'color:{{val}}'],
4217 'req' => array(
4218 'overlay' => 'true'
4219 )
4220 ),
4221 'icon_size' => array(
4222 'type' => 'spinner',
4223 'label' => __pl('size'),
4224 'min' => '0',
4225 'max' => '700',
4226 'screen' => 1,
4227 'default' => '80',
4228 'css' => ['{{element}} .pagelayer-video-overlay i' => 'font-size:{{val}}px;'],
4229 'req' => array(
4230 'overlay' => 'true'
4231 )
4232 ),
4233 'tooltip_text_shadow' => array(
4234 'type' => 'shadow',
4235 'label' => __pl('shadow'),
4236 'css' => ['{{element}} .pagelayer-video-overlay i' => 'text-shadow: {{val[0]}}px {{val[1]}}px {{val[2]}}px {{val[3]}};'],
4237 'req' => array(
4238 'overlay' => 'true'
4239 )
4240 ),
4241 ],
4242 'styles' => [
4243 'overlay_style' => __pl('overlay_style'),
4244 ],
4245 )
4246 );
4247
4248
4249 ////////////////////////
4250 // Other Group
4251 ////////////////////////
4252
4253 // Service Box
4254 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_service', array(
4255 'name' => __pl('Image Box'),
4256 'group' => 'other',
4257 'func' => 'pagelayer_sc_service',
4258 'innerHTML' => 'service_text',
4259 'html' => '<div class="pagelayer-service-container pagelayer-service-align-{{service_alignment}} pagelayer-service-vertical-{{service_vertical_alignment}}">
4260 <div if="{{service_image}}" class="pagelayer-service-image">
4261 <img class="pagelayer-img pagelayer-animation-{{anim_hover}}" src="{{func_image}}">
4262 </div>
4263 <div class="pagelayer-service-details">
4264 <div if={{service_heading}} class="pagelayer-service-heading">{{service_heading}}</div>
4265 <div if={{service_text}} class="pagelayer-service-text">{{service_text}}</div>
4266 <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>
4267 </div>
4268 </div>',
4269 'params' => [
4270 'service_image' => array(
4271 'type' => 'image',
4272 'label' => __pl('service_box_image_icon_label'),
4273 'default' => PAGELAYER_URL.'/images/default-image.png',
4274 ),
4275 'service_image_size' => array(
4276 'type' => 'radio',
4277 'label' => __pl('service_box_image_icon_size_label'),
4278 'default' => 'full',
4279 'list' => array(
4280 'full' => __pl('full'),
4281 'thumbnail' => __pl('thumbnail'),
4282 'custom' => __pl('custom'),
4283 )
4284 ),
4285 'service_image_custom_size' => array(
4286 'type' => 'slider',
4287 'label' => __pl('service_img_custom_size_label'),
4288 'min' => '0',
4289 'max' => '2000',
4290 'screen' => 1,
4291 'default' => '200',
4292 'css' => ['{{element}} .pagelayer-service-image img' => 'width:{{val}}px; height: auto;'],
4293 'req' => array(
4294 'service_image_size' => 'custom',
4295 )
4296 ),
4297 'anim_hover' => array(
4298 'type' => 'select',
4299 'label' => __pl('icon_animation'),
4300 'list' => [
4301 '' => __pl('none'),
4302 'grow' => __pl('Grow'),
4303 'shrink' => __pl('Shrink'),
4304 'pulse' => __pl('Pulse'),
4305 'pulse-grow' => __pl('Pulse Grow'),
4306 'pulse-shrink' => __pl('Pulse Shrink'),
4307 'push' => __pl('Push'),
4308 'pop' => __pl('Pop'),
4309 'buzz' => __pl('Buzz'),
4310 'buzz-out' => __pl('Buzz Out'),
4311 'float' => __pl('Float'),
4312 'sink' => __pl('Sink'),
4313 'bob' => __pl('Bob'),
4314 'hang' => __pl('Hang'),
4315 'bounce-in' => __pl('Bounce In'),
4316 'bounce-out' => __pl('Bounce Out'),
4317 'rotate' => __pl('Rotate'),
4318 'grow-rotate' => __pl('Grow Rotate'),
4319 'skew-forward' => __pl('Skew Forward'),
4320 'skew-backward' => __pl('Skew Backward'),
4321 'wobble-vertical' => __pl('Wobble Vertical'),
4322 'wobble-horizontal' => __pl('Wobble Horizontal'),
4323 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'),
4324 'wobble-top-to-right' => __pl('Wobble Top To Right'),
4325 'wobble-top' => __pl('Wobble Top'),
4326 'wobble-bottom' => __pl('Wobble Bottom'),
4327 'wobble-skew' => __pl('Wobble Skew'),
4328 ],
4329 )
4330 ],
4331 'service_img_style' => [
4332 'service_alignment' => array(
4333 'type' => 'radio',
4334 'label' => __pl('service_box_media_alignment'),
4335 'default' => 'top',
4336 'list' => array(
4337 'left' => __pl('left'),
4338 'top' => __pl('top'),
4339 'right' => __pl('right'),
4340 ),
4341 ),
4342 'service_vertical_alignment' => array(
4343 'type' => 'radio',
4344 'label' => __pl('service_box_media_vertical_alignment'),
4345 'default' => 'top',
4346 'list' => array(
4347 'top' => __pl('top'),
4348 'middle' => __pl('middle'),
4349 'bottom' => __pl('bottom'),
4350 ),
4351 'req' => ['!service_alignment' => 'top']
4352 ),
4353 'service_image_spacing' => array(
4354 'type' => 'padding',
4355 'label' => __pl('service_image_spacing'),
4356 'css' => ['{{element}} .pagelayer-service-image img' => 'margin-top:{{val[0]}}px; margin-right:{{val[1]}}px; margin-bottom:{{val[2]}}px; margin-left:{{val[3]}}px;'],
4357 ),
4358 'img_bor_state' => array(
4359 'type' => 'radio',
4360 'label' => __pl('icon_state'),
4361 'default' => 'normal',
4362 'list' => array(
4363 'normal' => __pl('Normal'),
4364 'hover' => __pl('Hover'),
4365 ),
4366 ),
4367 'img_border_type' => array(
4368 'type' => 'select',
4369 'label' => __pl('icon_border_type'),
4370 'css' => ['{{element}} .pagelayer-service-image img' =>'border-style: {{val}};'],
4371 'list' => [
4372 '' => __pl('none'),
4373 'solid' => __pl('solid'),
4374 'double' => __pl('double'),
4375 'dotted' => __pl('dotted'),
4376 'dashed' => __pl('dashed'),
4377 'groove' => __pl('groove'),
4378 ],
4379 'show' => ['img_bor_state' => 'normal'],
4380 ),
4381 'img_border_color' => array(
4382 'type' => 'color',
4383 'label' => __pl('icon_border_color_label'),
4384 'default' => '#3e8ef7',
4385 'css' => ['{{element}} .pagelayer-service-image img' => 'border-color: {{val}};'],
4386 'req' => [
4387 '!img_border_type' => '',
4388 ],
4389 'show' => ['img_bor_state' => 'normal'],
4390 ),
4391 'img_border_width' => array(
4392 'type' => 'padding',
4393 'label' => __pl('icon_border_width'),
4394 'screen' => 1,
4395 '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;'],
4396 'req' => [
4397 '!img_border_type' => '',
4398 ],
4399 'show' => ['img_bor_state' => 'normal'],
4400 ),
4401 'img_border_radius' => array(
4402 'type' => 'padding',
4403 'label' => __pl('border_radius'),
4404 'screen' => 1,
4405 'units' => ['px', 'em', '%'],
4406 '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]}};'],
4407 'req' => [
4408 '!img_border_type' => '',
4409 ],
4410 'show' => ['img_bor_state' => 'normal'],
4411 ),
4412 'img_transition' => array(
4413 'type' => 'spinner',
4414 'label' => __pl('ele_bg_hover_delay'),
4415 'min' => 0,
4416 'step' => 100,
4417 'max' => 5000,
4418 'default' => 400,
4419 'css' => ['{{element}} .pagelayer-service-image img' =>'-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'],
4420 'show' => ['img_bor_state' => 'hover'],
4421 ),
4422 'img_border_type_hover' => array(
4423 'type' => 'select',
4424 'label' => __pl('icon_border_type_hover'),
4425 'css' => ['{{element}}:hover .pagelayer-service-image img' =>'border-style: {{val}};'],
4426 'list' => [
4427 '' => __pl('none'),
4428 'solid' => __pl('solid'),
4429 'double' => __pl('double'),
4430 'dotted' => __pl('dotted'),
4431 'dashed' => __pl('dashed'),
4432 'groove' => __pl('groove'),
4433 ],
4434 'show' => ['img_bor_state' => 'hover'],
4435 ),
4436 'img_border_color_hover' => array(
4437 'type' => 'color',
4438 'label' => __pl('icon_border_color_hover_label'),
4439 'default' => '#3e8ef7',
4440 'css' => ['{{element}}:hover .pagelayer-service-image img' => 'border-color: {{val}};'],
4441 'req' => [
4442 '!img_border_type_hover' => '',
4443 ],
4444 'show' => ['img_bor_state' => 'hover'],
4445 ),
4446 'img_border_width_hover' => array(
4447 'type' => 'padding',
4448 'label' => __pl('icon_border_width_hover'),
4449 'screen' => 1,
4450 '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;'],
4451 'req' => [
4452 '!img_border_type_hover' => '',
4453 ],
4454 'show' => ['img_bor_state' => 'hover'],
4455 ),
4456 'img_border_radius_hover' => array(
4457 'type' => 'padding',
4458 'label' => __pl('border_radius'),
4459 'screen' => 1,
4460 'units' => ['px', 'em', '%'],
4461 '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]}};'],
4462 'req' => [
4463 '!img_border_type_hover' => '',
4464 ],
4465 'show' => ['img_bor_state' => 'hover'],
4466 ),
4467 ],
4468 'service_heading_style' => [
4469 'service_heading' => array(
4470 'type' => 'textarea',
4471 'label' => __pl('service_box_heading_label'),
4472 'default' => 'This is an Image Box',
4473 'text' => __pl('open_in_wpeditor'),
4474 ),
4475 'service_heading_spacing' => array(
4476 'type' => 'slider',
4477 'label' => __pl('service_heading_spacing'),
4478 'min' => '0',
4479 'max' => '200',
4480 'default' => '10',
4481 'screen' => 1,
4482 'css' => ['{{element}} .pagelayer-service-heading' => 'margin-bottom: {{val}}px !important;'],
4483 ),
4484 'heading_state' => array(
4485 'type' => 'radio',
4486 'label' => __pl('icon_state'),
4487 'default' => 'normal',
4488 'list' => array(
4489 'normal' => __pl('Normal'),
4490 'hover' => __pl('Hover'),
4491 ),
4492 ),
4493 'service_heading_color' => array(
4494 'type' => 'color',
4495 'label' => __pl('service_heading_color'),
4496 'default' => '#3e8ef7',
4497 'css' => ['{{element}} .pagelayer-service-heading' => 'color:{{val}}'],
4498 'show' => ['heading_state' => 'normal'],
4499 ),
4500 'service_heading_typo' => array(
4501 'type' => 'typography',
4502 'label' => __pl('service_heading_typo'),
4503 'default' => ',28,,600,,,,,,,',
4504 'screen' => 1,
4505 '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;'],
4506 'show' => ['heading_state' => 'normal'],
4507 ),
4508 'heading_transition' => array(
4509 'type' => 'spinner',
4510 'label' => __pl('ele_bg_hover_delay'),
4511 'min' => 0,
4512 'step' => 100,
4513 'max' => 5000,
4514 'default' => 400,
4515 'css' => ['{{element}} .pagelayer-service-heading' =>'-webkit-transition: all {{val}}ms !important; transition: all {{val}}ms !important;'],
4516 'show' => ['heading_state' => 'hover'],
4517 ),
4518 'heading_color_hover' => array(
4519 'type' => 'color',
4520 'label' => __pl('service_heading_color'),
4521 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
4522 'show' => ['heading_state' => 'hover'],
4523 ),
4524 'heading_typo_hover' => array(
4525 'type' => 'typography',
4526 'label' => __pl('service_heading_typo'),
4527 'screen' => 1,
4528 '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;'],
4529 'show' => ['heading_state' => 'hover'],
4530 ),
4531 ],
4532 //service content style
4533 'service_content_style' =>[
4534 'service_text_alignment' => array(
4535 'type' => 'radio',
4536 'label' => __pl('service_box_text_alignment'),
4537 'default' => 'center',
4538 'screen' => 1,
4539 'list' => array(
4540 'left' => __pl('left'),
4541 'center' => __pl('center'),
4542 'right' => __pl('right'),
4543 'justify' => __pl('justify'),
4544 ),
4545 'css' => ['{{element}} .pagelayer-service-details' => 'text-align:{{val}};'],
4546 ),
4547 'service_text' => array(
4548 'type' => 'editor',
4549 'label' => __pl('service_box_text_label'),
4550 '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.',
4551 'text' => __pl('open_in_wpeditor'),
4552 )
4553 ],
4554 //service button style
4555 'service_btn_style' =>[
4556 'service_button' => array(
4557 'type' => 'checkbox',
4558 'label' => __pl('show_btn')
4559 ),
4560 'service_button_type' => array(
4561 'type' => 'select',
4562 'label' => __pl('type'),
4563 'default' => 'pagelayer-btn-default',
4564 'list' => array(
4565 'pagelayer-btn-default' => __pl('btn_type_default'),
4566 'pagelayer-btn-primary' => __pl('btn_type_primary'),
4567 'pagelayer-btn-secondary' => __pl('btn_type_secondary'),
4568 'pagelayer-btn-success' => __pl('btn_type_success'),
4569 'pagelayer-btn-info' => __pl('btn_type_info'),
4570 'pagelayer-btn-warning' => __pl('btn_type_warning'),
4571 'pagelayer-btn-danger' => __pl('btn_type_danger'),
4572 'pagelayer-btn-dark' => __pl('btn_type_dark'),
4573 'pagelayer-btn-light' => __pl('btn_type_light'),
4574 'pagelayer-btn-link' => __pl('btn_type_link'),
4575 'pagelayer-btn-custom' => __pl('btn_type_custom')
4576 ),
4577 'req' => array(
4578 'service_button' => 'true'
4579 ),
4580 ),
4581 'service_button_size' => array(
4582 'type' => 'select',
4583 'label' => __pl('button_size_label'),
4584 'default' => 'pagelayer-btn-small',
4585 'list' => array(
4586 'pagelayer-btn-mini' => __pl('mini'),
4587 'pagelayer-btn-small' => __pl('small'),
4588 'pagelayer-btn-large' => __pl('large'),
4589 'pagelayer-btn-extra-large' => __pl('extra_large'),
4590 'pagelayer-btn-double-large' => __pl('double_large'),
4591 //'pagelayer-btn-custom' => __pl('custom'),
4592 ),
4593 'req' => array(
4594 'service_button' => 'true'
4595 )
4596 ),
4597 'service_button_url' => array(
4598 'type' => 'link',
4599 'label' => __pl('service_btn_url_label'),
4600 'req' => array(
4601 'service_button' => 'true'
4602 ),
4603 ),
4604 'service_button_text' => array(
4605 'type' => 'text',
4606 'label' => __pl('service_button_text_label'),
4607 'default' => 'Click Here!',
4608 'req' => array(
4609 'service_button' => 'true'
4610 ),
4611 ),
4612 'service_btn_spacing' => array(
4613 'type' => 'slider',
4614 'label' => __pl('service_btn_spacing'),
4615 'min' => '0',
4616 'max' => '200',
4617 'default' => '10',
4618 'screen' => 1,
4619 'css' => ['{{element}} .pagelayer-service-btn' => 'margin-top: {{val}}px;'],
4620 'req' => [
4621 'service_button' => 'true',
4622 ]
4623 ),
4624 'service_button_font_size' => array(
4625 'type' => 'slider',
4626 'label' => __pl('iconbox_btn_text_size'),
4627 'min' => '0',
4628 'max' => '50',
4629 'screen' => 1,
4630 'css' => ['{{element}} .pagelayer-service-btn' => 'font-size:{{val}}px;'],
4631 'req' => [
4632 'service_button' => 'true',
4633 'iconbox_button_type' => 'pagelayer-btn-custom',
4634 ]
4635 ),
4636 'service_btn_state' => array(
4637 'type' => 'radio',
4638 'label' => __pl('button_state'),
4639 'default' => 'normal',
4640 'list' => array(
4641 'normal' => __pl('Normal'),
4642 'hover' => __pl('Hover'),
4643 ),
4644 'req' => array(
4645 'service_button' => 'true',
4646 'service_button_type' => 'pagelayer-btn-custom'
4647 ),
4648 ),
4649 'service_button_color' => array(
4650 'type' => 'color',
4651 'label' => __pl('iconbox_button_color'),
4652 'default' => '#ffffff',
4653 'css' => ['{{element}} .pagelayer-service-btn' => 'color:{{val}};'],
4654 'req' => [
4655 'service_button' => 'true',
4656 'service_button_type' => 'pagelayer-btn-custom',
4657 ],
4658 'show' => ['service_btn_state' => 'normal']
4659 ),
4660 'service_button_bg_color' => array(
4661 'type' => 'color',
4662 'label' => __pl('service_button_bg_color'),
4663 'default' => '#3e8ef7',
4664 'css' => ['{{element}} .pagelayer-service-btn' => 'background-color:{{val}};'],
4665 'req' => [
4666 'service_button' => 'true',
4667 'service_button_type' => 'pagelayer-btn-custom',
4668 ],
4669 'show' => ['service_btn_state' => 'normal']
4670 ),
4671 'service_btn_hover_delay' => array(
4672 'type' => 'spinner',
4673 'label' => __pl('service_btn_hover_delay'),
4674 'min' => 0,
4675 'step' => 100,
4676 'max' => 5000,
4677 'default' => 400,
4678 'css' => ['{{element}} .pagelayer-service-btn' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
4679 'show' => ['service_btn_state' => 'hover'],
4680 ),
4681 'service_button_color_hover' => array(
4682 'type' => 'color',
4683 'label' => __pl('iconbox_button_color'),
4684 'default' => '',
4685 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'color:{{val}};'],
4686 'show' => ['service_btn_state' => 'hover'],
4687 ),
4688 'service_button_bg_color_hover' => array(
4689 'type' => 'color',
4690 'label' => __pl('service_button_bg_color_hover'),
4691 'default' => '',
4692 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'background-color:{{val}};'],
4693 'show' => ['service_btn_state' => 'hover'],
4694 ),
4695 ],
4696 'styles' => [
4697 'service_img_style' => __pl('service_img_style'),
4698 'service_heading_style' => __pl('service_heading_style'),
4699 'service_content_style' => __pl('service_content_style'),
4700 'service_btn_style' => __pl('service_btn_style'),
4701 ],
4702 )
4703 );
4704
4705 // Icon Box
4706 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_iconbox', array(
4707 'name' => __pl('Icon Box'),
4708 'group' => 'other',
4709 'func' => 'pagelayer_sc_iconbox',
4710 'innerHTML' => 'service_text',
4711 'html' => '<div class="pagelayer-service-container pagelayer-service-align-{{service_alignment}} pagelayer-service-vertical-{{service_vertical_alignment}}">
4712 <div class="pagelayer-service-icon pagelayer-service-{{service_icon_view}}">
4713 <i class="fa fa-{{service_icon}} pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i>
4714 </div>
4715 <div class="pagelayer-service-details">
4716 <div if="{{service_heading}}" class="pagelayer-service-heading">{{service_heading}}</div>
4717 <div if="{{service_text}}" class="pagelayer-service-text">{{service_text}}</div>
4718 <a if="{{service_button}}" href="{{service_button_url}}" class="pagelayer-service-btn pagelayer-button pagelayer-ele-link {{iconbox_button_type}} {{service_button_size}}">
4719 <span if="{{service_button_text}}">{{service_button_text}}</span>
4720 </a>
4721 </div>
4722 </div>',
4723 'params' => array(
4724 'service_icon' => array(
4725 'type' => 'icon',
4726 'label' => __pl('iconbox_font_icon_label'),
4727 'default' => 'exclamation-circle',
4728 ),
4729 'service_alignment' => array(
4730 'type' => 'radio',
4731 'label' => __pl('iconbox_box_media_alignment'),
4732 'default' => 'top',
4733 'list' => array(
4734 'left' => __pl('left'),
4735 'top' => __pl('top'),
4736 'right' => __pl('right'),
4737 ),
4738 ),
4739 'service_vertical_alignment' => array(
4740 'type' => 'radio',
4741 'label' => __pl('iconbox_box_media_vertical_alignment'),
4742 'default' => 'middle',
4743 'list' => array(
4744 'top' => __pl('top'),
4745 'middle' => __pl('middle'),
4746 'bottom' => __pl('bottom'),
4747 ),
4748 'req' => array(
4749 '!service_alignment' => 'top'
4750 )
4751 ),
4752 ),
4753 // icon style
4754 'service_icon_style' => [
4755 'service_icon_view' => array(
4756 'type' => 'select',
4757 'label' => __pl('iconbox_icon_view'),
4758 'default' => 'default',
4759 'list' =>array(
4760 'default' => __pl('Default'),
4761 'stacked' => __pl('Stacked'),
4762 'framed' => __pl('Framed'),
4763 ),
4764 ),
4765 'service_icon_shape_type' => array(
4766 'type' => 'select',
4767 'label' => __pl('iconbox_icon_shape_label'),
4768 'default' => '',
4769 'list' =>array(
4770 'square' => __pl('Square'),
4771 'circle' => __pl('Circle'),
4772 ),
4773 'req' => ['!service_icon_view' => 'default'],
4774 ),
4775 'service_icon_padding' => array(
4776 'type' => 'slider',
4777 'label' => __pl('service_icon_padding'),
4778 'min' => '0',
4779 'max' => '200',
4780 'default' => '15',
4781 'screen' => 1,
4782 'css' => ['{{element}} .pagelayer-service-icon i' => 'padding: calc(0.5em + {{val}}px);'],
4783 'req' => ['!service_icon_view' => 'default'],
4784 ),
4785 'service_icon_spacing' => array(
4786 'type' => 'padding',
4787 'label' => __pl('service_icon_spacing'),
4788 '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;'],
4789 ),
4790 'service_icon_state' => array(
4791 'type' => 'radio',
4792 'label' => __pl('icon_state'),
4793 'default' => 'normal',
4794 'list' => array(
4795 'normal' => __pl('Normal'),
4796 'hover' => __pl('Hover'),
4797 ),
4798 ),
4799 'service_icon_color' => array(
4800 'type' => 'color',
4801 'label' => __pl('iconbox_icon_color'),
4802 'default' => '#3e8ef7',
4803 'css' => ['{{element}} .pagelayer-service-icon i' => 'color:{{val}};'],
4804 'show' => ['service_icon_state' => 'normal'],
4805 ),
4806 'service_icon_background_color' => array(
4807 'type' => 'color',
4808 'label' => __pl('service_icon_background_color'),
4809 'default' => '#eff0f0ff',
4810 'css' => ['{{element}} .pagelayer-service-icon.pagelayer-service-stacked i' => 'background-color:{{val}};'],
4811 'show' => ['service_icon_state' => 'normal'],
4812 'req' => ['service_icon_view' => 'stacked']
4813 ),
4814 'service_icon_font_size' => array(
4815 'type' => 'slider',
4816 'label' => __pl('service_icon_size'),
4817 'min' => '0',
4818 'max' => '300',
4819 'default' => '75',
4820 'screen' => 1,
4821 'css' => ['{{element}} .pagelayer-service-icon' => 'font-size:{{val}}px;'],
4822 'show' => ['service_icon_state' => 'normal'],
4823 ),
4824 'service_rotate' => array(
4825 'type' => 'slider',
4826 'label' => __pl('service_icon_rotate'),
4827 'min' => '0',
4828 'max' => '360',
4829 'default' => '0',
4830 'screen' => 1,
4831 'css' => ['{{element}} .pagelayer-service-icon i' => 'transform: rotate({{val}}deg);'],
4832 'show' => ['service_icon_state' => 'normal'],
4833 ),
4834 'service_icon_hover_delay' => array(
4835 'type' => 'spinner',
4836 'label' => __pl('service_icon_hover_delay'),
4837 'min' => 0,
4838 'step' => 100,
4839 'max' => 5000,
4840 'default' => 400,
4841 'css' => ['{{element}} .pagelayer-service-icon i' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
4842 'show' => ['service_icon_state' => 'hover'],
4843 ),
4844 'anim_hover' => array(
4845 'type' => 'select',
4846 'label' => __pl('icon_animation'),
4847 'list' => [
4848 '' => __pl('none'),
4849 'grow' => __pl('Grow'),
4850 'shrink' => __pl('Shrink'),
4851 'pulse' => __pl('Pulse'),
4852 'pulse-grow' => __pl('Pulse Grow'),
4853 'pulse-shrink' => __pl('Pulse Shrink'),
4854 'push' => __pl('Push'),
4855 'pop' => __pl('Pop'),
4856 'buzz' => __pl('Buzz'),
4857 'buzz-out' => __pl('Buzz Out'),
4858 'float' => __pl('Float'),
4859 'sink' => __pl('Sink'),
4860 'bob' => __pl('Bob'),
4861 'hang' => __pl('Hang'),
4862 'bounce-in' => __pl('Bounce In'),
4863 'bounce-out' => __pl('Bounce Out'),
4864 'rotate' => __pl('Rotate'),
4865 'grow-rotate' => __pl('Grow Rotate'),
4866 'skew-forward' => __pl('Skew Forward'),
4867 'skew-backward' => __pl('Skew Backward'),
4868 'wobble-vertical' => __pl('Wobble Vertical'),
4869 'wobble-horizontal' => __pl('Wobble Horizontal'),
4870 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'),
4871 'wobble-top-to-right' => __pl('Wobble Top To Right'),
4872 'wobble-top' => __pl('Wobble Top'),
4873 'wobble-bottom' => __pl('Wobble Bottom'),
4874 'wobble-skew' => __pl('Wobble Skew'),
4875 ],
4876 'show' => array(
4877 'service_icon_state' => 'hover',
4878 ),
4879 ),
4880 'service_icon_color_hover' => array(
4881 'type' => 'color',
4882 'label' => __pl('service_icon_color_hover'),
4883 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'color:{{val}};'],
4884 'show' => ['service_icon_state' => 'hover'],
4885 ),
4886 'service_icon_background_color_hover' => array(
4887 'type' => 'color',
4888 'label' => __pl('service_icon_background_color_hover'),
4889 'default' => '',
4890 'css' => ['{{element}}:hover .pagelayer-service-icon.pagelayer-service-stacked i' => 'background-color:{{val}};'],
4891 'show' => ['service_icon_state' => 'hover'],
4892 'req' => ['service_icon_view' => 'stacked']
4893 ),
4894 'service_icon_size_hover' => array(
4895 'type' => 'slider',
4896 'label' => __pl('service_icon_size_hover'),
4897 'min' => '0',
4898 'max' => '300',
4899 'screen' => 1,
4900 'css' => ['{{element}}:hover .pagelayer-service-icon' => 'font-size:{{val}}px;'],
4901 'show' => ['service_icon_state' => 'hover'],
4902 ),
4903 'service_rotate_hover' => array(
4904 'type' => 'slider',
4905 'label' => __pl('service_rotate_hover'),
4906 'min' => '0',
4907 'max' => '360',
4908 'screen' => 1,
4909 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'transform: rotate({{val}}deg);'],
4910 'show' => ['service_icon_state' => 'hover'],
4911 ),
4912 ],
4913 'service_icon_border' => [
4914 'service_bor_state' => array(
4915 'type' => 'radio',
4916 'label' => __pl('icon_state'),
4917 'default' => 'normal',
4918 'list' => array(
4919 'normal' => __pl('Normal'),
4920 'hover' => __pl('Hover'),
4921 ),
4922 ),
4923 'service_icon_border_type' => array(
4924 'type' => 'select',
4925 'label' => __pl('icon_border_type'),
4926 'css' => ['{{element}} .pagelayer-service-icon i' =>'border-style: {{val}};'],
4927 'list' => [
4928 '' => __pl('none'),
4929 'solid' => __pl('solid'),
4930 'double' => __pl('double'),
4931 'dotted' => __pl('dotted'),
4932 'dashed' => __pl('dashed'),
4933 'groove' => __pl('groove'),
4934 ],
4935 'show' => ['service_bor_state' => 'normal'],
4936 ),
4937 'service_icon_border_color' => array(
4938 'type' => 'color',
4939 'label' => __pl('icon_border_color_label'),
4940 'default' => '#3e8ef7',
4941 'css' => ['{{element}} .pagelayer-service-icon i' => 'border-color: {{val}};'],
4942 'req' => [
4943 '!service_icon_border_type' => '',
4944 ],
4945 'show' => ['service_bor_state' => 'normal'],
4946 ),
4947 'service_icon_border_width' => array(
4948 'type' => 'padding',
4949 'label' => __pl('icon_border_width'),
4950 'screen' => 1,
4951 '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;'],
4952 'req' => [
4953 '!service_icon_border_type' => '',
4954 ],
4955 'show' => ['service_bor_state' => 'normal'],
4956 ),
4957 'service_icon_border_radius' => array(
4958 'type' => 'padding',
4959 'label' => __pl('border_radius'),
4960 'screen' => 1,
4961 '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;'],
4962 'req' => [
4963 '!service_icon_border_type' => '',
4964 ],
4965 'show' => ['service_bor_state' => 'normal'],
4966 ),
4967 'service_icon_border_type_hover' => array(
4968 'type' => 'select',
4969 'label' => __pl('icon_border_type_hover'),
4970 'css' => ['{{element}}:hover .pagelayer-service-icon i' =>'border-style: {{val}};'],
4971 'list' => [
4972 '' => __pl('none'),
4973 'solid' => __pl('solid'),
4974 'double' => __pl('double'),
4975 'dotted' => __pl('dotted'),
4976 'dashed' => __pl('dashed'),
4977 'groove' => __pl('groove'),
4978 ],
4979 'show' => ['service_bor_state' => 'hover'],
4980 ),
4981 'service_icon_border_color_hover' => array(
4982 'type' => 'color',
4983 'label' => __pl('icon_border_color_hover_label'),
4984 'default' => '#3e8ef7',
4985 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'border-color: {{val}};'],
4986 'req' => [
4987 '!service_icon_border_type_hover' => '',
4988 ],
4989 'show' => ['service_bor_state' => 'hover'],
4990 ),
4991 'service_icon_border_width_hover' => array(
4992 'type' => 'padding',
4993 'label' => __pl('icon_border_width_hover'),
4994 'screen' => 1,
4995 '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;'],
4996 'req' => [
4997 '!service_icon_border_type_hover' => '',
4998 ],
4999 'show' => ['service_bor_state' => 'hover'],
5000 ),
5001 'service_icon_border_radius_hover' => array(
5002 'type' => 'padding',
5003 'label' => __pl('border_radius'),
5004 'screen' => 1,
5005 '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;'],
5006 'req' => [
5007 '!service_icon_border_type_hover' => '',
5008 ],
5009 'show' => ['service_bor_state' => 'hover'],
5010 ),
5011 ],
5012 'service_heading_style' =>[
5013 'service_heading' => array(
5014 'type' => 'textarea',
5015 'label' => __pl('iconbox_box_heading_label'),
5016 'default' => 'This is Icon Box',
5017 'text' => __pl('open_in_wpeditor'),
5018 ),
5019 'service_heading_spacing' => array(
5020 'type' => 'slider',
5021 'label' => __pl('service_heading_spacing'),
5022 'min' => '0',
5023 'max' => '200',
5024 'default' => '10',
5025 'screen' => 1,
5026 'css' => ['{{element}} .pagelayer-service-heading' => 'margin-bottom: {{val}}px;'],
5027 ),
5028 'heading_state' => array(
5029 'type' => 'radio',
5030 'label' => __pl('icon_state'),
5031 'default' => 'normal',
5032 'list' => array(
5033 'normal' => __pl('Normal'),
5034 'hover' => __pl('Hover'),
5035 ),
5036 ),
5037 'service_heading_color' => array(
5038 'type' => 'color',
5039 'label' => __pl('service_heading_color'),
5040 'default' => '#3e8ef7',
5041 'css' => ['{{element}} .pagelayer-service-heading' => 'color:{{val}}'],
5042 'show' => ['heading_state' => 'normal']
5043 ),
5044 'service_heading_typo' => array(
5045 'type' => 'typography',
5046 'label' => __pl('service_heading_typo'),
5047 'default' => ',28,,600,,,,,,,',
5048 'screen' => 1,
5049 '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;'],
5050 'show' => ['heading_state' => 'normal']
5051 ),
5052 'heading_delay' => array(
5053 'type' => 'spinner',
5054 'label' => __pl('service_icon_hover_delay'),
5055 'min' => 0,
5056 'step' => 100,
5057 'max' => 5000,
5058 'default' => 400,
5059 'css' => ['{{element}} .pagelayer-service-heading' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
5060 'show' => ['heading_state' => 'hover']
5061 ),
5062 'heading_color_hover' => array(
5063 'type' => 'color',
5064 'label' => __pl('service_heading_color'),
5065 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
5066 'show' => ['heading_state' => 'hover']
5067 ),
5068 'heading_typo_hover' => array(
5069 'type' => 'typography',
5070 'label' => __pl('service_heading_typo'),
5071 'screen' => 1,
5072 '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;'],
5073 'show' => ['heading_state' => 'hover']
5074 ),
5075 ],
5076 //service content style
5077 'service_content_style' =>[
5078 'service_text_alignment' => array(
5079 'type' => 'radio',
5080 'label' => __pl('alignment'),
5081 'default' => 'center',
5082 'screen' => 1,
5083 'list' => array(
5084 'left' => __pl('left'),
5085 'center' => __pl('center'),
5086 'right' => __pl('right'),
5087 'justify' => __pl('justify'),
5088 ),
5089 'css' => ['{{element}} .pagelayer-service-details' => 'text-align:{{val}};'],
5090 ),
5091 'service_text' => array(
5092 'type' => 'editor',
5093 'label' => __pl('iconbox_box_text_label'),
5094 '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.',
5095 'text' => __pl('open_in_wpeditor'),
5096 ),
5097 ],
5098 //service button style
5099 'service_btn_style' =>[
5100 'service_button' => array(
5101 'type' => 'checkbox',
5102 'label' => __pl('show_btn'),
5103 ),
5104 'iconbox_button_type' => array(
5105 'type' => 'select',
5106 'label' => __pl('Button Type'),
5107 'default' => 'pagelayer-btn-primary',
5108 'list' => array(
5109 'pagelayer-btn-default' => __pl('btn_type_default'),
5110 'pagelayer-btn-primary' => __pl('btn_type_primary'),
5111 'pagelayer-btn-secondary' => __pl('btn_type_secondary'),
5112 'pagelayer-btn-success' => __pl('btn_type_success'),
5113 'pagelayer-btn-info' => __pl('btn_type_info'),
5114 'pagelayer-btn-warning' => __pl('btn_type_warning'),
5115 'pagelayer-btn-danger' => __pl('btn_type_danger'),
5116 'pagelayer-btn-dark' => __pl('btn_type_dark'),
5117 'pagelayer-btn-light' => __pl('btn_type_light'),
5118 'pagelayer-btn-link' => __pl('btn_type_link'),
5119 'pagelayer-btn-custom' => __pl('btn_type_custom')
5120 ),
5121 'req' => array(
5122 'service_button' => 'true'
5123 ),
5124 ),
5125 'service_button_size' => array(
5126 'type' => 'select',
5127 'label' => __pl('button_size_label'),
5128 'default' => 'pagelayer-btn-small',
5129 'list' => array(
5130 'pagelayer-btn-mini' => __pl('mini'),
5131 'pagelayer-btn-small' => __pl('small'),
5132 'pagelayer-btn-large' => __pl('large'),
5133 'pagelayer-btn-extra-large' => __pl('extra_large'),
5134 'pagelayer-btn-double-large' => __pl('double_large'),
5135 //'pagelayer-btn-custom' => __pl('custom'),
5136 ),
5137 'req' => array(
5138 'service_button' => 'true'
5139 )
5140 ),
5141 'service_button_url' => array(
5142 'type' => 'link',
5143 'label' => __pl('iconbox_btn_url_label'),
5144 'req' => array(
5145 'service_button' => 'true'
5146 ),
5147 ),
5148 'service_button_text' => array(
5149 'type' => 'text',
5150 'label' => __pl('iconbox_button_text_label'),
5151 'default' => 'Click Here!',
5152 'req' => array(
5153 'service_button' => 'true'
5154 ),
5155 ),
5156 'service_btn_spacing' => array(
5157 'type' => 'slider',
5158 'label' => __pl('service_btn_spacing'),
5159 'min' => '0',
5160 'max' => '200',
5161 'default' => '10',
5162 'screen' => 1,
5163 'css' => ['{{element}} .pagelayer-service-btn' => 'margin-top: {{val}}px;'],
5164 'req' => [
5165 'service_button' => 'true',
5166 ]
5167 ),
5168 'service_button_font_size' => array(
5169 'type' => 'slider',
5170 'label' => __pl('iconbox_btn_text_size'),
5171 'min' => '0',
5172 'max' => '50',
5173 'screen' => 1,
5174 'css' => ['{{element}} .pagelayer-service-btn' => 'font-size:{{val}}px;'],
5175 'req' => [
5176 'service_button' => 'true',
5177 'iconbox_button_type' => 'pagelayer-btn-custom',
5178 ]
5179 ),
5180 'service_btn_state' => array(
5181 'type' => 'radio',
5182 'label' => __pl('button_state'),
5183 'default' => 'normal',
5184 'list' => array(
5185 'normal' => __pl('Normal'),
5186 'hover' => __pl('Hover'),
5187 ),
5188 'req' => array(
5189 'service_button' => 'true',
5190 'iconbox_button_type' => 'pagelayer-btn-custom'
5191 ),
5192 ),
5193 'service_button_color' => array(
5194 'type' => 'color',
5195 'label' => __pl('iconbox_button_color'),
5196 'default' => '#ffffff',
5197 'css' => ['{{element}} .pagelayer-service-btn' => 'color:{{val}};'],
5198 'req' => [
5199 'service_button' => 'true',
5200 'iconbox_button_type' => 'pagelayer-btn-custom',
5201 ],
5202 'show' => ['service_btn_state' => 'normal']
5203 ),
5204 'service_button_bg_color' => array(
5205 'type' => 'color',
5206 'label' => __pl('service_button_bg_color'),
5207 'default' => '#3e8ef7',
5208 'css' => ['{{element}} .pagelayer-service-btn' => 'background-color:{{val}};'],
5209 'req' => [
5210 'service_button' => 'true',
5211 'iconbox_button_type' => 'pagelayer-btn-custom',
5212 ],
5213 'show' => ['service_btn_state' => 'normal']
5214 ),
5215 'service_btn_hover_delay' => array(
5216 'type' => 'spinner',
5217 'label' => __pl('service_btn_hover_delay'),
5218 'min' => 0,
5219 'step' => 100,
5220 'max' => 5000,
5221 'default' => 400,
5222 'css' => ['{{element}} .pagelayer-service-btn' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
5223 'show' => ['service_btn_state' => 'hover'],
5224 ),
5225 'service_button_color_hover' => array(
5226 'type' => 'color',
5227 'label' => __pl('iconbox_button_color'),
5228 'default' => '',
5229 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'color:{{val}};'],
5230 'show' => ['service_btn_state' => 'hover'],
5231 ),
5232 'service_button_bg_color_hover' => array(
5233 'type' => 'color',
5234 'label' => __pl('service_button_bg_color_hover'),
5235 'default' => '',
5236 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'background-color:{{val}};'],
5237 'show' => ['service_btn_state' => 'hover'],
5238 ),
5239 ],
5240 'styles' => [
5241 'service_icon_style' => __pl('service_icon_style'),
5242 'service_icon_border' => __pl('service_icon_border'),
5243 'service_heading_style' => __pl('service_heading_style'),
5244 'service_content_style' => __pl('service_content_style'),
5245 'service_btn_style' => __pl('service_btn_style'),
5246 ],
5247 )
5248 );
5249
5250 // Tabs
5251 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tabs', array(
5252 'name' => __pl('tabs'),
5253 'group' => 'other',
5254 'func' => 'pagelayer_sc_tabs',
5255 'has_group' => [
5256 'section' => 'params',
5257 'prop' => 'elements'
5258 ],
5259 'holder' => '.pagelayer-tabcontainer',
5260 'html' => '<div class="pagelayer-tabs-holder"></div>
5261 <div class="pagelayer-tabcontainer"></div>',
5262 'params' => array(
5263 'elements' => array(
5264 'type' => 'group',
5265 'label' => __pl('Tabs list'),
5266 'sc' => PAGELAYER_SC_PREFIX.'_tab',
5267 'item_label' => array(
5268 'default' => __pl('tab'),
5269 'param' => 'title',
5270 ),
5271 'count' => 2,
5272 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('tab_name'))),
5273 ),
5274 'vertical' => array(
5275 'type' => 'checkbox',
5276 'label' => __pl('tabs_vertical'),
5277 ),
5278 'vertical_width' => array(
5279 'type' => 'slider',
5280 'label' => __pl('Tabs container width'),
5281 'default' => 30,
5282 'min' => 0,
5283 'max' => 70,
5284 'step' => 1,
5285 'screen' => 1,
5286 'css' => ['{{element}}' => 'width:100%; display: -webkit-flex;
5287 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%;'],
5288 'req' => array(
5289 'vertical' => 'true',
5290 )
5291 ),
5292 'rotate' => array(
5293 'type' => 'radio',
5294 'label' => __pl('tabs_rotate'),
5295 'list' => array(
5296 '' => __pl('disable'),
5297 '3000' => '3',
5298 '5000' => '5',
5299 '10000' => '10',
5300 '15000' => '15',
5301 ),
5302 'addAttr' => 'pagelayer-tabs-rotate="{{rotate}}"'
5303 )
5304 ),
5305 'tabs_holder_styles' => [
5306 'tabs_holder_bg_color' => array(
5307 'type' => 'color',
5308 'label' => __pl('Background color'),
5309 'default' => '#f1f1f1',
5310 'css' => ['{{element}} .pagelayer-tabs-holder' => 'background-color:{{val}}'],
5311 ),
5312 'tabs_border_type' => array(
5313 'type' => 'select',
5314 'label' => __pl('border_type'),
5315 'default' => 'solid',
5316 'list' => [
5317 '' => __pl('none'),
5318 'solid' => __pl('solid'),
5319 'double' => __pl('double'),
5320 'dotted' => __pl('dotted'),
5321 'dashed' => __pl('dashed'),
5322 'groove' => __pl('groove'),
5323 ],
5324 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-style: {{val}}', '{{element}} .pagelayer-tabs-holder' =>'border-style: {{val}}'],
5325 ),
5326 'tabs_border_color' => array(
5327 'type' => 'color',
5328 'label' => __pl('border_color'),
5329 'default' => '#cccccc',
5330 'req' => [
5331 '!tabs_border_type' => ''
5332 ],
5333 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-color: {{val}}','{{element}} .pagelayer-tabs-holder' => 'border-color: {{val}}'],
5334 ),
5335 'tabs_holder_border_width' => array(
5336 'type' => 'padding',
5337 'label' => __pl('Border Width'),
5338 'default' => '1,1,0,1',
5339 'screen' => 1,
5340 'req' => [
5341 '!tabs_border_type' => ''
5342 ],
5343 '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'],
5344 ),
5345 'tabs_holder_border_radius' => array(
5346 'type' => 'padding',
5347 'label' => __pl('Border Radius'),
5348 'default' => '1,1,0,1',
5349 'screen' => 1,
5350 'req' => [
5351 '!tabs_border_type' => ''
5352 ],
5353 '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'],
5354 ),
5355 ],
5356 'tabs_styles' => [
5357 'tabs_holder_align' => array(
5358 'type' => 'radio',
5359 'label' => __pl('alignment'),
5360 'default' => 'left',
5361 'screen' => 1,
5362 'list' => array(
5363 'left' => __pl('Left'),
5364 'center' => __pl('Center'),
5365 'right' => __pl('Right'),
5366 ),
5367 'css' => ['{{element}} .pagelayer-tabs-holder' => 'text-align:{{val}}'],
5368 ),
5369 'tabs_color' => array(
5370 'type' => 'color',
5371 'label' => __pl('Color '),
5372 'default' => '#444',
5373 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'color:{{val}}'],
5374 ),
5375 'tabs_bg_color' => array(
5376 'type' => 'color',
5377 'label' => __pl('Background color'),
5378 'default' => '#f1f1f1',
5379 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'background-color:{{val}}'],
5380 ),
5381 'tabs_active_color' => array(
5382 'type' => 'color',
5383 'label' => __pl('Active Tab Color'),
5384 'default' => '#fff',
5385 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks.active' => 'color:{{val}}', '{{element}} .pagelayer-tabs-holder .pagelayer-tablinks:hover' => 'color:{{val}}'],
5386 ),
5387 'tabs_active_bg_color' => array(
5388 'type' => 'color',
5389 'label' => __pl('Active Tab Background Color'),
5390 'default' => '#3e8ef7',
5391 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks.active'=> 'background-color:{{val}}', '{{element}} .pagelayer-tabs-holder .pagelayer-tablinks:hover' => 'background-color:{{val}}'],
5392 ),
5393 'tab_title_typo' => array(
5394 'type' => 'typography',
5395 'label' => __pl('tab_title_typo'),
5396 'screen' => 1,
5397 '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;'],
5398 ),
5399 'tabs_icon_align' => array(
5400 'type' => 'radio',
5401 'label' => __pl('Icon Position'),
5402 'default' => 'left',
5403 'list' => array(
5404 'left' => __pl('Left'),
5405 'right' => __pl('Right'),
5406 ),
5407 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks .fa'=> 'float:{{val}};'],
5408 ),
5409 'tabs_icon_spacing' => array(
5410 'type' => 'slider',
5411 'label' => __pl('tabs_icon_spacing'),
5412 'default' => 10,
5413 'max' => 50,
5414 'min' => 0,
5415 'steps' => 1,
5416 'screen' => 1,
5417 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks .fa'=> 'padding:0px {{val}}px;padding-{{tabs_icon_align}}:0px;'],
5418 ),
5419 ],
5420 'content_styles' => [
5421 'tabs_content_typo' => array(
5422 'type' => 'typography',
5423 'label' => __pl('tab_content_typo'),
5424 'screen' => 1,
5425 '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;'],
5426 ),
5427 'tabs_content_color' => array(
5428 'type' => 'color',
5429 'label' => __pl('Color'),
5430 'default' => '#000000',
5431 'css' => ['{{element}} .pagelayer-tab' => 'color:{{val}}'],
5432 ),
5433 'tabs_content_bg_color' => array(
5434 'type' => 'color',
5435 'label' => __pl('Background Color'),
5436 'default' => '#fff',
5437 'css' => ['{{element}} .pagelayer-tab'=> 'background-color:{{val}}'],
5438 ),
5439 'tab_padding' => array(
5440 'type' => 'slider',
5441 'label' => __pl('tabs_padding_label'),
5442 'default' => 15,
5443 'min' => 0,
5444 'max' => 50,
5445 'step' => 1,
5446 'screen' => 1,
5447 'css' => ['{{element}}.pagelayer-tabs .pagelayer-tabcontainer [pagelayer-id]' => 'padding: {{val}}px;'],
5448 ),
5449 'tabs_content_border_width' => array(
5450 'type' => 'padding',
5451 'label' => __pl('border_width'),
5452 'default' => '1,1,1,1',
5453 'screen' => 1,
5454 'req' => [
5455 '!tabs_border_type' => ''
5456 ],
5457 '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'],
5458 ),
5459 'tabs_content_border_radius' => array(
5460 'type' => 'padding',
5461 'label' => __pl('border_radius'),
5462 'screen' => 1,
5463 'req' => [
5464 '!tabs_border_type' => ''
5465 ],
5466 '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'],
5467 ),
5468 ],
5469 'styles' => [
5470 'tabs_holder_styles' => __pl('tabs_holder_styles'),
5471 'tabs_styles' => __pl('Tabs'),
5472 'content_styles' => __pl('content'),
5473 ],
5474 )
5475 );
5476
5477
5478 // Tab
5479 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tab', array(
5480 'name' => __pl('tab'),
5481 'group' => 'other',
5482 'not_visible' => 1,
5483 'func' => 'pagelayer_sc_tab',
5484 'innerHTML' => 'text',
5485 'html' => '<div class="pagelayer-tabcontent">{{text}}</div>',
5486 'params' => array(
5487 'default_active' => array(
5488 'type' => 'checkbox',
5489 'label' => __pl('Default active tab'),
5490 'addAttr' => 'pagelayer-default_active="1"'
5491 ),
5492 'tab_icon' => array(
5493 'type' => 'icon',
5494 'label' => __pl('icon'),
5495 'addAttr' => 'pagelayer-tab-icon="{{tab_icon}}"',
5496 ),
5497 'title' => array(
5498 'type' => 'text',
5499 'label' => __pl('title'),
5500 'default' => 'Lorem',
5501 'addAttr' => 'pagelayer-tab-title="{{title}}"'
5502 ),
5503 'text' => array(
5504 'type' => 'editor',
5505 'label' => __pl('Edit Rich Text'),
5506 'default' => 'Lorem ipsum dolor sit amet',
5507 'desc' => __pl('Edit the content here or edit directly in the Editor'),
5508 'edit' => '.pagelayer-text-holder',
5509 ),
5510 )
5511 )
5512 );
5513
5514 // Accordion
5515 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_accordion', array(
5516 'name' => __pl('accordion'),
5517 'group' => 'other',
5518 'func' => 'pagelayer_sc_accordion',
5519 'has_group' => [
5520 'section' => 'params',
5521 'prop' => 'elements'
5522 ],
5523 'holder' => '.pagelayer-accordion-holder',
5524 'html' => '<div class="pagelayer-accordion-holder" data-icon="{{icon}}" data-active_icon="{{active_icon}}"></div>',
5525 'params' => array(
5526 'elements' => array(
5527 'type' => 'group',
5528 'label' => __pl('Accordions'),
5529 'sc' => PAGELAYER_SC_PREFIX.'_accordion_item',
5530 'item_label' => array(
5531 'default' => __pl('accordion_item_title_label'),
5532 'param' => 'title'
5533 ),
5534 'count' => 2,
5535 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('accordion_name'))),
5536 ),
5537 'acc_space' => array(
5538 'type' => 'slider',
5539 'label' => __pl('Space Between'),
5540 'default' => 0,
5541 'min' => 0,
5542 'max' => 50,
5543 'step' => 1,
5544 'screen' => 1,
5545 'css' => ['{{element}} .pagelayer-accordion_item' => 'margin-bottom:{{val}}px;'],
5546 ),
5547 ),
5548 'icon_styles' => [
5549 'icon' => array(
5550 'type' => 'icon',
5551 'label' => __pl('list_icon_label'),
5552 'default' => 'plus',
5553 ),
5554 'active_icon' => array(
5555 'type' => 'icon',
5556 'label' => __pl('Active Icon'),
5557 'default' => 'minus',
5558 ),
5559 'icon_align' => array(
5560 'type' => 'radio',
5561 'label' => __pl('Alignment'),
5562 'default' => 'left',
5563 'screen' => 1,
5564 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'float:{{val}}'],
5565 'list' => array(
5566 'left' => __pl('left'),
5567 'right' => __pl('right'),
5568 )
5569
5570 ),
5571 'icon_padding' => array(
5572 'type' => 'slider',
5573 'label' => __pl('Spacing'),
5574 'default' => 10,
5575 'min' => 0,
5576 'max' => 50,
5577 'step' => 1,
5578 'screen' => 1,
5579 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'padding:0px {{val}}px; padding-{{icon_align}}:0px;'],
5580 ),
5581 ],
5582 'tabs_styles' => [
5583 'tabs_color' => array(
5584 'type' => 'color',
5585 'label' => __pl('Color '),
5586 'default' => '#444444',
5587 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'color:{{val}}'],
5588 ),
5589 'tabs_bg_color' => array(
5590 'type' => 'color',
5591 'label' => __pl('Background Color '),
5592 'default' => '#eeeeee',
5593 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'background-color:{{val}}'],
5594 ),
5595 'tabs_active_color' => array(
5596 'type' => 'color',
5597 'label' => __pl('Active Tab Color '),
5598 'default' => '#ffffff',
5599 'css' => ['{{element}} .pagelayer-accordion-tabs.active' => 'color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'color:{{val}}'],
5600 ),
5601 'tabs_active_bg_color' => array(
5602 'type' => 'color',
5603 'label' => __pl('Active Tab Background Color '),
5604 'default' => '#3e8ef7',
5605 'css' => ['{{element}} .pagelayer-accordion-tabs.active'=> 'background-color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'background-color:{{val}}'],
5606 ),
5607 'tab_padding' => array(
5608 'type' => 'slider',
5609 'label' => __pl('tabs_padding_label'),
5610 'default' => 15,
5611 'min' => 0,
5612 'max' => 50,
5613 'step' => 1,
5614 'screen' => 1,
5615 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'padding: {{val}}px;'],
5616 ),
5617 'accordion_title_typo' => array(
5618 'type' => 'typography',
5619 'label' => __pl('accordion_title_typo'),
5620 '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;'],
5621 ),
5622 ],
5623 'content_styles' => [
5624 'tabs_content_bg_color' => array(
5625 'type' => 'color',
5626 'label' => __pl('Background Color'),
5627 'default' => '#fff',
5628 'css' => ['{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel'=> 'background-color:{{val}}'],
5629 ),
5630 'acc_content_typo' => array(
5631 'type' => 'typography',
5632 'label' => __pl('accordion_content_typo'),
5633 'screen' => 1,
5634 '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;'],
5635 ),
5636 'acc_border_type' => array(
5637 'type' => 'select',
5638 'label' => __pl('border_type'),
5639 'list' => [
5640 '' => __pl('none'),
5641 'solid' => __pl('solid'),
5642 'double' => __pl('double'),
5643 'dotted' => __pl('dotted'),
5644 'dashed' => __pl('dashed'),
5645 'groove' => __pl('groove'),
5646 ],
5647 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-style: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-style: {{val}}'],
5648 ),
5649 'acc_border_color' => array(
5650 'type' => 'color',
5651 'label' => __pl('border_color'),
5652 'default' => '#cccccc',
5653 'req' => [
5654 '!acc_border_type' => ''
5655 ],
5656 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-color: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-color: {{val}}'],
5657 ),
5658 'acc_border_width' => array(
5659 'type' => 'padding',
5660 'label' => __pl('border_width'),
5661 'default' => '1,1,1,1',
5662 'screen' => 1,
5663 'req' => [
5664 '!acc_border_type' => ''
5665 ],
5666 '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'],
5667 )
5668 ],
5669 'styles' => [
5670 'icon_styles' => __pl('icon'),
5671 'tabs_styles' => __pl('Tabs'),
5672 'content_styles' => __pl('Content'),
5673 ],
5674 )
5675 );
5676
5677 // Accordion item
5678 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_accordion_item', array(
5679 'name' => __pl('Accordion item'),
5680 'group' => 'other',
5681 'not_visible' => 1,
5682 'func' => 'pagelayer_sc_accordion_item',
5683 'innerHTML' => 'text',
5684 'html' => '<a if="{{title}}" class="pagelayer-accordion-tabs">{{title}}<span class="pagelayer-accordion-icon"><i></i></span></a>
5685 <div if="{{text}}" class="pagelayer-accordion-panel">{{text}}</div>',
5686 'params' => array(
5687 'default_active' => array(
5688 'type' => 'checkbox',
5689 'label' => __pl('Default active tab'),
5690 ),
5691 'title' => array(
5692 'type' => 'text',
5693 'label' => __pl('title'),
5694 'default' => 'Lorem',
5695 'desc' => __pl(''),
5696 ),
5697 'text' => array(
5698 'type' => 'editor',
5699 'label' => __pl('Edit Rich Text'),
5700 'default' => 'Lorem ipsum dolor sit amet',
5701 'desc' => __pl('Edit the content here or edit directly in the Editor'),
5702 'edit' => '.pagelayer-text-holder',
5703 ),
5704 )
5705 )
5706 );
5707
5708 // Toggle / Collapse
5709 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_collapse', array(
5710 'name' => __pl('Collapse'),
5711 'group' => 'other',
5712 'func' => 'pagelayer_sc_collapse',
5713 'has_group' => [
5714 'section' => 'params',
5715 'prop' => 'elements'
5716 ],
5717 'holder' => '.pagelayer-collapse-holder',
5718 'html' => '<div class="pagelayer-collapse-holder" data-icon="{{icon}}" data-active_icon="{{active_icon}}"></div>',
5719 'params' => array(
5720 'elements' => array(
5721 'type' => 'group',
5722 'label' => __pl('Collapse Items'),
5723 'sc' => PAGELAYER_SC_PREFIX.'_accordion_item',
5724 'item_label' => array(
5725 'default' => __pl('tab'),
5726 'param' => 'title',
5727 ),
5728 'count' => 2,
5729 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('tab_name'))),
5730 ),
5731 'acc_space' => array(
5732 'type' => 'slider',
5733 'label' => __pl('Space Between'),
5734 'default' => 0,
5735 'min' => 0,
5736 'max' => 50,
5737 'step' => 1,
5738 'screen' => 1,
5739 'css' => ['{{element}} .pagelayer-accordion_item' => 'margin-bottom:{{val}}px;'],
5740 ),
5741
5742 ),
5743 'icon_style' => [
5744 'icon' => array(
5745 'type' => 'icon',
5746 'label' => __pl('list_icon_label'),
5747 'default' => 'plus',
5748 ),
5749 'active_icon' => array(
5750 'type' => 'icon',
5751 'label' => __pl('Active icon'),
5752 'default' => 'minus'
5753 ),
5754 'icon_align' => array(
5755 'type' => 'radio',
5756 'label' => __pl('Alignment'),
5757 'default' => 'left',
5758 'screen' => 1,
5759 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'float:{{val}}'],
5760 'list' => array(
5761 'left' => __pl('left'),
5762 'right' => __pl('right'),
5763 )
5764
5765 ),
5766 'icon_padding' => array(
5767 'type' => 'slider',
5768 'label' => __pl('Spacing'),
5769 'default' => 10,
5770 'min' => 0,
5771 'max' => 50,
5772 'step' => 1,
5773 'screen' => 1,
5774 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'padding:0px {{val}}px; padding-{{icon_align}}:0px;'],
5775 ),
5776 ],
5777 'tabs_styles' => [
5778 'tabs_color' => array(
5779 'type' => 'color',
5780 'label' => __pl('Color '),
5781 'default' => '#444',
5782 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'color:{{val}}'],
5783 ),
5784 'tabs_bg_color' => array(
5785 'type' => 'color',
5786 'label' => __pl('Background Color '),
5787 'default' => '#eee',
5788 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'background-color:{{val}}'],
5789 ),
5790 'tabs_active_color' => array(
5791 'type' => 'color',
5792 'label' => __pl('Active Tab Color '),
5793 'default' => '#fff',
5794 'css' => ['{{element}} .pagelayer-accordion-tabs.active' => 'color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'color:{{val}}'],
5795 ),
5796 'tabs_active_bg_color' => array(
5797 'type' => 'color',
5798 'label' => __pl('Active Tab Background Color '),
5799 'default' => '#3e8ef7',
5800 'css' => ['{{element}} .pagelayer-accordion-tabs.active'=> 'background-color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'background-color:{{val}}'],
5801 ),
5802 'tab_padding' => array(
5803 'type' => 'slider',
5804 'label' => __pl('tabs_padding_label'),
5805 'default' => 15,
5806 'min' => 0,
5807 'max' => 50,
5808 'step' => 1,
5809 'screen' => 1,
5810 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'padding: {{val}}px;'],
5811 ),
5812 'collapse_title_typo' => array(
5813 'type' => 'typography',
5814 'label' => __pl('collapsse_title_typo'),
5815 'screen' => 1,
5816 '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;'],
5817 ),
5818 ],
5819 'content_styles' => [
5820 'tabs_content_bg_color' => array(
5821 'type' => 'color',
5822 'label' => __pl('Background Color '),
5823 'default' => '#ffffff',
5824 'css' => ['{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel'=> 'background-color:{{val}}'],
5825 ),
5826 'acc_border_type' => array(
5827 'type' => 'select',
5828 'label' => __pl('border_type'),
5829 'list' => [
5830 '' => __pl('none'),
5831 'solid' => __pl('solid'),
5832 'double' => __pl('double'),
5833 'dotted' => __pl('dotted'),
5834 'dashed' => __pl('dashed'),
5835 'groove' => __pl('groove'),
5836 ],
5837 'show' => ['border_hover' => ''],
5838 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-style: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-style: {{val}}'],
5839 ),
5840 'acc_border_width' => array(
5841 'type' => 'padding',
5842 'label' => __pl('border_width'),
5843 'default' => '1,1,1,1',
5844 'screen' => 1,
5845 'req' => [
5846 '!acc_border_type' => ''
5847 ],
5848 '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'],
5849 ),
5850 'acc_border_color' => array(
5851 'type' => 'color',
5852 'label' => __pl('border_color'),
5853 'default' => '#cccccc',
5854 'req' => [
5855 '!acc_border_type' => ''
5856 ],
5857 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-color: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-color: {{val}}'],
5858 ),
5859 ],
5860 'styles' => [
5861 'icon_style' => __pl('icon'),
5862 'tabs_styles' => __pl('Tabs'),
5863 'content_styles' => __pl('Content'),
5864 ],
5865 )
5866 );
5867
5868 // Space
5869 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_space', array(
5870 'name' => __pl('space'),
5871 'group' => 'other',
5872 'func' => 'pagelayer_sc_space',
5873 'html' => '<div class="pagelayer-space-holder"></div>',
5874 'params' => array(
5875 'height' => array(
5876 'type' => 'slider',
5877 'label' => __pl('Space Height'),
5878 'screen' => 1,
5879 'units' => ['px', '%'],
5880 'css' => ['{{element}} .pagelayer-space-holder' => 'height: {{val}}px;'],
5881 'default' => '10',
5882 'min' => 0,
5883 'max' => 1000,
5884 'step' => 1
5885 )
5886 )
5887 )
5888 );
5889
5890 // Embed
5891 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_embed', array(
5892 'name' => __pl('embed'),
5893 'group' => 'other',
5894 'func' => 'pagelayer_sc_embed',
5895 'innerHTML' => 'data',
5896 'html' => '<div if={{data}} class="pagelayer-embed-container">{{data}}</div>',
5897 'params' => array(
5898 'data' => array(
5899 'type' => 'textarea',
5900 'label' => __pl('embed_paste_code'),
5901 'default' => '<p>Paste HTML code here...</P>',
5902 'desc' => '',
5903 ),
5904 )
5905 )
5906 );
5907
5908 // Shortcodes
5909 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_shortcodes', array(
5910 'name' => __pl('shortcodes'),
5911 'group' => 'other',
5912 'func' => 'pagelayer_sc_shortcodes',
5913 'innerHTML' => 'data',
5914 'holder' => '.pagelayer-shortcodes-container',
5915 'html' => '<div class="pagelayer-shortcodes-container">{{{shortcode}}}</div>',
5916 'params' => array(
5917 'data' => array(
5918 'type' => 'textarea',
5919 'label' => __pl('shortcodes_paste_code'),
5920 'desc' => 'Paste short codes here',
5921 ),
5922 )
5923 )
5924 );
5925
5926 // Google Maps
5927 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_google_maps', array(
5928 'name' => __pl('Google Maps'),
5929 'group' => 'other',
5930 'func' => 'pagelayer_sc_google_maps',
5931 'innerHTML' => 'address',
5932 'html' => '<div class="pagelayer-google-maps-holder">
5933 <iframe 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>
5934 </div>',
5935 'params' => array(
5936 'address' => array(
5937 'type' => 'text',
5938 'label' => __pl('google_map_address_label'),
5939 'default' => 'New York, New York, USA',
5940 'desc' => __pl('google_map_address_desc')
5941 ),
5942 'noscroll' => array(
5943 'type' => 'checkbox',
5944 'label' => __pl('google_map_noscroll'),
5945 'css' => ['{{element}} iframe' => 'pointer-events: none;'],
5946 ),
5947 'zoom' => array(
5948 'type' => 'slider',
5949 'label' => __pl('google_map_zoom_label'),
5950 'default' => 10,
5951 'min' => 0,
5952 'max' => 20
5953 ),
5954 'height' => array(
5955 'type' => 'slider',
5956 'label' => __pl('google_map_height'),
5957 'screen' => 1,
5958 'default' => 300,
5959 'min' => 100,
5960 'max' => 1000,
5961 'css' => ['{{element}} iframe' => 'height: {{val}}px'],
5962 ),
5963 )
5964 )
5965 );
5966
5967 // Testimonial
5968 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_testimonial', array(
5969 'name' => __pl('testimonial'),
5970 'group' => 'other',
5971 'func' => 'pagelayer_sc_testimonial',
5972 'innerHTML' => 'quote_content',
5973 'html' => '<div if="{{quote_content}}" class="pagelayer-testimonial-content">{{quote_content}}</div>
5974 <div class="pagelayer-testimonial-author-details">
5975 <div class="pagelayer-{{image_position}}">
5976 <img if="{{avatar}}" class="pagelayer-img pagelayer-testimonial-image pagelayer-testimonial-{{img_shape}}" src="{{func_image}}" />
5977 </div>
5978 <div class="pagelayer-{{image_position}}">
5979 <div if="{{cite}}" class="pagelayer-testimonial-cite">
5980 <a if-ext="{{cite_url}}" class="pagelayer-ele-link" href="{{cite_url}}">
5981 <span class="pagelayer-testimonial-author">{{cite}}</span>
5982 </a>
5983 <span if="{{designation}}" class="pagelayer-testimonial-author-title">
5984 {{designation}}
5985 </span>
5986 </div>
5987 </div>
5988 </div>',
5989 'params' => array(
5990 'image_position' => array(
5991 'type' => 'select',
5992 'label' => __pl('position'),
5993 'default' => 'aside-position',
5994 'list' =>array(
5995 'aside-position' => __pl('aside'),
5996 'top-position' => __pl('top')
5997 ),
5998 ),
5999 'alignment' => array(
6000 'type' => 'radio',
6001 'label' => __pl('testimonial_alignment_label'),
6002 'default' => 'center',
6003 'css' =>'text-align:{{val}};',
6004 'screen' => 1,
6005 'list' => array(
6006 'left' => __pl('left'),
6007 'center' => __pl('center'),
6008 'right' => __pl('right'),
6009 ),
6010 ),
6011 'author-spacing' => array(
6012 'type' => 'slider',
6013 'label' => __pl('author_spacing'),
6014 'min' => '0',
6015 'max' => '100',
6016 'default' => '20',
6017 'screen' => 1,
6018 'css' => ['{{element}} .pagelayer-testimonial-author-details' => 'margin-top:{{val}}px;'],
6019 ),
6020 ),
6021 // Styles
6022 'content_style' => [
6023 'quote_content' => array(
6024 'type' => 'editor',
6025 'label' => __pl('testimonial_content_label'),
6026 'text' => __pl('Edit Testimonial content'),
6027 'edit' => '.pagelayer-testimonial-content',
6028 '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.'
6029 )
6030 ],
6031 'avatar_style' => [
6032 'avatar' => array(
6033 'type' => 'image',
6034 'label' => __pl('testimonial_image_label'),
6035 'desc' => __pl('testimonial_image_desc'),
6036 'default' => PAGELAYER_URL.'/images/default-image.png',
6037 ),
6038 'testimonial_image_size' => array(
6039 'label' => __pl('testimonial_image_sizes'),
6040 'type' => 'slider',
6041 'min' => 0,
6042 'max' => 500,
6043 'default' => 100,
6044 'screen' => 1,
6045 'css' => ['{{element}} .pagelayer-testimonial-image' => 'width:{{val}}px !important; height:{{val}}px !important;'],
6046 ),
6047 'img_shape' => array(
6048 'type' => 'select',
6049 'label' => __pl('image_shape'),
6050 'default' => 'circle',
6051 'list' =>array(
6052 'square' => __pl('square'),
6053 'circle' => __pl('circle'),
6054 ),
6055 ),
6056 'testimonial_border_type' => array(
6057 'type' => 'select',
6058 'label' => __pl('border_type'),
6059 'css' => ['{{element}} .pagelayer-testimonial-image' =>'border-style: {{val}};'],
6060 'list' => [
6061 '' => __pl('none'),
6062 'solid' => __pl('solid'),
6063 'double' => __pl('double'),
6064 'dotted' => __pl('dotted'),
6065 'dashed' => __pl('dashed'),
6066 'groove' => __pl('groove'),
6067 ]
6068 ),
6069 'testimonial_border_color' => array(
6070 'type' => 'color',
6071 'label' => __pl('testimonial_border_color_label'),
6072 'default' => '#42414f',
6073 'css' => ['{{element}} .pagelayer-testimonial-image' => 'border-color: {{val}};'],
6074 'req' => ['!testimonial_border_type' => '']
6075 ),
6076 'testimonial_border_width' => array(
6077 'type' => 'padding',
6078 'label' => __pl('border_width'),
6079 'screen' => 1,
6080 '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;'],
6081 'req' => ['!testimonial_border_type' => '']
6082 ),
6083 'testimonial_border_radius' => array(
6084 'type' => 'padding',
6085 'label' => __pl('border_radius'),
6086 'screen' => 1,
6087 '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;'],
6088 'req' => ['!testimonial_border_type' => '']
6089 ),
6090 ],
6091 'cite_style' => [
6092 'cite' => array(
6093 'type' => 'text',
6094 'label' => __pl('testimonial_cite_label'),
6095 'default' => 'John Smith',
6096 'desc' => __pl('testimonial_cite_desc'),
6097 'edit' => '.pagelayer-testimonial-author',
6098 ),
6099 'cite_color' => array(
6100 'type' => 'color',
6101 'label' => __pl('testimonial_name_color_label'),
6102 'default' => '#426870ff',
6103 'css' => ['{{element}} .pagelayer-testimonial-author ' => 'color:{{val}}'],
6104 ),
6105 'cite_style' => array(
6106 'type' => 'typography',
6107 'label' => __pl('cite_style'),
6108 'default' => ',20,,100,,none,,,,,',
6109 'screen' => 1,
6110 '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;'],
6111 ),
6112 'cite_url' => array(
6113 'type' => 'link',
6114 'label' => __pl('testimonial_url_label'),
6115 'default' => '',
6116 'desc' => __pl('testimonial_url_desc'),
6117 ),
6118 'cite_spacing' => array(
6119 'type' => 'padding',
6120 'label' => __pl('cite_spacing'),
6121 'screen' => 1,
6122 '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'],
6123 ),
6124 ],
6125 'designation_style' => [
6126 'designation' => array(
6127 'type' => 'text',
6128 'label' => __pl('testimonial_designation_label'),
6129 'default' => 'Web Developer',
6130 'desc' => __pl('testimonial_cite_title_size_desc'),
6131 'edit' => '.pagelayer-testimonial-author-title',
6132 ),
6133 'designation_color' => array(
6134 'type' => 'color',
6135 'label' => __pl('testimonial_title_color_label'),
6136 'default' => '#9cafc0ff',
6137 'css' => ['{{element}} .pagelayer-testimonial-author-title' => 'color:{{val}}'],
6138 ),
6139 'cite_designation_style' => array(
6140 'type' => 'typography',
6141 'label' => __pl('cite_designation_style'),
6142 'default' => ',16,,100,,,,,,,',
6143 'screen' => 1,
6144 '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;'],
6145 ),
6146 ],
6147 'styles' => [
6148 'avatar_style' => __pl('avatar_style'),
6149 'cite_style' => __pl('cite'),
6150 'designation_style' => __pl('designation'),
6151 'content_style' => __pl('content_style'),
6152 ],
6153
6154 )
6155 );
6156
6157 // Progress object - Make a group
6158 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_progress', array(
6159 'name' => __pl('Progress Bars'),
6160 'group' => 'other',
6161 'func' => 'pagelayer_sc_progress',
6162 'innerHTML' => 'progress_text',
6163 'html' =>'<div if="{{title}}" class="pagelayer-progress-title">{{title}}</div>
6164 <div class="pagelayer-progress-container">
6165 <div if="{{progress_percentage}}" class="pagelayer-progress-bar pagelayer-progress-{{progress_type}}" style="width:{{progress_percentage}}%;">
6166 <span if="{{progress_text}}" class="pagelayer-progress-text">{{progress_text}}</span>
6167 <span if="{{progress_percentage}}" class="pagelayer-progress-percent"></span>
6168 </div>
6169 </div>',
6170 'params' => array(
6171 'progress_type' => array(
6172 'type' => 'select',
6173 'label' => __pl('progress_type'),
6174 'default' => 'primary',
6175 'list' => [
6176 'primary' => __pl('Primary'),
6177 'secondary' => __pl('Secondary'),
6178 'success' => __pl('Success'),
6179 'warning' => __pl('Warning'),
6180 'danger' => __pl('Danger'),
6181 '' => __pl('custom')
6182 ],
6183 ),
6184 'progress_color' => array(
6185 'type' => 'color',
6186 'label' => __pl('progress_bar_color'),
6187 'default' => '#3e8ef7',
6188 'css' => ['{{element}} .pagelayer-progress-bar' => 'background-color:{{val}};'],
6189 'req' => ['progress_type' => '']
6190 ),
6191 'progress_height' => array(
6192 'type' => 'slider',
6193 'label' => __pl('progress_height'),
6194 'min' => 0,
6195 'max' => 100,
6196 'step' => 1,
6197 'screen' => 1,
6198 'css' => ['{{element}} .pagelayer-progress-bar' => 'height:{{val}}px;',
6199 '{{element}} .pagelayer-progress-percent' => 'line-height:{{val}}px; font-size: calc({{val}}px / 2);',
6200 '{{element}} .pagelayer-progress-text' => 'line-height:{{val}}px; font-size: calc({{val}}px / 2);',
6201 ],
6202 'default' => 40,
6203 ),
6204 ),
6205 // Styles
6206 'heading_style' => [
6207 'title' => array(
6208 'type' => 'text',
6209 'label' => __pl('progress_title'),
6210 'default' => 'Progress',
6211 ),
6212 'title_color' => array(
6213 'type' => 'color',
6214 'label' => __pl('title_color'),
6215 'default' => '#768589ff',
6216 'css' => ['{{element}} .pagelayer-progress-title' => 'color:{{val}};'],
6217 ),
6218 'title_style' => array(
6219 'type' => 'typography',
6220 'label' => __pl('title_size'),
6221 'default' => ',25,,100,,,,,,,',
6222 'screen' => 1,
6223 '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;'],
6224 ),
6225 ],
6226 'percentage_style' => [
6227 'progress_text'=> array(
6228 'type' => 'text',
6229 'label' => __pl('progress_text'),
6230 'default' => 'Designing',
6231 ),
6232 'progress_text_color' => array(
6233 'type' => 'color',
6234 'label' => __pl('progress_text_color'),
6235 'default' => '#ffffff',
6236 'css' => ['{{element}} .pagelayer-progress-text' => 'color:{{val}};'],
6237 ),
6238 'progress_percentage' => array(
6239 'type' => 'slider',
6240 'label' => __pl('percentage'),
6241 'min' => 0,
6242 'max' => 100,
6243 'screen' => 1,
6244 'css' => ['{{element}} .pagelayer-progress-container > .pagelayer-progress-bar:after' => 'width:{{val}}%;',],
6245 'addAttr' => ['{{element}} .pagelayer-progress-bar' => 'pagelayer-progress-width="{{progress_percentage}}"'],
6246 'default' => 75,
6247 ),
6248 'progress_percent_color' => array(
6249 'type' => 'color',
6250 'label' => __pl('progress_percent_color'),
6251 'default' => '#ffffff',
6252 'css' => ['{{element}} .pagelayer-progress-percent' => 'color:{{val}};'],
6253 ),
6254 'hide_percentage' => array(
6255 'type' => 'checkbox',
6256 'label' => __pl('hide_percentage'),
6257 'screen' => 1,
6258 'default' => '',
6259 'css' => ['{{element}} .pagelayer-progress-percent' => 'display: none;']
6260 ),
6261 ],
6262 'styles' => [
6263 'heading_style' => __pl('heading_style'),
6264 'percentage_style' => __pl('percentage'),
6265 ]
6266 )
6267 );
6268
6269 // Color Block
6270 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_block', array(
6271 'name' => __pl('Color Block'),
6272 'group' => 'other',
6273 'func' => 'pagelayer_sc_block',
6274 'params' => array(
6275 'block_color' => array(
6276 'type' => 'color',
6277 'label' => __pl('block_color'),
6278 'default' => '#CCC',
6279 'css' => ['{{element}}' => 'background:{{val}}'],
6280 ),
6281 'block_height' => array(
6282 'type' => 'spinner',
6283 'label' => __pl('block_height'),
6284 'default' => '200',
6285 'screen' => 1,
6286 'min' => 1,
6287 'max' => 1000,
6288 'step' => 1,
6289 'css' => ['{{element}}' => 'height:{{val}}px'],
6290 ),
6291 )
6292 )
6293 );
6294
6295 // Alert
6296 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_alert', array(
6297 'name' => __pl('Alert'),
6298 'group' => 'other',
6299 'func' => 'pagelayer_sc_alert',
6300 'innerHTML' => 'alert_content',
6301 'html' => '<div class="pagelayer-alert-content">
6302 <i if="{{alert_icon}}" class="pagelayer-alert-icon fa fa-{{alert_icon}}"></i>
6303 <div if="{{alert_title}}" class="pagelayer-alert-title">{{alert_title}}</div>
6304 <div if="{{is_dismissible}}" class="pagelayer-alert-close" onclick="pagelayer_dismiss_alert(this);"></div>
6305 </div>
6306 <span if="{{alert_content}}" class="pagelayer-alert-text">{{alert_content}}</span>',
6307 'params' => array(
6308 'alert_type' => array(
6309 'type' => 'select',
6310 'label' => __pl('Type'),
6311 'default' => 'alert-primary',
6312 'addClass' => 'pagelayer-{{val}}',
6313 'list' => array(
6314 'alert-primary' => __pl('alert_type_primary'),
6315 'alert-secondary' => __pl('alert_type_secondary'),
6316 'alert-success' => __pl('alert_type_success'),
6317 'alert-info' => __pl('alert_type_info'),
6318 'alert-warning' => __pl('alert_type_warning'),
6319 'alert-danger' => __pl('alert_type_danger'),
6320 'alert-dark' => __pl('alert_type_dark'),
6321 'alert-custom' => __pl('alert_type_custom'),
6322 )
6323 ),
6324 'alert_bg_color' => array(
6325 'type' => 'color',
6326 'label' => __pl('alert_bg_color'),
6327 'css' => 'background-color: {{val}}',
6328 'req' => ['alert_type' => 'alert-custom']
6329 ),
6330 'is_dismissible' => array(
6331 'type' => 'checkbox',
6332 'label' => __pl('is_dismissible'),
6333 'default' => 'true',
6334 'addClass' => 'pagelayer-alert-dismissible'
6335 )
6336 ),
6337 'icon_style' => [
6338 'alert_icon' => array(
6339 'type' => 'icon',
6340 'label' => __pl('alert_icon'),
6341 'default' => 'exclamation',
6342 ),
6343 'alert_icon_color' => array(
6344 'type' => 'color',
6345 'label' => __pl('alert_icon_color'),
6346 'css' => ['{{element}} .pagelayer-alert-icon' => 'color: {{val}}'],
6347 ),
6348 'alert_font_size' => array(
6349 'label' => __pl('alert_font_size'),
6350 'type' => 'slider',
6351 'min' => 0,
6352 'max' => 500,
6353 'default' => 30,
6354 'screen' => 1,
6355 'css' => ['{{element}} .pagelayer-alert-icon' => 'font-size:{{val}}px;'],
6356 ),
6357 'alert_icon_spacing' => array(
6358 'label' => __pl('alert_icon_spacing'),
6359 'type' => 'slider',
6360 'min' => 0,
6361 'max' => 200,
6362 'default' => 5,
6363 'screen' => 1,
6364 'css' => ['{{element}} .pagelayer-alert-icon' => 'margin-right:{{val}}px;'],
6365 ),
6366 ],
6367 'title_style' => [
6368 'alert_title' => array(
6369 'type' => 'text',
6370 'label' => __pl('alert_title'),
6371 'default' => 'This is an Alert',
6372 'edit' => '.pagelayer-alert-title',
6373 ),
6374 'alert_title_color' => array(
6375 'type' => 'color',
6376 'label' => __pl('alert_title_color'),
6377 'default' => '',
6378 'css' => ['{{element}} .pagelayer-alert-title' => 'color:{{val}}'],
6379 ),
6380 'title_typo' => array(
6381 'type' => 'typography',
6382 'label' => __pl('title_typo'),
6383 'default' => ',22,,600,,,,,,,',
6384 'screen' => 1,
6385 '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;'],
6386 ),
6387 ],
6388 'content_style' => [
6389 'alert_content' => array(
6390 'type' => 'textarea',
6391 'label' => __pl('alert_content'),
6392 'default' => 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.',
6393 'edit' => '.pagelayer-alert-text',
6394 ),
6395 'alert_content_color' => array(
6396 'type' => 'color',
6397 'label' => __pl('alert_content_color'),
6398 'default' => '',
6399 'css' => ['{{element}} .pagelayer-alert-text' => 'color:{{val}}',
6400 '{{element}} .pagelayer-alert-text *' => 'color:{{val}}'],
6401 'req' => ['!alert_content' => ''],
6402 ),
6403 'content_typo' => array(
6404 'type' => 'typography',
6405 'label' => __pl('title_typo'),
6406 'default' => ',13,,,,,,,,,',
6407 'screen' => 1,
6408 '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;'],
6409 ),
6410 ],
6411 'styles' => [
6412 'icon_style' => __pl('icon'),
6413 'title_style' => __pl('title_style'),
6414 'content_style' => __pl('content_style'),
6415 ],
6416 )
6417 );
6418
6419 // Anchor
6420 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_anchor', array(
6421 'name' => __pl('Anchor'),
6422 'group' => 'other',
6423 'func' => 'pagelayer_sc_anchor',
6424 'html' => '<div id="{{title}}" class="pagelayer-anchor-holder"></div>',
6425 'params' => array(
6426 'title' => array(
6427 'type' => 'text',
6428 'label' => __pl('Anchor ID'),
6429 'desc' => __pl('Note : Please enter the name of Unique ID that you want to use as an Anchor (Without #)'),
6430 ),
6431 )
6432 )
6433 );
6434
6435 // Star object
6436 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_stars', array(
6437 'name' => __pl('Stars'),
6438 'group' => 'other',
6439 'func' => 'pagelayer_sc_stars',
6440 'html' => '<span if="{{rating_title}}" class="pagelayer-stars-title">{{rating_title}}</span>
6441 <div class="pagelayer-stars-container" title="{{number_of_ratings}}/{{number_of_stars}}" pagelayer-stars-value="{{number_of_ratings}}" pagelayer-stars-count="{{number_of_stars}}">
6442 </div>',
6443 'params' => array(
6444 'number_of_stars' => array(
6445 'type' => 'spinner',
6446 'label' => __pl('stars_count'),
6447 'min' => 0,
6448 'max' => 10,
6449 'step' => 1,
6450 'default' => 5,
6451 ),
6452 'number_of_ratings' => array(
6453 'type' => 'spinner',
6454 'label' => __pl('stars_rating'),
6455 'min' => 0,
6456 'max' => 10,
6457 'step' => .1,
6458 'default' => 2.5,
6459 ),
6460 'ratings_align' => array(
6461 'type' => 'radio',
6462 'label' => __pl('alignment'),
6463 'css' => ['{{element}}' => 'text-align: {{val}}'],
6464 'screen' => 1,
6465 'list' => array(
6466 'left' => 'Left',
6467 'center' => 'Center',
6468 'right' => 'Right'
6469 ),
6470 ),
6471 ),
6472 'title_style' => [
6473 'rating_title' => array(
6474 'type' => 'text',
6475 'label' => __pl('rating_title'),
6476 'default' => 'Rate us',
6477 ),
6478 'title_color' => array(
6479 'type' => 'color',
6480 'label' => __pl('title_color'),
6481 'default' => '#3e8ef7',
6482 'css' => ['{{element}} .pagelayer-stars-title' => 'color: {{val}}'],
6483 ),
6484 'title_style' => array(
6485 'type' => 'typography',
6486 'label' => __pl('counter_number_size'),
6487 'default' => ',25,,600,,,solid,,,,',
6488 'screen' => 1,
6489 '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;'],
6490 ),
6491 ],
6492 'stars_style' => [
6493 'stars_color' => array(
6494 'type' => 'color',
6495 'label' => __pl('stars_color'),
6496 'default' => '#3e8ef7',
6497 'css' => ['{{element}} .pagelayer-stars-icon:before' => 'color: {{val}}'],
6498 ),
6499 'unmarked_stars_color' => array(
6500 'type' => 'color',
6501 'label' => __pl('unmarked_star_color'),
6502 'default' => '#ccd6df',
6503 'css' => ['{{element}} .pagelayer-stars-container' => 'color: {{val}}'],
6504 ),
6505 'stars_font_size' => array(
6506 'label' => __pl('stars_font_size'),
6507 'type' => 'slider',
6508 'min' => 0,
6509 'max' => 100,
6510 'default' => 30,
6511 'screen' => 1,
6512 'css' => ['{{element}} .pagelayer-stars-container' => 'font-size:{{val}}px;'],
6513 ),
6514 'stars_spacing' => array(
6515 'label' => __pl('stars_spacing'),
6516 'type' => 'slider',
6517 'min' => 0,
6518 'max' => 100,
6519 'default' => 10,
6520 'screen' => 1,
6521 'css' => ['{{element}} .pagelayer-stars-icon' => 'margin-left:{{val}}px;'],
6522 ),
6523 ],
6524 'styles' => [
6525 'title_style' => __pl('title'),
6526 'stars_style' => __pl('stars_style'),
6527 ],
6528 )
6529 );
6530
6531 // Divider
6532 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_divider', array(
6533 'name' => __pl('Divider'),
6534 'group' => 'other',
6535 'func' => 'pagelayer_sc_divider',
6536 'html' => '<div class="pagelayer-divider-holder">
6537 <span class="pagelayer-divider-seperator"></span>
6538 </div>',
6539 'params' => array(
6540 'divider_style' => array(
6541 'type' => 'select',
6542 'label' => __pl('divider_border_type'),
6543 'css' => ['{{element}} .pagelayer-divider-seperator' =>'border-top-style: {{val}};'],
6544 'default' => 'solid',
6545 'list' => [
6546 'solid' => __pl('solid'),
6547 'double' => __pl('double'),
6548 'dotted' => __pl('dotted'),
6549 'dashed' => __pl('dashed'),
6550 'groove' => __pl('groove'),
6551 ],
6552 ),
6553 'divider_color' => array(
6554 'type' => 'color',
6555 'label' => __pl('divider_color'),
6556 'default' => '#3E8EF7',
6557 'css' => ['{{element}} .pagelayer-divider-seperator' => 'border-top-color: {{val}};'],
6558 ),
6559 'divider_weight' => array(
6560 'type' => 'slider',
6561 'label' => __pl('divider_border_weight'),
6562 'min' => 1,
6563 'max' => 30,
6564 'default' => 3,
6565 'screen' => 1,
6566 'css' => ['{{element}} .pagelayer-divider-seperator' =>'border-top-width: {{val}}px;'],
6567 ),
6568 'divider_widht' => array(
6569 'type' => 'slider',
6570 'label' => __pl('divider_border_width'),
6571 'min' => 1,
6572 'max' => 100,
6573 'default' => 50,
6574 'screen' => 1,
6575 'css' => ['{{element}} .pagelayer-divider-seperator' =>'width: {{val}}%;'],
6576 ),
6577 'divider_gap' => array(
6578 'type' => 'slider',
6579 'label' => __pl('divider_gap'),
6580 'min' => 1,
6581 'max' => 100,
6582 'default' => 10,
6583 'screen' => 1,
6584 'css' => ['{{element}} .pagelayer-divider-holder' =>'padding-top: {{val}}px; padding-bottom: {{val}}px;'],
6585 ),
6586 'divider_alignment' => array(
6587 'type' => 'radio',
6588 'label' => __pl('divider_alignment'),
6589 'default' => 'center',
6590 'screen' => 1,
6591 'css' => ['{{element}} .pagelayer-divider-holder' => 'text-align: {{val}};'],
6592 'list' => array(
6593 'left' => __pl('left'),
6594 'center' => __pl('center'),
6595 'right' => __pl('right'),
6596 )
6597 ),
6598 ),
6599 )
6600 );
6601
6602 // Counter
6603 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_counter', array(
6604 'name' => __pl('Counter'),
6605 'group' => 'other',
6606 'func' => 'pagelayer_sc_counter',
6607 'html' => '<div class="pagelayer-counter-holder">
6608 <div if="{{counter_start_number}}" class="pagelayer-counter-content">
6609 <span if="{{number_prefix}}">{{number_prefix}}</span><span class="pagelayer-counter-display">{{counter_start_number}}</span><span if="{{number_suffix}}">{{number_suffix}}</span>
6610 </div>
6611 <span if="{{counter_text}}" class="pagelayer-counter-info">{{counter_text}}</span>
6612 </div>',
6613 'params' => array(
6614 'counter_start_number' => array(
6615 'type' => 'spinner',
6616 'label' => __pl('starting_number'),
6617 'min' => '0',
6618 'default' => '1',
6619 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-initial-value="{{counter_start_number}}"'],
6620 ),
6621 'counter_end_number' => array(
6622 'type' => 'spinner',
6623 'label' => __pl('Ending_number'),
6624 'min' => '0',
6625 'default' => '200',
6626 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-last-value="{{counter_end_number}}"'],
6627 ),
6628 'animation_duration' => array(
6629 'type' => 'spinner',
6630 'label' => __pl('counter_animation_duration'),
6631 'min' => '500',
6632 'max' => '500000',
6633 'default' =>'2000',
6634 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-animation-duration="{{animation_duration}}"'],
6635 ),
6636 'counter_align' => array(
6637 'type' => 'radio',
6638 'label' => __pl('counter_align'),
6639 'default' => 'center',
6640 'css' => 'text-align: {{val}};',
6641 'screen' => 1,
6642 'list' => [
6643 'left' => __pl('left'),
6644 'center' => __pl('center'),
6645 'right' => __pl('right'),
6646 ]
6647 ),
6648 ),
6649 // Styles
6650 'counter_style' => [
6651 'counter_number_color' => array(
6652 'type' => 'color',
6653 'label' => __pl('counter_number_color_label'),
6654 'default' => '#3E8EF7',
6655 'css' => ['{{element}} .pagelayer-counter-content' => 'color:{{val}};'],
6656 ),
6657 'number_prefix' => array(
6658 'type' => 'text',
6659 'label' => __pl('number_prefix'),
6660 ),
6661 'number_suffix' => array(
6662 'type' => 'text',
6663 'label' => __pl('number_suffix'),
6664 ),
6665 'thousand_seperator' => array(
6666 'type' => 'checkbox',
6667 'label' => __pl('thousand_seperator'),
6668 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-seperator="{{thousand_seperator}}"'],
6669 ),
6670 'thousand_seperator_type' => array(
6671 'type' => 'select',
6672 'label' => __pl('thousand_seperator_type'),
6673 'default' => ',',
6674 'list' => [
6675 ',' => __pl('Default'),
6676 '.' => __pl('Dot'),
6677 '&nbsp;' => __pl('Space'),
6678 ],
6679 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-seperator-type="{{thousand_seperator_type}}"'],
6680 'req' => array(
6681 'thousand_seperator' => 'true',
6682 ),
6683 ),
6684 'counter_number_style' => array(
6685 'type' => 'typography',
6686 'label' => __pl('counter_number_size'),
6687 'default' => ',60,,600,,,solid,,,,',
6688 'screen' => 1,
6689 '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;'],
6690 ),
6691 ],
6692 'counter_label_style' => [
6693 'counter_text' => array(
6694 'type' => 'text',
6695 'label' => __pl('counter_text'),
6696 'default' => 'Counter',
6697 'edit' => '.pagelayer-counter-info'
6698 ),
6699 'counter_text_color' => array(
6700 'type' => 'color',
6701 'label' => __pl('counter_text_color_label'),
6702 'default' => '#333333',
6703 'css' => ['{{element}} .pagelayer-counter-info' => 'color:{{val}};'],
6704 ),
6705 'counter_text_style' => array(
6706 'type' => 'typography',
6707 'label' => __pl('counter_text_style'),
6708 'default' => ',25,,400,,,solid,,,,',
6709 'screen' => 1,
6710 '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;'],
6711 ),
6712 ],
6713 'styles' => [
6714 'counter_label_style' => __pl('counter_label_style'),
6715 'counter_style' => __pl('counter_style'),
6716 ],
6717 )
6718 );
6719
6720
6721
6722 ////////////////////////
6723 // WordPress Group
6724 ////////////////////////
6725
6726 // Make a list of Widget Items
6727 global $wp_registered_sidebars;
6728 $pagelayer_wp_widgets = array();
6729 $pagelayer_wp_widget_default = '';
6730
6731 if(!empty($wp_registered_sidebars)){
6732 foreach($wp_registered_sidebars as $v){
6733 if(empty($pagelayer_wp_widget_default)){
6734 $pagelayer_wp_widget_default = $v['id'];
6735 }
6736 $pagelayer_wp_widgets[$v['id']] = $v['name'];
6737 }
6738 }else{
6739 $pagelayer_wp_widgets['no'] = __pl('wp_widgets_area_no_sidebars');
6740 }
6741
6742 // Widgets Area
6743 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_wp_widgets', array(
6744 'name' => __pl('Sidebars / Widget Area'),
6745 'group' => 'wordpress',
6746 'func' => 'pagelayer_sc_wp_widgets',
6747 'html' => '<div class="pagelayer-wp-sidebar-title">{{title}}</div>
6748 <div class="pagelayer-wp-sidebar-holder">{{{data}}}</div>',
6749 'params' => array(
6750 'title' => array(
6751 'type' => 'text',
6752 'label' => __pl('parameters_title'),
6753 'default' => 'Title',
6754 'desc' => __pl('wp_widgets_area_description')
6755 ),
6756 'sidebar' => array(
6757 'type' => 'select',
6758 'label' => __pl('wp_widgets_area_select'),
6759 'default' => $pagelayer_wp_widget_default,
6760 'desc' => '',
6761 'list' => $pagelayer_wp_widgets
6762 )
6763 )
6764 )
6765 );
6766
6767 // Load the wordpress widgets, IF ALLOWED !
6768 if(current_user_can('edit_theme_options')){
6769
6770 // Include the widgets
6771 //include_once(ABSPATH . 'wp-admin/includes/widgets.php');
6772
6773 //pagelayer_print($GLOBALS['wp_widget_factory']->widgets);die();
6774
6775 foreach($GLOBALS['wp_widget_factory']->widgets as $widget_key => $widget){
6776
6777 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_wp_'.$widget->id_base, array(
6778 'name' => $widget->name,
6779 'group' => 'wordpress',
6780 'func' => 'pagelayer_does_not_exist',
6781 'innerHTML' => 'widget_data',
6782 'widget' => $widget_key
6783 )
6784 );
6785
6786 }
6787 }
6788
6789 // Its premium
6790 if(defined('PAGELAYER_PREMIUM')){
6791 include_once(dirname(__FILE__).'/premium.php');
6792 }
6793