PluginProbe
Page Builder: Pagelayer – Drag and Drop website builder / 0.9.7
Page Builder: Pagelayer – Drag and Drop website builder v0.9.7
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.7, at main/shortcodes.php

6,797 lines 226.8 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 'default' => '#3e8ef7',
4522 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
4523 'show' => ['heading_state' => 'hover'],
4524 ),
4525 'heading_typo_hover' => array(
4526 'type' => 'typography',
4527 'label' => __pl('service_heading_typo'),
4528 'default' => ',28,,600,,,,,,,',
4529 'screen' => 1,
4530 '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;'],
4531 'show' => ['heading_state' => 'hover'],
4532 ),
4533 ],
4534 //service content style
4535 'service_content_style' =>[
4536 'service_text_alignment' => array(
4537 'type' => 'select',
4538 'label' => __pl('service_box_text_alignment'),
4539 'default' => 'center',
4540 'screen' => 1,
4541 'list' => array(
4542 'left' => __pl('left'),
4543 'center' => __pl('center'),
4544 'right' => __pl('right'),
4545 'justify' => __pl('justify'),
4546 ),
4547 'css' => ['{{element}} .pagelayer-service-details' => 'text-align:{{val}};'],
4548 ),
4549 'service_text' => array(
4550 'type' => 'editor',
4551 'label' => __pl('service_box_text_label'),
4552 '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.',
4553 'text' => __pl('open_in_wpeditor'),
4554 )
4555 ],
4556 //service button style
4557 'service_btn_style' =>[
4558 'service_button' => array(
4559 'type' => 'checkbox',
4560 'label' => __pl('show_btn')
4561 ),
4562 'service_button_type' => array(
4563 'type' => 'select',
4564 'label' => __pl('type'),
4565 'default' => 'pagelayer-btn-default',
4566 'list' => array(
4567 'pagelayer-btn-default' => __pl('btn_type_default'),
4568 'pagelayer-btn-primary' => __pl('btn_type_primary'),
4569 'pagelayer-btn-secondary' => __pl('btn_type_secondary'),
4570 'pagelayer-btn-success' => __pl('btn_type_success'),
4571 'pagelayer-btn-info' => __pl('btn_type_info'),
4572 'pagelayer-btn-warning' => __pl('btn_type_warning'),
4573 'pagelayer-btn-danger' => __pl('btn_type_danger'),
4574 'pagelayer-btn-dark' => __pl('btn_type_dark'),
4575 'pagelayer-btn-light' => __pl('btn_type_light'),
4576 'pagelayer-btn-link' => __pl('btn_type_link'),
4577 'pagelayer-btn-custom' => __pl('btn_type_custom')
4578 ),
4579 'req' => array(
4580 'service_button' => 'true'
4581 ),
4582 ),
4583 'service_button_size' => array(
4584 'type' => 'select',
4585 'label' => __pl('button_size_label'),
4586 'default' => 'pagelayer-btn-small',
4587 'list' => array(
4588 'pagelayer-btn-mini' => __pl('mini'),
4589 'pagelayer-btn-small' => __pl('small'),
4590 'pagelayer-btn-large' => __pl('large'),
4591 'pagelayer-btn-extra-large' => __pl('extra_large'),
4592 'pagelayer-btn-double-large' => __pl('double_large'),
4593 //'pagelayer-btn-custom' => __pl('custom'),
4594 ),
4595 'req' => array(
4596 'service_button' => 'true'
4597 )
4598 ),
4599 'service_button_url' => array(
4600 'type' => 'link',
4601 'label' => __pl('service_btn_url_label'),
4602 'req' => array(
4603 'service_button' => 'true'
4604 ),
4605 ),
4606 'service_button_text' => array(
4607 'type' => 'text',
4608 'label' => __pl('service_button_text_label'),
4609 'default' => 'Click Here!',
4610 'req' => array(
4611 'service_button' => 'true'
4612 ),
4613 ),
4614 'service_btn_spacing' => array(
4615 'type' => 'slider',
4616 'label' => __pl('service_btn_spacing'),
4617 'min' => '0',
4618 'max' => '200',
4619 'default' => '10',
4620 'screen' => 1,
4621 'css' => ['{{element}} .pagelayer-service-btn' => 'margin-top: {{val}}px;'],
4622 'req' => [
4623 'service_button' => 'true',
4624 ]
4625 ),
4626 'service_button_font_size' => array(
4627 'type' => 'slider',
4628 'label' => __pl('iconbox_btn_text_size'),
4629 'min' => '0',
4630 'max' => '50',
4631 'screen' => 1,
4632 'css' => ['{{element}} .pagelayer-service-btn' => 'font-size:{{val}}px;'],
4633 'req' => [
4634 'service_button' => 'true',
4635 'iconbox_button_type' => 'pagelayer-btn-custom',
4636 ]
4637 ),
4638 'service_btn_state' => array(
4639 'type' => 'radio',
4640 'label' => __pl('button_state'),
4641 'default' => 'normal',
4642 'list' => array(
4643 'normal' => __pl('Normal'),
4644 'hover' => __pl('Hover'),
4645 ),
4646 'req' => array(
4647 'service_button' => 'true',
4648 'service_button_type' => 'pagelayer-btn-custom'
4649 ),
4650 ),
4651 'service_button_color' => array(
4652 'type' => 'color',
4653 'label' => __pl('iconbox_button_color'),
4654 'default' => '#ffffff',
4655 'css' => ['{{element}} .pagelayer-service-btn' => 'color:{{val}};'],
4656 'req' => [
4657 'service_button' => 'true',
4658 'service_button_type' => 'pagelayer-btn-custom',
4659 ],
4660 'show' => ['service_btn_state' => 'normal']
4661 ),
4662 'service_button_bg_color' => array(
4663 'type' => 'color',
4664 'label' => __pl('service_button_bg_color'),
4665 'default' => '#3e8ef7',
4666 'css' => ['{{element}} .pagelayer-service-btn' => 'background-color:{{val}};'],
4667 'req' => [
4668 'service_button' => 'true',
4669 'service_button_type' => 'pagelayer-btn-custom',
4670 ],
4671 'show' => ['service_btn_state' => 'normal']
4672 ),
4673 'service_btn_hover_delay' => array(
4674 'type' => 'spinner',
4675 'label' => __pl('service_btn_hover_delay'),
4676 'min' => 0,
4677 'step' => 100,
4678 'max' => 5000,
4679 'default' => 400,
4680 'css' => ['{{element}} .pagelayer-service-btn' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
4681 'show' => ['service_btn_state' => 'hover'],
4682 ),
4683 'service_button_color_hover' => array(
4684 'type' => 'color',
4685 'label' => __pl('iconbox_button_color'),
4686 'default' => '',
4687 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'color:{{val}};'],
4688 'show' => ['service_btn_state' => 'hover'],
4689 ),
4690 'service_button_bg_color_hover' => array(
4691 'type' => 'color',
4692 'label' => __pl('service_button_bg_color_hover'),
4693 'default' => '',
4694 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'background-color:{{val}};'],
4695 'show' => ['service_btn_state' => 'hover'],
4696 ),
4697 ],
4698 'styles' => [
4699 'service_img_style' => __pl('service_img_style'),
4700 'service_heading_style' => __pl('service_heading_style'),
4701 'service_content_style' => __pl('service_content_style'),
4702 'service_btn_style' => __pl('service_btn_style'),
4703 ],
4704 )
4705 );
4706
4707 // Icon Box
4708 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_iconbox', array(
4709 'name' => __pl('Icon Box'),
4710 'group' => 'other',
4711 'func' => 'pagelayer_sc_iconbox',
4712 'innerHTML' => 'service_text',
4713 'html' => '<div class="pagelayer-service-container pagelayer-service-align-{{service_alignment}} pagelayer-service-vertical-{{service_vertical_alignment}}">
4714 <div class="pagelayer-service-icon pagelayer-service-{{service_icon_view}}">
4715 <i class="fa fa-{{service_icon}} pagelayer-icon-{{service_icon_shape_type}} pagelayer-animation-{{anim_hover}}" aria-hidden="true"></i>
4716 </div>
4717 <div class="pagelayer-service-details">
4718 <div if="{{service_heading}}" class="pagelayer-service-heading">{{service_heading}}</div>
4719 <div if="{{service_text}}" class="pagelayer-service-text">{{service_text}}</div>
4720 <a if="{{service_button}}" href="{{service_button_url}}" class="pagelayer-service-btn pagelayer-button pagelayer-ele-link {{iconbox_button_type}} {{service_button_size}}">
4721 <span if="{{service_button_text}}">{{service_button_text}}</span>
4722 </a>
4723 </div>
4724 </div>',
4725 'params' => array(
4726 'service_icon' => array(
4727 'type' => 'icon',
4728 'label' => __pl('iconbox_font_icon_label'),
4729 'default' => 'exclamation-circle',
4730 ),
4731 'service_alignment' => array(
4732 'type' => 'radio',
4733 'label' => __pl('iconbox_box_media_alignment'),
4734 'default' => 'top',
4735 'list' => array(
4736 'left' => __pl('left'),
4737 'top' => __pl('top'),
4738 'right' => __pl('right'),
4739 ),
4740 ),
4741 'service_vertical_alignment' => array(
4742 'type' => 'radio',
4743 'label' => __pl('iconbox_box_media_vertical_alignment'),
4744 'default' => 'middle',
4745 'list' => array(
4746 'top' => __pl('top'),
4747 'middle' => __pl('middle'),
4748 'bottom' => __pl('bottom'),
4749 ),
4750 'req' => array(
4751 '!service_alignment' => 'top'
4752 )
4753 ),
4754 ),
4755 // icon style
4756 'service_icon_style' => [
4757 'service_icon_view' => array(
4758 'type' => 'select',
4759 'label' => __pl('iconbox_icon_view'),
4760 'default' => 'default',
4761 'list' =>array(
4762 'default' => __pl('Default'),
4763 'stacked' => __pl('Stacked'),
4764 'framed' => __pl('Framed'),
4765 ),
4766 ),
4767 'service_icon_shape_type' => array(
4768 'type' => 'select',
4769 'label' => __pl('iconbox_icon_shape_label'),
4770 'default' => '',
4771 'list' =>array(
4772 'square' => __pl('Square'),
4773 'circle' => __pl('Circle'),
4774 ),
4775 'req' => ['!service_icon_view' => 'default'],
4776 ),
4777 'service_icon_padding' => array(
4778 'type' => 'slider',
4779 'label' => __pl('service_icon_padding'),
4780 'min' => '0',
4781 'max' => '200',
4782 'default' => '15',
4783 'screen' => 1,
4784 'css' => ['{{element}} .pagelayer-service-icon i' => 'padding: calc(0.5em + {{val}}px);'],
4785 'req' => ['!service_icon_view' => 'default'],
4786 ),
4787 'service_icon_spacing' => array(
4788 'type' => 'padding',
4789 'label' => __pl('service_icon_spacing'),
4790 '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;'],
4791 ),
4792 'service_icon_state' => array(
4793 'type' => 'radio',
4794 'label' => __pl('icon_state'),
4795 'default' => 'normal',
4796 'list' => array(
4797 'normal' => __pl('Normal'),
4798 'hover' => __pl('Hover'),
4799 ),
4800 ),
4801 'service_icon_color' => array(
4802 'type' => 'color',
4803 'label' => __pl('iconbox_icon_color'),
4804 'default' => '#3e8ef7',
4805 'css' => ['{{element}} .pagelayer-service-icon i' => 'color:{{val}};'],
4806 'show' => ['service_icon_state' => 'normal'],
4807 ),
4808 'service_icon_background_color' => array(
4809 'type' => 'color',
4810 'label' => __pl('service_icon_background_color'),
4811 'default' => '#eff0f0ff',
4812 'css' => ['{{element}} .pagelayer-service-icon.pagelayer-service-stacked i' => 'background-color:{{val}};'],
4813 'show' => ['service_icon_state' => 'normal'],
4814 'req' => ['service_icon_view' => 'stacked']
4815 ),
4816 'service_icon_font_size' => array(
4817 'type' => 'slider',
4818 'label' => __pl('service_icon_size'),
4819 'min' => '0',
4820 'max' => '300',
4821 'default' => '75',
4822 'screen' => 1,
4823 'css' => ['{{element}} .pagelayer-service-icon' => 'font-size:{{val}}px;'],
4824 'show' => ['service_icon_state' => 'normal'],
4825 ),
4826 'service_rotate' => array(
4827 'type' => 'slider',
4828 'label' => __pl('service_icon_rotate'),
4829 'min' => '0',
4830 'max' => '360',
4831 'default' => '0',
4832 'screen' => 1,
4833 'css' => ['{{element}} .pagelayer-service-icon i' => 'transform: rotate({{val}}deg);'],
4834 'show' => ['service_icon_state' => 'normal'],
4835 ),
4836 'service_icon_hover_delay' => array(
4837 'type' => 'spinner',
4838 'label' => __pl('service_icon_hover_delay'),
4839 'min' => 0,
4840 'step' => 100,
4841 'max' => 5000,
4842 'default' => 400,
4843 'css' => ['{{element}} .pagelayer-service-icon i' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
4844 'show' => ['service_icon_state' => 'hover'],
4845 ),
4846 'anim_hover' => array(
4847 'type' => 'select',
4848 'label' => __pl('icon_animation'),
4849 'list' => [
4850 '' => __pl('none'),
4851 'grow' => __pl('Grow'),
4852 'shrink' => __pl('Shrink'),
4853 'pulse' => __pl('Pulse'),
4854 'pulse-grow' => __pl('Pulse Grow'),
4855 'pulse-shrink' => __pl('Pulse Shrink'),
4856 'push' => __pl('Push'),
4857 'pop' => __pl('Pop'),
4858 'buzz' => __pl('Buzz'),
4859 'buzz-out' => __pl('Buzz Out'),
4860 'float' => __pl('Float'),
4861 'sink' => __pl('Sink'),
4862 'bob' => __pl('Bob'),
4863 'hang' => __pl('Hang'),
4864 'bounce-in' => __pl('Bounce In'),
4865 'bounce-out' => __pl('Bounce Out'),
4866 'rotate' => __pl('Rotate'),
4867 'grow-rotate' => __pl('Grow Rotate'),
4868 'skew-forward' => __pl('Skew Forward'),
4869 'skew-backward' => __pl('Skew Backward'),
4870 'wobble-vertical' => __pl('Wobble Vertical'),
4871 'wobble-horizontal' => __pl('Wobble Horizontal'),
4872 'wobble-bottom-to-right' => __pl('Wobble Bottom To Right'),
4873 'wobble-top-to-right' => __pl('Wobble Top To Right'),
4874 'wobble-top' => __pl('Wobble Top'),
4875 'wobble-bottom' => __pl('Wobble Bottom'),
4876 'wobble-skew' => __pl('Wobble Skew'),
4877 ],
4878 'show' => array(
4879 'service_icon_state' => 'hover',
4880 ),
4881 ),
4882 'service_icon_color_hover' => array(
4883 'type' => 'color',
4884 'label' => __pl('service_icon_color_hover'),
4885 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'color:{{val}};'],
4886 'show' => ['service_icon_state' => 'hover'],
4887 ),
4888 'service_icon_background_color_hover' => array(
4889 'type' => 'color',
4890 'label' => __pl('service_icon_background_color_hover'),
4891 'default' => '',
4892 'css' => ['{{element}}:hover .pagelayer-service-icon.pagelayer-service-stacked i' => 'background-color:{{val}};'],
4893 'show' => ['service_icon_state' => 'hover'],
4894 'req' => ['service_icon_view' => 'stacked']
4895 ),
4896 'service_icon_size_hover' => array(
4897 'type' => 'slider',
4898 'label' => __pl('service_icon_size_hover'),
4899 'min' => '0',
4900 'max' => '300',
4901 'screen' => 1,
4902 'css' => ['{{element}}:hover .pagelayer-service-icon' => 'font-size:{{val}}px;'],
4903 'show' => ['service_icon_state' => 'hover'],
4904 ),
4905 'service_rotate_hover' => array(
4906 'type' => 'slider',
4907 'label' => __pl('service_rotate_hover'),
4908 'min' => '0',
4909 'max' => '360',
4910 'screen' => 1,
4911 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'transform: rotate({{val}}deg);'],
4912 'show' => ['service_icon_state' => 'hover'],
4913 ),
4914 ],
4915 'service_icon_border' => [
4916 'service_bor_state' => array(
4917 'type' => 'radio',
4918 'label' => __pl('icon_state'),
4919 'default' => 'normal',
4920 'list' => array(
4921 'normal' => __pl('Normal'),
4922 'hover' => __pl('Hover'),
4923 ),
4924 ),
4925 'service_icon_border_type' => array(
4926 'type' => 'select',
4927 'label' => __pl('icon_border_type'),
4928 'css' => ['{{element}} .pagelayer-service-icon i' =>'border-style: {{val}};'],
4929 'list' => [
4930 '' => __pl('none'),
4931 'solid' => __pl('solid'),
4932 'double' => __pl('double'),
4933 'dotted' => __pl('dotted'),
4934 'dashed' => __pl('dashed'),
4935 'groove' => __pl('groove'),
4936 ],
4937 'show' => ['service_bor_state' => 'normal'],
4938 ),
4939 'service_icon_border_color' => array(
4940 'type' => 'color',
4941 'label' => __pl('icon_border_color_label'),
4942 'default' => '#3e8ef7',
4943 'css' => ['{{element}} .pagelayer-service-icon i' => 'border-color: {{val}};'],
4944 'req' => [
4945 '!service_icon_border_type' => '',
4946 ],
4947 'show' => ['service_bor_state' => 'normal'],
4948 ),
4949 'service_icon_border_width' => array(
4950 'type' => 'padding',
4951 'label' => __pl('icon_border_width'),
4952 'screen' => 1,
4953 '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;'],
4954 'req' => [
4955 '!service_icon_border_type' => '',
4956 ],
4957 'show' => ['service_bor_state' => 'normal'],
4958 ),
4959 'service_icon_border_radius' => array(
4960 'type' => 'padding',
4961 'label' => __pl('border_radius'),
4962 'screen' => 1,
4963 '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;'],
4964 'req' => [
4965 '!service_icon_border_type' => '',
4966 ],
4967 'show' => ['service_bor_state' => 'normal'],
4968 ),
4969 'service_icon_border_type_hover' => array(
4970 'type' => 'select',
4971 'label' => __pl('icon_border_type_hover'),
4972 'css' => ['{{element}}:hover .pagelayer-service-icon i' =>'border-style: {{val}};'],
4973 'list' => [
4974 '' => __pl('none'),
4975 'solid' => __pl('solid'),
4976 'double' => __pl('double'),
4977 'dotted' => __pl('dotted'),
4978 'dashed' => __pl('dashed'),
4979 'groove' => __pl('groove'),
4980 ],
4981 'show' => ['service_bor_state' => 'hover'],
4982 ),
4983 'service_icon_border_color_hover' => array(
4984 'type' => 'color',
4985 'label' => __pl('icon_border_color_hover_label'),
4986 'default' => '#3e8ef7',
4987 'css' => ['{{element}}:hover .pagelayer-service-icon i' => 'border-color: {{val}};'],
4988 'req' => [
4989 '!service_icon_border_type_hover' => '',
4990 ],
4991 'show' => ['service_bor_state' => 'hover'],
4992 ),
4993 'service_icon_border_width_hover' => array(
4994 'type' => 'padding',
4995 'label' => __pl('icon_border_width_hover'),
4996 'screen' => 1,
4997 '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;'],
4998 'req' => [
4999 '!service_icon_border_type_hover' => '',
5000 ],
5001 'show' => ['service_bor_state' => 'hover'],
5002 ),
5003 'service_icon_border_radius_hover' => array(
5004 'type' => 'padding',
5005 'label' => __pl('border_radius'),
5006 'screen' => 1,
5007 '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;'],
5008 'req' => [
5009 '!service_icon_border_type_hover' => '',
5010 ],
5011 'show' => ['service_bor_state' => 'hover'],
5012 ),
5013 ],
5014 'service_heading_style' =>[
5015 'service_heading' => array(
5016 'type' => 'textarea',
5017 'label' => __pl('iconbox_box_heading_label'),
5018 'default' => 'This is Icon Box',
5019 'text' => __pl('open_in_wpeditor'),
5020 ),
5021 'service_heading_spacing' => array(
5022 'type' => 'slider',
5023 'label' => __pl('service_heading_spacing'),
5024 'min' => '0',
5025 'max' => '200',
5026 'default' => '10',
5027 'screen' => 1,
5028 'css' => ['{{element}} .pagelayer-service-heading' => 'margin-bottom: {{val}}px;'],
5029 ),
5030 'heading_state' => array(
5031 'type' => 'radio',
5032 'label' => __pl('icon_state'),
5033 'default' => 'normal',
5034 'list' => array(
5035 'normal' => __pl('Normal'),
5036 'hover' => __pl('Hover'),
5037 ),
5038 ),
5039 'service_heading_color' => array(
5040 'type' => 'color',
5041 'label' => __pl('service_heading_color'),
5042 'default' => '#3e8ef7',
5043 'css' => ['{{element}} .pagelayer-service-heading' => 'color:{{val}}'],
5044 'show' => ['heading_state' => 'normal']
5045 ),
5046 'service_heading_typo' => array(
5047 'type' => 'typography',
5048 'label' => __pl('service_heading_typo'),
5049 'default' => ',28,,600,,,,,,,',
5050 'screen' => 1,
5051 '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;'],
5052 'show' => ['heading_state' => 'normal']
5053 ),
5054 'heading_delay' => array(
5055 'type' => 'spinner',
5056 'label' => __pl('service_icon_hover_delay'),
5057 'min' => 0,
5058 'step' => 100,
5059 'max' => 5000,
5060 'default' => 400,
5061 'css' => ['{{element}} .pagelayer-service-heading' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
5062 'show' => ['heading_state' => 'hover']
5063 ),
5064 'heading_color_hover' => array(
5065 'type' => 'color',
5066 'label' => __pl('service_heading_color'),
5067 'default' => '#3e8ef7',
5068 'css' => ['{{element}}:hover .pagelayer-service-heading' => 'color:{{val}}'],
5069 'show' => ['heading_state' => 'hover']
5070 ),
5071 'heading_typo_hover' => array(
5072 'type' => 'typography',
5073 'label' => __pl('service_heading_typo'),
5074 'default' => ',28,,600,,,,,,,',
5075 'screen' => 1,
5076 '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;'],
5077 'show' => ['heading_state' => 'hover']
5078 ),
5079 ],
5080 //service content style
5081 'service_content_style' =>[
5082 'service_text_alignment' => array(
5083 'type' => 'select',
5084 'label' => __pl('alignment'),
5085 'default' => 'center',
5086 'screen' => 1,
5087 'list' => array(
5088 'left' => __pl('left'),
5089 'center' => __pl('center'),
5090 'right' => __pl('right'),
5091 'justify' => __pl('justify'),
5092 ),
5093 'css' => ['{{element}} .pagelayer-service-details' => 'text-align:{{val}};'],
5094 ),
5095 'service_text' => array(
5096 'type' => 'editor',
5097 'label' => __pl('iconbox_box_text_label'),
5098 '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.',
5099 'text' => __pl('open_in_wpeditor'),
5100 ),
5101 ],
5102 //service button style
5103 'service_btn_style' =>[
5104 'service_button' => array(
5105 'type' => 'checkbox',
5106 'label' => __pl('show_btn'),
5107 ),
5108 'iconbox_button_type' => array(
5109 'type' => 'select',
5110 'label' => __pl('Button Type'),
5111 'default' => 'pagelayer-btn-primary',
5112 'list' => array(
5113 'pagelayer-btn-default' => __pl('btn_type_default'),
5114 'pagelayer-btn-primary' => __pl('btn_type_primary'),
5115 'pagelayer-btn-secondary' => __pl('btn_type_secondary'),
5116 'pagelayer-btn-success' => __pl('btn_type_success'),
5117 'pagelayer-btn-info' => __pl('btn_type_info'),
5118 'pagelayer-btn-warning' => __pl('btn_type_warning'),
5119 'pagelayer-btn-danger' => __pl('btn_type_danger'),
5120 'pagelayer-btn-dark' => __pl('btn_type_dark'),
5121 'pagelayer-btn-light' => __pl('btn_type_light'),
5122 'pagelayer-btn-link' => __pl('btn_type_link'),
5123 'pagelayer-btn-custom' => __pl('btn_type_custom')
5124 ),
5125 'req' => array(
5126 'service_button' => 'true'
5127 ),
5128 ),
5129 'service_button_size' => array(
5130 'type' => 'select',
5131 'label' => __pl('button_size_label'),
5132 'default' => 'pagelayer-btn-small',
5133 'list' => array(
5134 'pagelayer-btn-mini' => __pl('mini'),
5135 'pagelayer-btn-small' => __pl('small'),
5136 'pagelayer-btn-large' => __pl('large'),
5137 'pagelayer-btn-extra-large' => __pl('extra_large'),
5138 'pagelayer-btn-double-large' => __pl('double_large'),
5139 //'pagelayer-btn-custom' => __pl('custom'),
5140 ),
5141 'req' => array(
5142 'service_button' => 'true'
5143 )
5144 ),
5145 'service_button_url' => array(
5146 'type' => 'link',
5147 'label' => __pl('iconbox_btn_url_label'),
5148 'req' => array(
5149 'service_button' => 'true'
5150 ),
5151 ),
5152 'service_button_text' => array(
5153 'type' => 'text',
5154 'label' => __pl('iconbox_button_text_label'),
5155 'default' => 'Click Here!',
5156 'req' => array(
5157 'service_button' => 'true'
5158 ),
5159 ),
5160 'service_btn_spacing' => array(
5161 'type' => 'slider',
5162 'label' => __pl('service_btn_spacing'),
5163 'min' => '0',
5164 'max' => '200',
5165 'default' => '10',
5166 'screen' => 1,
5167 'css' => ['{{element}} .pagelayer-service-btn' => 'margin-top: {{val}}px;'],
5168 'req' => [
5169 'service_button' => 'true',
5170 ]
5171 ),
5172 'service_button_font_size' => array(
5173 'type' => 'slider',
5174 'label' => __pl('iconbox_btn_text_size'),
5175 'min' => '0',
5176 'max' => '50',
5177 'screen' => 1,
5178 'css' => ['{{element}} .pagelayer-service-btn' => 'font-size:{{val}}px;'],
5179 'req' => [
5180 'service_button' => 'true',
5181 'iconbox_button_type' => 'pagelayer-btn-custom',
5182 ]
5183 ),
5184 'service_btn_state' => array(
5185 'type' => 'radio',
5186 'label' => __pl('button_state'),
5187 'default' => 'normal',
5188 'list' => array(
5189 'normal' => __pl('Normal'),
5190 'hover' => __pl('Hover'),
5191 ),
5192 'req' => array(
5193 'service_button' => 'true',
5194 'iconbox_button_type' => 'pagelayer-btn-custom'
5195 ),
5196 ),
5197 'service_button_color' => array(
5198 'type' => 'color',
5199 'label' => __pl('iconbox_button_color'),
5200 'default' => '#ffffff',
5201 'css' => ['{{element}} .pagelayer-service-btn' => 'color:{{val}};'],
5202 'req' => [
5203 'service_button' => 'true',
5204 'iconbox_button_type' => 'pagelayer-btn-custom',
5205 ],
5206 'show' => ['service_btn_state' => 'normal']
5207 ),
5208 'service_button_bg_color' => array(
5209 'type' => 'color',
5210 'label' => __pl('service_button_bg_color'),
5211 'default' => '#3e8ef7',
5212 'css' => ['{{element}} .pagelayer-service-btn' => 'background-color:{{val}};'],
5213 'req' => [
5214 'service_button' => 'true',
5215 'iconbox_button_type' => 'pagelayer-btn-custom',
5216 ],
5217 'show' => ['service_btn_state' => 'normal']
5218 ),
5219 'service_btn_hover_delay' => array(
5220 'type' => 'spinner',
5221 'label' => __pl('service_btn_hover_delay'),
5222 'min' => 0,
5223 'step' => 100,
5224 'max' => 5000,
5225 'default' => 400,
5226 'css' => ['{{element}} .pagelayer-service-btn' => '-webkit-transition: all {{val}}ms; transition: all {{val}}ms;'],
5227 'show' => ['service_btn_state' => 'hover'],
5228 ),
5229 'service_button_color_hover' => array(
5230 'type' => 'color',
5231 'label' => __pl('iconbox_button_color'),
5232 'default' => '',
5233 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'color:{{val}};'],
5234 'show' => ['service_btn_state' => 'hover'],
5235 ),
5236 'service_button_bg_color_hover' => array(
5237 'type' => 'color',
5238 'label' => __pl('service_button_bg_color_hover'),
5239 'default' => '',
5240 'css' => ['{{element}} .pagelayer-service-btn:hover' => 'background-color:{{val}};'],
5241 'show' => ['service_btn_state' => 'hover'],
5242 ),
5243 ],
5244 'styles' => [
5245 'service_icon_style' => __pl('service_icon_style'),
5246 'service_icon_border' => __pl('service_icon_border'),
5247 'service_heading_style' => __pl('service_heading_style'),
5248 'service_content_style' => __pl('service_content_style'),
5249 'service_btn_style' => __pl('service_btn_style'),
5250 ],
5251 )
5252 );
5253
5254 // Tabs
5255 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tabs', array(
5256 'name' => __pl('tabs'),
5257 'group' => 'other',
5258 'func' => 'pagelayer_sc_tabs',
5259 'has_group' => [
5260 'section' => 'params',
5261 'prop' => 'elements'
5262 ],
5263 'holder' => '.pagelayer-tabcontainer',
5264 'html' => '<div class="pagelayer-tabs-holder"></div>
5265 <div class="pagelayer-tabcontainer"></div>',
5266 'params' => array(
5267 'elements' => array(
5268 'type' => 'group',
5269 'label' => __pl('Tabs list'),
5270 'sc' => PAGELAYER_SC_PREFIX.'_tab',
5271 'item_label' => array(
5272 'default' => __pl('tab'),
5273 'param' => 'title',
5274 ),
5275 'count' => 2,
5276 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('tab_name'))),
5277 ),
5278 'vertical' => array(
5279 'type' => 'checkbox',
5280 'label' => __pl('tabs_vertical'),
5281 ),
5282 'vertical_width' => array(
5283 'type' => 'slider',
5284 'label' => __pl('Tabs container width'),
5285 'default' => 30,
5286 'min' => 0,
5287 'max' => 70,
5288 'step' => 1,
5289 'screen' => 1,
5290 'css' => ['{{element}}' => 'width:100%; display: -webkit-flex;
5291 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%;'],
5292 'req' => array(
5293 'vertical' => 'true',
5294 )
5295 ),
5296 'rotate' => array(
5297 'type' => 'radio',
5298 'label' => __pl('tabs_rotate'),
5299 'list' => array(
5300 '' => __pl('disable'),
5301 '3000' => '3',
5302 '5000' => '5',
5303 '10000' => '10',
5304 '15000' => '15',
5305 ),
5306 'addAttr' => 'pagelayer-tabs-rotate="{{rotate}}"'
5307 )
5308 ),
5309 'tabs_holder_styles' => [
5310 'tabs_holder_bg_color' => array(
5311 'type' => 'color',
5312 'label' => __pl('Background color'),
5313 'default' => '#f1f1f1',
5314 'css' => ['{{element}} .pagelayer-tabs-holder' => 'background-color:{{val}}'],
5315 ),
5316 'tabs_border_type' => array(
5317 'type' => 'select',
5318 'label' => __pl('border_type'),
5319 'default' => 'solid',
5320 'list' => [
5321 '' => __pl('none'),
5322 'solid' => __pl('solid'),
5323 'double' => __pl('double'),
5324 'dotted' => __pl('dotted'),
5325 'dashed' => __pl('dashed'),
5326 'groove' => __pl('groove'),
5327 ],
5328 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-style: {{val}}', '{{element}} .pagelayer-tabs-holder' =>'border-style: {{val}}'],
5329 ),
5330 'tabs_border_color' => array(
5331 'type' => 'color',
5332 'label' => __pl('border_color'),
5333 'default' => '#cccccc',
5334 'req' => [
5335 '!tabs_border_type' => ''
5336 ],
5337 'css' => ['{{element}} .pagelayer-tabcontainer' => 'border-color: {{val}}','{{element}} .pagelayer-tabs-holder' => 'border-color: {{val}}'],
5338 ),
5339 'tabs_holder_border_width' => array(
5340 'type' => 'padding',
5341 'label' => __pl('Border Width'),
5342 'default' => '1,1,0,1',
5343 'screen' => 1,
5344 'req' => [
5345 '!tabs_border_type' => ''
5346 ],
5347 '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'],
5348 ),
5349 'tabs_holder_border_radius' => array(
5350 'type' => 'padding',
5351 'label' => __pl('Border Radius'),
5352 'default' => '1,1,0,1',
5353 'screen' => 1,
5354 'req' => [
5355 '!tabs_border_type' => ''
5356 ],
5357 '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'],
5358 ),
5359 ],
5360 'tabs_styles' => [
5361 'tabs_holder_align' => array(
5362 'type' => 'radio',
5363 'label' => __pl('alignment'),
5364 'default' => 'left',
5365 'screen' => 1,
5366 'list' => array(
5367 'left' => __pl('Left'),
5368 'center' => __pl('Center'),
5369 'right' => __pl('Right'),
5370 ),
5371 'css' => ['{{element}} .pagelayer-tabs-holder' => 'text-align:{{val}}'],
5372 ),
5373 'tabs_color' => array(
5374 'type' => 'color',
5375 'label' => __pl('Color '),
5376 'default' => '#444',
5377 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'color:{{val}}'],
5378 ),
5379 'tabs_bg_color' => array(
5380 'type' => 'color',
5381 'label' => __pl('Background color'),
5382 'default' => '#f1f1f1',
5383 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks' => 'background-color:{{val}}'],
5384 ),
5385 'tabs_active_color' => array(
5386 'type' => 'color',
5387 'label' => __pl('Active Tab Color'),
5388 'default' => '#fff',
5389 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks.active' => 'color:{{val}}', '{{element}} .pagelayer-tabs-holder .pagelayer-tablinks:hover' => 'color:{{val}}'],
5390 ),
5391 'tabs_active_bg_color' => array(
5392 'type' => 'color',
5393 'label' => __pl('Active Tab Background Color'),
5394 'default' => '#3e8ef7',
5395 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks.active'=> 'background-color:{{val}}', '{{element}} .pagelayer-tabs-holder .pagelayer-tablinks:hover' => 'background-color:{{val}}'],
5396 ),
5397 'tab_title_typo' => array(
5398 'type' => 'typography',
5399 'label' => __pl('tab_title_typo'),
5400 'screen' => 1,
5401 '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;'],
5402 ),
5403 'tabs_icon_align' => array(
5404 'type' => 'radio',
5405 'label' => __pl('Icon Position'),
5406 'default' => 'left',
5407 'list' => array(
5408 'left' => __pl('Left'),
5409 'right' => __pl('Right'),
5410 ),
5411 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks .fa'=> 'float:{{val}};'],
5412 ),
5413 'tabs_icon_spacing' => array(
5414 'type' => 'slider',
5415 'label' => __pl('tabs_icon_spacing'),
5416 'default' => 10,
5417 'max' => 50,
5418 'min' => 0,
5419 'steps' => 1,
5420 'screen' => 1,
5421 'css' => ['{{element}} .pagelayer-tabs-holder .pagelayer-tablinks .fa'=> 'padding:0px {{val}}px;padding-{{tabs_icon_align}}:0px;'],
5422 ),
5423 ],
5424 'content_styles' => [
5425 'tabs_content_typo' => array(
5426 'type' => 'typography',
5427 'label' => __pl('tab_content_typo'),
5428 'screen' => 1,
5429 '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;'],
5430 ),
5431 'tabs_content_color' => array(
5432 'type' => 'color',
5433 'label' => __pl('Color'),
5434 'default' => '#000000',
5435 'css' => ['{{element}} .pagelayer-tab' => 'color:{{val}}'],
5436 ),
5437 'tabs_content_bg_color' => array(
5438 'type' => 'color',
5439 'label' => __pl('Background Color'),
5440 'default' => '#fff',
5441 'css' => ['{{element}} .pagelayer-tab'=> 'background-color:{{val}}'],
5442 ),
5443 'tab_padding' => array(
5444 'type' => 'slider',
5445 'label' => __pl('tabs_padding_label'),
5446 'default' => 15,
5447 'min' => 0,
5448 'max' => 50,
5449 'step' => 1,
5450 'screen' => 1,
5451 'css' => ['{{element}}.pagelayer-tabs .pagelayer-tabcontainer [pagelayer-id]' => 'padding: {{val}}px;'],
5452 ),
5453 'tabs_content_border_width' => array(
5454 'type' => 'padding',
5455 'label' => __pl('border_width'),
5456 'default' => '1,1,1,1',
5457 'screen' => 1,
5458 'req' => [
5459 '!tabs_border_type' => ''
5460 ],
5461 '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'],
5462 ),
5463 'tabs_content_border_radius' => array(
5464 'type' => 'padding',
5465 'label' => __pl('border_radius'),
5466 'screen' => 1,
5467 'req' => [
5468 '!tabs_border_type' => ''
5469 ],
5470 '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'],
5471 ),
5472 ],
5473 'styles' => [
5474 'tabs_holder_styles' => __pl('tabs_holder_styles'),
5475 'tabs_styles' => __pl('Tabs'),
5476 'content_styles' => __pl('content'),
5477 ],
5478 )
5479 );
5480
5481
5482 // Tab
5483 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_tab', array(
5484 'name' => __pl('tab'),
5485 'group' => 'other',
5486 'not_visible' => 1,
5487 'func' => 'pagelayer_sc_tab',
5488 'innerHTML' => 'text',
5489 'html' => '<div class="pagelayer-tabcontent">{{text}}</div>',
5490 'params' => array(
5491 'default_active' => array(
5492 'type' => 'checkbox',
5493 'label' => __pl('Default active tab'),
5494 'addAttr' => 'pagelayer-default_active="1"'
5495 ),
5496 'tab_icon' => array(
5497 'type' => 'icon',
5498 'label' => __pl('icon'),
5499 'addAttr' => 'pagelayer-tab-icon="{{tab_icon}}"',
5500 ),
5501 'title' => array(
5502 'type' => 'text',
5503 'label' => __pl('title'),
5504 'default' => 'Lorem',
5505 'addAttr' => 'pagelayer-tab-title="{{title}}"'
5506 ),
5507 'text' => array(
5508 'type' => 'editor',
5509 'label' => __pl('Edit Rich Text'),
5510 'default' => 'Lorem ipsum dolor sit amet',
5511 'desc' => __pl('Edit the content here or edit directly in the Editor'),
5512 'edit' => '.pagelayer-text-holder',
5513 ),
5514 )
5515 )
5516 );
5517
5518 // Accordion
5519 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_accordion', array(
5520 'name' => __pl('accordion'),
5521 'group' => 'other',
5522 'func' => 'pagelayer_sc_accordion',
5523 'has_group' => [
5524 'section' => 'params',
5525 'prop' => 'elements'
5526 ],
5527 'holder' => '.pagelayer-accordion-holder',
5528 'html' => '<div class="pagelayer-accordion-holder" data-icon="{{icon}}" data-active_icon="{{active_icon}}"></div>',
5529 'params' => array(
5530 'elements' => array(
5531 'type' => 'group',
5532 'label' => __pl('Accordions'),
5533 'sc' => PAGELAYER_SC_PREFIX.'_accordion_item',
5534 'item_label' => array(
5535 'default' => __pl('accordion_item_title_label'),
5536 'param' => 'title'
5537 ),
5538 'count' => 2,
5539 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('accordion_name'))),
5540 ),
5541 'acc_space' => array(
5542 'type' => 'slider',
5543 'label' => __pl('Space Between'),
5544 'default' => 0,
5545 'min' => 0,
5546 'max' => 50,
5547 'step' => 1,
5548 'screen' => 1,
5549 'css' => ['{{element}} .pagelayer-accordion_item' => 'margin-bottom:{{val}}px;'],
5550 ),
5551 ),
5552 'icon_styles' => [
5553 'icon' => array(
5554 'type' => 'icon',
5555 'label' => __pl('list_icon_label'),
5556 'default' => 'plus',
5557 ),
5558 'active_icon' => array(
5559 'type' => 'icon',
5560 'label' => __pl('Active Icon'),
5561 'default' => 'minus',
5562 ),
5563 'icon_align' => array(
5564 'type' => 'radio',
5565 'label' => __pl('Alignment'),
5566 'default' => 'left',
5567 'screen' => 1,
5568 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'float:{{val}}'],
5569 'list' => array(
5570 'left' => __pl('left'),
5571 'right' => __pl('right'),
5572 )
5573
5574 ),
5575 'icon_padding' => array(
5576 'type' => 'slider',
5577 'label' => __pl('Spacing'),
5578 'default' => 10,
5579 'min' => 0,
5580 'max' => 50,
5581 'step' => 1,
5582 'screen' => 1,
5583 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'padding:0px {{val}}px; padding-{{icon_align}}:0px;'],
5584 ),
5585 ],
5586 'tabs_styles' => [
5587 'tabs_color' => array(
5588 'type' => 'color',
5589 'label' => __pl('Color '),
5590 'default' => '#444444',
5591 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'color:{{val}}'],
5592 ),
5593 'tabs_bg_color' => array(
5594 'type' => 'color',
5595 'label' => __pl('Background Color '),
5596 'default' => '#eeeeee',
5597 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'background-color:{{val}}'],
5598 ),
5599 'tabs_active_color' => array(
5600 'type' => 'color',
5601 'label' => __pl('Active Tab Color '),
5602 'default' => '#ffffff',
5603 'css' => ['{{element}} .pagelayer-accordion-tabs.active' => 'color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'color:{{val}}'],
5604 ),
5605 'tabs_active_bg_color' => array(
5606 'type' => 'color',
5607 'label' => __pl('Active Tab Background Color '),
5608 'default' => '#3e8ef7',
5609 'css' => ['{{element}} .pagelayer-accordion-tabs.active'=> 'background-color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'background-color:{{val}}'],
5610 ),
5611 'tab_padding' => array(
5612 'type' => 'slider',
5613 'label' => __pl('tabs_padding_label'),
5614 'default' => 15,
5615 'min' => 0,
5616 'max' => 50,
5617 'step' => 1,
5618 'screen' => 1,
5619 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'padding: {{val}}px;'],
5620 ),
5621 'accordion_title_typo' => array(
5622 'type' => 'typography',
5623 'label' => __pl('accordion_title_typo'),
5624 '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;'],
5625 ),
5626 ],
5627 'content_styles' => [
5628 'tabs_content_bg_color' => array(
5629 'type' => 'color',
5630 'label' => __pl('Background Color'),
5631 'default' => '#fff',
5632 'css' => ['{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel'=> 'background-color:{{val}}'],
5633 ),
5634 'acc_content_typo' => array(
5635 'type' => 'typography',
5636 'label' => __pl('accordion_content_typo'),
5637 'screen' => 1,
5638 '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;'],
5639 ),
5640 'acc_border_type' => array(
5641 'type' => 'select',
5642 'label' => __pl('border_type'),
5643 'list' => [
5644 '' => __pl('none'),
5645 'solid' => __pl('solid'),
5646 'double' => __pl('double'),
5647 'dotted' => __pl('dotted'),
5648 'dashed' => __pl('dashed'),
5649 'groove' => __pl('groove'),
5650 ],
5651 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-style: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-style: {{val}}'],
5652 ),
5653 'acc_border_color' => array(
5654 'type' => 'color',
5655 'label' => __pl('border_color'),
5656 'default' => '#cccccc',
5657 'req' => [
5658 '!acc_border_type' => ''
5659 ],
5660 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-color: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-color: {{val}}'],
5661 ),
5662 'acc_border_width' => array(
5663 'type' => 'padding',
5664 'label' => __pl('border_width'),
5665 'default' => '1,1,1,1',
5666 'screen' => 1,
5667 'req' => [
5668 '!acc_border_type' => ''
5669 ],
5670 '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'],
5671 )
5672 ],
5673 'styles' => [
5674 'icon_styles' => __pl('icon'),
5675 'tabs_styles' => __pl('Tabs'),
5676 'content_styles' => __pl('Content'),
5677 ],
5678 )
5679 );
5680
5681 // Accordion item
5682 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_accordion_item', array(
5683 'name' => __pl('Accordion item'),
5684 'group' => 'other',
5685 'not_visible' => 1,
5686 'func' => 'pagelayer_sc_accordion_item',
5687 'innerHTML' => 'text',
5688 'html' => '<a if="{{title}}" class="pagelayer-accordion-tabs">{{title}}<span class="pagelayer-accordion-icon"><i></i></span></a>
5689 <div if="{{text}}" class="pagelayer-accordion-panel">{{text}}</div>',
5690 'params' => array(
5691 'default_active' => array(
5692 'type' => 'checkbox',
5693 'label' => __pl('Default active tab'),
5694 ),
5695 'title' => array(
5696 'type' => 'text',
5697 'label' => __pl('title'),
5698 'default' => 'Lorem',
5699 'desc' => __pl(''),
5700 ),
5701 'text' => array(
5702 'type' => 'editor',
5703 'label' => __pl('Edit Rich Text'),
5704 'default' => 'Lorem ipsum dolor sit amet',
5705 'desc' => __pl('Edit the content here or edit directly in the Editor'),
5706 'edit' => '.pagelayer-text-holder',
5707 ),
5708 )
5709 )
5710 );
5711
5712 // Toggle / Collapse
5713 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_collapse', array(
5714 'name' => __pl('Collapse'),
5715 'group' => 'other',
5716 'func' => 'pagelayer_sc_collapse',
5717 'has_group' => [
5718 'section' => 'params',
5719 'prop' => 'elements'
5720 ],
5721 'holder' => '.pagelayer-collapse-holder',
5722 'html' => '<div class="pagelayer-collapse-holder" data-icon="{{icon}}" data-active_icon="{{active_icon}}"></div>',
5723 'params' => array(
5724 'elements' => array(
5725 'type' => 'group',
5726 'label' => __pl('Collapse Items'),
5727 'sc' => PAGELAYER_SC_PREFIX.'_accordion_item',
5728 'item_label' => array(
5729 'default' => __pl('tab'),
5730 'param' => 'title',
5731 ),
5732 'count' => 2,
5733 'text' => strtr(__pl('add_new_item'), array('%name%' => __pl('tab_name'))),
5734 ),
5735 'acc_space' => array(
5736 'type' => 'slider',
5737 'label' => __pl('Space Between'),
5738 'default' => 0,
5739 'min' => 0,
5740 'max' => 50,
5741 'step' => 1,
5742 'screen' => 1,
5743 'css' => ['{{element}} .pagelayer-accordion_item' => 'margin-bottom:{{val}}px;'],
5744 ),
5745
5746 ),
5747 'icon_style' => [
5748 'icon' => array(
5749 'type' => 'icon',
5750 'label' => __pl('list_icon_label'),
5751 'default' => 'plus',
5752 ),
5753 'active_icon' => array(
5754 'type' => 'icon',
5755 'label' => __pl('Active icon'),
5756 'default' => 'minus'
5757 ),
5758 'icon_align' => array(
5759 'type' => 'radio',
5760 'label' => __pl('Alignment'),
5761 'default' => 'left',
5762 'screen' => 1,
5763 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'float:{{val}}'],
5764 'list' => array(
5765 'left' => __pl('left'),
5766 'right' => __pl('right'),
5767 )
5768
5769 ),
5770 'icon_padding' => array(
5771 'type' => 'slider',
5772 'label' => __pl('Spacing'),
5773 'default' => 10,
5774 'min' => 0,
5775 'max' => 50,
5776 'step' => 1,
5777 'screen' => 1,
5778 'css' => ['{{element}} .pagelayer-accordion-tabs span' => 'padding:0px {{val}}px; padding-{{icon_align}}:0px;'],
5779 ),
5780 ],
5781 'tabs_styles' => [
5782 'tabs_color' => array(
5783 'type' => 'color',
5784 'label' => __pl('Color '),
5785 'default' => '#444',
5786 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'color:{{val}}'],
5787 ),
5788 'tabs_bg_color' => array(
5789 'type' => 'color',
5790 'label' => __pl('Background Color '),
5791 'default' => '#eee',
5792 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'background-color:{{val}}'],
5793 ),
5794 'tabs_active_color' => array(
5795 'type' => 'color',
5796 'label' => __pl('Active Tab Color '),
5797 'default' => '#fff',
5798 'css' => ['{{element}} .pagelayer-accordion-tabs.active' => 'color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'color:{{val}}'],
5799 ),
5800 'tabs_active_bg_color' => array(
5801 'type' => 'color',
5802 'label' => __pl('Active Tab Background Color '),
5803 'default' => '#3e8ef7',
5804 'css' => ['{{element}} .pagelayer-accordion-tabs.active'=> 'background-color:{{val}}', '{{element}} .pagelayer-accordion-tabs:hover' => 'background-color:{{val}}'],
5805 ),
5806 'tab_padding' => array(
5807 'type' => 'slider',
5808 'label' => __pl('tabs_padding_label'),
5809 'default' => 15,
5810 'min' => 0,
5811 'max' => 50,
5812 'step' => 1,
5813 'screen' => 1,
5814 'css' => ['{{element}} .pagelayer-accordion-tabs' => 'padding: {{val}}px;'],
5815 ),
5816 'collapse_title_typo' => array(
5817 'type' => 'typography',
5818 'label' => __pl('collapsse_title_typo'),
5819 'screen' => 1,
5820 '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;'],
5821 ),
5822 ],
5823 'content_styles' => [
5824 'tabs_content_bg_color' => array(
5825 'type' => 'color',
5826 'label' => __pl('Background Color '),
5827 'default' => '#ffffff',
5828 'css' => ['{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel'=> 'background-color:{{val}}'],
5829 ),
5830 'acc_border_type' => array(
5831 'type' => 'select',
5832 'label' => __pl('border_type'),
5833 'list' => [
5834 '' => __pl('none'),
5835 'solid' => __pl('solid'),
5836 'double' => __pl('double'),
5837 'dotted' => __pl('dotted'),
5838 'dashed' => __pl('dashed'),
5839 'groove' => __pl('groove'),
5840 ],
5841 'show' => ['border_hover' => ''],
5842 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-style: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-style: {{val}}'],
5843 ),
5844 'acc_border_width' => array(
5845 'type' => 'padding',
5846 'label' => __pl('border_width'),
5847 'default' => '1,1,1,1',
5848 'screen' => 1,
5849 'req' => [
5850 '!acc_border_type' => ''
5851 ],
5852 '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'],
5853 ),
5854 'acc_border_color' => array(
5855 'type' => 'color',
5856 'label' => __pl('border_color'),
5857 'default' => '#cccccc',
5858 'req' => [
5859 '!acc_border_type' => ''
5860 ],
5861 'css' => ['{{element}} .pagelayer-accordion_item' => 'border-color: {{val}}', '{{element}} .pagelayer-accordion_item .pagelayer-accordion-panel' =>'border-color: {{val}}'],
5862 ),
5863 ],
5864 'styles' => [
5865 'icon_style' => __pl('icon'),
5866 'tabs_styles' => __pl('Tabs'),
5867 'content_styles' => __pl('Content'),
5868 ],
5869 )
5870 );
5871
5872 // Space
5873 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_space', array(
5874 'name' => __pl('space'),
5875 'group' => 'other',
5876 'func' => 'pagelayer_sc_space',
5877 'html' => '<div class="pagelayer-space-holder"></div>',
5878 'params' => array(
5879 'height' => array(
5880 'type' => 'slider',
5881 'label' => __pl('Space Height'),
5882 'screen' => 1,
5883 'units' => ['px', '%'],
5884 'css' => ['{{element}} .pagelayer-space-holder' => 'height: {{val}}px;'],
5885 'default' => '10',
5886 'min' => 0,
5887 'max' => 1000,
5888 'step' => 1
5889 )
5890 )
5891 )
5892 );
5893
5894 // Embed
5895 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_embed', array(
5896 'name' => __pl('embed'),
5897 'group' => 'other',
5898 'func' => 'pagelayer_sc_embed',
5899 'innerHTML' => 'data',
5900 'html' => '<div if={{data}} class="pagelayer-embed-container">{{data}}</div>',
5901 'params' => array(
5902 'data' => array(
5903 'type' => 'textarea',
5904 'label' => __pl('embed_paste_code'),
5905 'default' => '<p>Paste HTML code here...</P>',
5906 'desc' => '',
5907 ),
5908 )
5909 )
5910 );
5911
5912 // Shortcodes
5913 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_shortcodes', array(
5914 'name' => __pl('shortcodes'),
5915 'group' => 'other',
5916 'func' => 'pagelayer_sc_shortcodes',
5917 'innerHTML' => 'data',
5918 'holder' => '.pagelayer-shortcodes-container',
5919 'html' => '<div class="pagelayer-shortcodes-container">{{{shortcode}}}</div>',
5920 'params' => array(
5921 'data' => array(
5922 'type' => 'textarea',
5923 'label' => __pl('shortcodes_paste_code'),
5924 'desc' => 'Paste short codes here',
5925 ),
5926 )
5927 )
5928 );
5929
5930 // Google Maps
5931 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_google_maps', array(
5932 'name' => __pl('Google Maps'),
5933 'group' => 'other',
5934 'func' => 'pagelayer_sc_google_maps',
5935 'innerHTML' => 'address',
5936 'html' => '<div class="pagelayer-google-maps-holder">
5937 <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>
5938 </div>',
5939 'params' => array(
5940 'address' => array(
5941 'type' => 'text',
5942 'label' => __pl('google_map_address_label'),
5943 'default' => 'New York, New York, USA',
5944 'desc' => __pl('google_map_address_desc')
5945 ),
5946 'noscroll' => array(
5947 'type' => 'checkbox',
5948 'label' => __pl('google_map_noscroll'),
5949 'css' => ['{{element}} iframe' => 'pointer-events: none;'],
5950 ),
5951 'zoom' => array(
5952 'type' => 'slider',
5953 'label' => __pl('google_map_zoom_label'),
5954 'default' => 10,
5955 'min' => 0,
5956 'max' => 20
5957 ),
5958 'height' => array(
5959 'type' => 'slider',
5960 'label' => __pl('google_map_height'),
5961 'screen' => 1,
5962 'default' => 300,
5963 'min' => 100,
5964 'max' => 1000,
5965 'css' => ['{{element}} iframe' => 'height: {{val}}px'],
5966 ),
5967 )
5968 )
5969 );
5970
5971 // Testimonial
5972 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_testimonial', array(
5973 'name' => __pl('testimonial'),
5974 'group' => 'other',
5975 'func' => 'pagelayer_sc_testimonial',
5976 'innerHTML' => 'quote_content',
5977 'html' => '<div if="{{quote_content}}" class="pagelayer-testimonial-content">{{quote_content}}</div>
5978 <div class="pagelayer-testimonial-author-details">
5979 <div class="pagelayer-{{image_position}}">
5980 <img if="{{avatar}}" class="pagelayer-img pagelayer-testimonial-image pagelayer-testimonial-{{img_shape}}" src="{{func_image}}" />
5981 </div>
5982 <div class="pagelayer-{{image_position}}">
5983 <div if="{{cite}}" class="pagelayer-testimonial-cite">
5984 <a if-ext="{{cite_url}}" class="pagelayer-ele-link" href="{{cite_url}}">
5985 <span class="pagelayer-testimonial-author">{{cite}}</span>
5986 </a>
5987 <span if="{{designation}}" class="pagelayer-testimonial-author-title">
5988 {{designation}}
5989 </span>
5990 </div>
5991 </div>
5992 </div>',
5993 'params' => array(
5994 'image_position' => array(
5995 'type' => 'select',
5996 'label' => __pl('position'),
5997 'default' => 'aside-position',
5998 'list' =>array(
5999 'aside-position' => __pl('aside'),
6000 'top-position' => __pl('top')
6001 ),
6002 ),
6003 'alignment' => array(
6004 'type' => 'radio',
6005 'label' => __pl('testimonial_alignment_label'),
6006 'default' => 'center',
6007 'css' =>'text-align:{{val}};',
6008 'screen' => 1,
6009 'list' => array(
6010 'left' => __pl('left'),
6011 'center' => __pl('center'),
6012 'right' => __pl('right'),
6013 ),
6014 ),
6015 'author-spacing' => array(
6016 'type' => 'slider',
6017 'label' => __pl('author_spacing'),
6018 'min' => '0',
6019 'max' => '100',
6020 'default' => '20',
6021 'screen' => 1,
6022 'css' => ['{{element}} .pagelayer-testimonial-author-details' => 'margin-top:{{val}}px;'],
6023 ),
6024 ),
6025 // Styles
6026 'content_style' => [
6027 'quote_content' => array(
6028 'type' => 'editor',
6029 'label' => __pl('testimonial_content_label'),
6030 'text' => __pl('Edit Testimonial content'),
6031 'edit' => '.pagelayer-testimonial-content',
6032 '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.'
6033 )
6034 ],
6035 'avatar_style' => [
6036 'avatar' => array(
6037 'type' => 'image',
6038 'label' => __pl('testimonial_image_label'),
6039 'desc' => __pl('testimonial_image_desc'),
6040 'default' => PAGELAYER_URL.'/images/default-image.png',
6041 ),
6042 'testimonial_image_size' => array(
6043 'label' => __pl('testimonial_image_sizes'),
6044 'type' => 'slider',
6045 'min' => 0,
6046 'max' => 500,
6047 'default' => 100,
6048 'screen' => 1,
6049 'css' => ['{{element}} .pagelayer-testimonial-image' => 'width:{{val}}px !important; height:{{val}}px !important;'],
6050 ),
6051 'img_shape' => array(
6052 'type' => 'select',
6053 'label' => __pl('image_shape'),
6054 'default' => 'circle',
6055 'list' =>array(
6056 'square' => __pl('square'),
6057 'circle' => __pl('circle'),
6058 ),
6059 ),
6060 'testimonial_border_type' => array(
6061 'type' => 'select',
6062 'label' => __pl('border_type'),
6063 'css' => ['{{element}} .pagelayer-testimonial-image' =>'border-style: {{val}};'],
6064 'list' => [
6065 '' => __pl('none'),
6066 'solid' => __pl('solid'),
6067 'double' => __pl('double'),
6068 'dotted' => __pl('dotted'),
6069 'dashed' => __pl('dashed'),
6070 'groove' => __pl('groove'),
6071 ]
6072 ),
6073 'testimonial_border_color' => array(
6074 'type' => 'color',
6075 'label' => __pl('testimonial_border_color_label'),
6076 'default' => '#42414f',
6077 'css' => ['{{element}} .pagelayer-testimonial-image' => 'border-color: {{val}};'],
6078 'req' => ['!testimonial_border_type' => '']
6079 ),
6080 'testimonial_border_width' => array(
6081 'type' => 'padding',
6082 'label' => __pl('border_width'),
6083 'screen' => 1,
6084 '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;'],
6085 'req' => ['!testimonial_border_type' => '']
6086 ),
6087 'testimonial_border_radius' => array(
6088 'type' => 'padding',
6089 'label' => __pl('border_radius'),
6090 'screen' => 1,
6091 '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;'],
6092 'req' => ['!testimonial_border_type' => '']
6093 ),
6094 ],
6095 'cite_style' => [
6096 'cite' => array(
6097 'type' => 'text',
6098 'label' => __pl('testimonial_cite_label'),
6099 'default' => 'John Smith',
6100 'desc' => __pl('testimonial_cite_desc'),
6101 'edit' => '.pagelayer-testimonial-author',
6102 ),
6103 'cite_color' => array(
6104 'type' => 'color',
6105 'label' => __pl('testimonial_name_color_label'),
6106 'default' => '#426870ff',
6107 'css' => ['{{element}} .pagelayer-testimonial-author ' => 'color:{{val}}'],
6108 ),
6109 'cite_style' => array(
6110 'type' => 'typography',
6111 'label' => __pl('cite_style'),
6112 'default' => ',20,,100,,none,,,,,',
6113 'screen' => 1,
6114 '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;'],
6115 ),
6116 'cite_url' => array(
6117 'type' => 'link',
6118 'label' => __pl('testimonial_url_label'),
6119 'default' => '',
6120 'desc' => __pl('testimonial_url_desc'),
6121 ),
6122 'cite_spacing' => array(
6123 'type' => 'padding',
6124 'label' => __pl('cite_spacing'),
6125 'screen' => 1,
6126 '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'],
6127 ),
6128 ],
6129 'designation_style' => [
6130 'designation' => array(
6131 'type' => 'text',
6132 'label' => __pl('testimonial_designation_label'),
6133 'default' => 'Web Developer',
6134 'desc' => __pl('testimonial_cite_title_size_desc'),
6135 'edit' => '.pagelayer-testimonial-author-title',
6136 ),
6137 'designation_color' => array(
6138 'type' => 'color',
6139 'label' => __pl('testimonial_title_color_label'),
6140 'default' => '#9cafc0ff',
6141 'css' => ['{{element}} .pagelayer-testimonial-author-title' => 'color:{{val}}'],
6142 ),
6143 'cite_designation_style' => array(
6144 'type' => 'typography',
6145 'label' => __pl('cite_designation_style'),
6146 'default' => ',16,,100,,,,,,,',
6147 'screen' => 1,
6148 '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;'],
6149 ),
6150 ],
6151 'styles' => [
6152 'avatar_style' => __pl('avatar_style'),
6153 'cite_style' => __pl('cite'),
6154 'designation_style' => __pl('designation'),
6155 'content_style' => __pl('content_style'),
6156 ],
6157
6158 )
6159 );
6160
6161 // Progress object - Make a group
6162 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_progress', array(
6163 'name' => __pl('Progress Bars'),
6164 'group' => 'other',
6165 'func' => 'pagelayer_sc_progress',
6166 'innerHTML' => 'progress_text',
6167 'html' =>'<div if="{{title}}" class="pagelayer-progress-title">{{title}}</div>
6168 <div class="pagelayer-progress-container">
6169 <div if="{{progress_percentage}}" class="pagelayer-progress-bar pagelayer-progress-{{progress_type}}" style="width:{{progress_percentage}}%;">
6170 <span if="{{progress_text}}" class="pagelayer-progress-text">{{progress_text}}</span>
6171 <span if="{{progress_percentage}}" class="pagelayer-progress-percent"></span>
6172 </div>
6173 </div>',
6174 'params' => array(
6175 'progress_type' => array(
6176 'type' => 'select',
6177 'label' => __pl('progress_type'),
6178 'default' => 'primary',
6179 'list' => [
6180 'primary' => __pl('Primary'),
6181 'secondary' => __pl('Secondary'),
6182 'success' => __pl('Success'),
6183 'warning' => __pl('Warning'),
6184 'danger' => __pl('Danger'),
6185 '' => __pl('custom')
6186 ],
6187 ),
6188 'progress_color' => array(
6189 'type' => 'color',
6190 'label' => __pl('progress_bar_color'),
6191 'default' => '#3e8ef7',
6192 'css' => ['{{element}} .pagelayer-progress-bar' => 'background-color:{{val}};'],
6193 'req' => ['progress_type' => '']
6194 ),
6195 'progress_height' => array(
6196 'type' => 'slider',
6197 'label' => __pl('progress_height'),
6198 'min' => 0,
6199 'max' => 100,
6200 'step' => 1,
6201 'screen' => 1,
6202 'css' => ['{{element}} .pagelayer-progress-bar' => 'height:{{val}}px;',
6203 '{{element}} .pagelayer-progress-percent' => 'line-height:{{val}}px; font-size: calc({{val}}px / 2);',
6204 '{{element}} .pagelayer-progress-text' => 'line-height:{{val}}px; font-size: calc({{val}}px / 2);',
6205 ],
6206 'default' => 40,
6207 ),
6208 ),
6209 // Styles
6210 'heading_style' => [
6211 'title' => array(
6212 'type' => 'text',
6213 'label' => __pl('progress_title'),
6214 'default' => 'Progress',
6215 ),
6216 'title_color' => array(
6217 'type' => 'color',
6218 'label' => __pl('title_color'),
6219 'default' => '#768589ff',
6220 'css' => ['{{element}} .pagelayer-progress-title' => 'color:{{val}};'],
6221 ),
6222 'title_style' => array(
6223 'type' => 'typography',
6224 'label' => __pl('title_size'),
6225 'default' => ',25,,100,,,,,,,',
6226 'screen' => 1,
6227 '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;'],
6228 ),
6229 ],
6230 'percentage_style' => [
6231 'progress_text'=> array(
6232 'type' => 'text',
6233 'label' => __pl('progress_text'),
6234 'default' => 'Designing',
6235 ),
6236 'progress_text_color' => array(
6237 'type' => 'color',
6238 'label' => __pl('progress_text_color'),
6239 'default' => '#ffffff',
6240 'css' => ['{{element}} .pagelayer-progress-text' => 'color:{{val}};'],
6241 ),
6242 'progress_percentage' => array(
6243 'type' => 'slider',
6244 'label' => __pl('percentage'),
6245 'min' => 0,
6246 'max' => 100,
6247 'screen' => 1,
6248 'css' => ['{{element}} .pagelayer-progress-container > .pagelayer-progress-bar:after' => 'width:{{val}}%;',],
6249 'addAttr' => ['{{element}} .pagelayer-progress-bar' => 'pagelayer-progress-width="{{progress_percentage}}"'],
6250 'default' => 75,
6251 ),
6252 'progress_percent_color' => array(
6253 'type' => 'color',
6254 'label' => __pl('progress_percent_color'),
6255 'default' => '#ffffff',
6256 'css' => ['{{element}} .pagelayer-progress-percent' => 'color:{{val}};'],
6257 ),
6258 'hide_percentage' => array(
6259 'type' => 'checkbox',
6260 'label' => __pl('hide_percentage'),
6261 'screen' => 1,
6262 'default' => '',
6263 'css' => ['{{element}} .pagelayer-progress-percent' => 'display: none;']
6264 ),
6265 ],
6266 'styles' => [
6267 'heading_style' => __pl('heading_style'),
6268 'percentage_style' => __pl('percentage'),
6269 ]
6270 )
6271 );
6272
6273 // Color Block
6274 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_block', array(
6275 'name' => __pl('Color Block'),
6276 'group' => 'other',
6277 'func' => 'pagelayer_sc_block',
6278 'params' => array(
6279 'block_color' => array(
6280 'type' => 'color',
6281 'label' => __pl('block_color'),
6282 'default' => '#CCC',
6283 'css' => ['{{element}}' => 'background:{{val}}'],
6284 ),
6285 'block_height' => array(
6286 'type' => 'spinner',
6287 'label' => __pl('block_height'),
6288 'default' => '200',
6289 'screen' => 1,
6290 'min' => 1,
6291 'max' => 1000,
6292 'step' => 1,
6293 'css' => ['{{element}}' => 'height:{{val}}px'],
6294 ),
6295 )
6296 )
6297 );
6298
6299 // Alert
6300 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_alert', array(
6301 'name' => __pl('Alert'),
6302 'group' => 'other',
6303 'func' => 'pagelayer_sc_alert',
6304 'innerHTML' => 'alert_content',
6305 'html' => '<div class="pagelayer-alert-content">
6306 <i if="{{alert_icon}}" class="pagelayer-alert-icon fa fa-{{alert_icon}}"></i>
6307 <div if="{{alert_title}}" class="pagelayer-alert-title">{{alert_title}}</div>
6308 <div if="{{is_dismissible}}" class="pagelayer-alert-close" onclick="pagelayer_dismiss_alert(this);"></div>
6309 </div>
6310 <span if="{{alert_content}}" class="pagelayer-alert-text">{{alert_content}}</span>',
6311 'params' => array(
6312 'alert_type' => array(
6313 'type' => 'select',
6314 'label' => __pl('Type'),
6315 'default' => 'alert-primary',
6316 'addClass' => 'pagelayer-{{val}}',
6317 'list' => array(
6318 'alert-primary' => __pl('alert_type_primary'),
6319 'alert-secondary' => __pl('alert_type_secondary'),
6320 'alert-success' => __pl('alert_type_success'),
6321 'alert-info' => __pl('alert_type_info'),
6322 'alert-warning' => __pl('alert_type_warning'),
6323 'alert-danger' => __pl('alert_type_danger'),
6324 'alert-dark' => __pl('alert_type_dark'),
6325 'alert-custom' => __pl('alert_type_custom'),
6326 )
6327 ),
6328 'alert_bg_color' => array(
6329 'type' => 'color',
6330 'label' => __pl('alert_bg_color'),
6331 'css' => 'background-color: {{val}}',
6332 'req' => ['alert_type' => 'alert-custom']
6333 ),
6334 'is_dismissible' => array(
6335 'type' => 'checkbox',
6336 'label' => __pl('is_dismissible'),
6337 'default' => 'true',
6338 'addClass' => 'pagelayer-alert-dismissible'
6339 )
6340 ),
6341 'icon_style' => [
6342 'alert_icon' => array(
6343 'type' => 'icon',
6344 'label' => __pl('alert_icon'),
6345 'default' => 'exclamation',
6346 ),
6347 'alert_icon_color' => array(
6348 'type' => 'color',
6349 'label' => __pl('alert_icon_color'),
6350 'css' => ['{{element}} .pagelayer-alert-icon' => 'color: {{val}}'],
6351 ),
6352 'alert_font_size' => array(
6353 'label' => __pl('alert_font_size'),
6354 'type' => 'slider',
6355 'min' => 0,
6356 'max' => 500,
6357 'default' => 30,
6358 'screen' => 1,
6359 'css' => ['{{element}} .pagelayer-alert-icon' => 'font-size:{{val}}px;'],
6360 ),
6361 'alert_icon_spacing' => array(
6362 'label' => __pl('alert_icon_spacing'),
6363 'type' => 'slider',
6364 'min' => 0,
6365 'max' => 200,
6366 'default' => 5,
6367 'screen' => 1,
6368 'css' => ['{{element}} .pagelayer-alert-icon' => 'margin-right:{{val}}px;'],
6369 ),
6370 ],
6371 'title_style' => [
6372 'alert_title' => array(
6373 'type' => 'text',
6374 'label' => __pl('alert_title'),
6375 'default' => 'This is an Alert',
6376 'edit' => '.pagelayer-alert-title',
6377 ),
6378 'alert_title_color' => array(
6379 'type' => 'color',
6380 'label' => __pl('alert_title_color'),
6381 'default' => '',
6382 'css' => ['{{element}} .pagelayer-alert-title' => 'color:{{val}}'],
6383 ),
6384 'title_typo' => array(
6385 'type' => 'typography',
6386 'label' => __pl('title_typo'),
6387 'default' => ',22,,600,,,,,,,',
6388 'screen' => 1,
6389 '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;'],
6390 ),
6391 ],
6392 'content_style' => [
6393 'alert_content' => array(
6394 'type' => 'textarea',
6395 'label' => __pl('alert_content'),
6396 'default' => 'Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.',
6397 'edit' => '.pagelayer-alert-text',
6398 ),
6399 'alert_content_color' => array(
6400 'type' => 'color',
6401 'label' => __pl('alert_content_color'),
6402 'default' => '',
6403 'css' => ['{{element}} .pagelayer-alert-text' => 'color:{{val}}',
6404 '{{element}} .pagelayer-alert-text *' => 'color:{{val}}'],
6405 'req' => ['!alert_content' => ''],
6406 ),
6407 'content_typo' => array(
6408 'type' => 'typography',
6409 'label' => __pl('title_typo'),
6410 'default' => ',13,,,,,,,,,',
6411 'screen' => 1,
6412 '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;'],
6413 ),
6414 ],
6415 'styles' => [
6416 'icon_style' => __pl('icon'),
6417 'title_style' => __pl('title_style'),
6418 'content_style' => __pl('content_style'),
6419 ],
6420 )
6421 );
6422
6423 // Anchor
6424 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_anchor', array(
6425 'name' => __pl('Anchor'),
6426 'group' => 'other',
6427 'func' => 'pagelayer_sc_anchor',
6428 'html' => '<div id="{{title}}" class="pagelayer-anchor-holder"></div>',
6429 'params' => array(
6430 'title' => array(
6431 'type' => 'text',
6432 'label' => __pl('Anchor ID'),
6433 'desc' => __pl('Note : Please enter the name of Unique ID that you want to use as an Anchor (Without #)'),
6434 ),
6435 )
6436 )
6437 );
6438
6439 // Star object
6440 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_stars', array(
6441 'name' => __pl('Stars'),
6442 'group' => 'other',
6443 'func' => 'pagelayer_sc_stars',
6444 'html' => '<span if="{{rating_title}}" class="pagelayer-stars-title">{{rating_title}}</span>
6445 <div class="pagelayer-stars-container" title="{{number_of_ratings}}/{{number_of_stars}}" pagelayer-stars-value="{{number_of_ratings}}" pagelayer-stars-count="{{number_of_stars}}">
6446 </div>',
6447 'params' => array(
6448 'number_of_stars' => array(
6449 'type' => 'spinner',
6450 'label' => __pl('stars_count'),
6451 'min' => 0,
6452 'max' => 10,
6453 'step' => 1,
6454 'default' => 5,
6455 ),
6456 'number_of_ratings' => array(
6457 'type' => 'spinner',
6458 'label' => __pl('stars_rating'),
6459 'min' => 0,
6460 'max' => 10,
6461 'step' => .1,
6462 'default' => 2.5,
6463 ),
6464 'ratings_align' => array(
6465 'type' => 'radio',
6466 'label' => __pl('alignment'),
6467 'css' => ['{{element}}' => 'text-align: {{val}}'],
6468 'screen' => 1,
6469 'list' => array(
6470 'left' => 'Left',
6471 'center' => 'Center',
6472 'right' => 'Right'
6473 ),
6474 ),
6475 ),
6476 'title_style' => [
6477 'rating_title' => array(
6478 'type' => 'text',
6479 'label' => __pl('rating_title'),
6480 'default' => 'Rate us',
6481 ),
6482 'title_color' => array(
6483 'type' => 'color',
6484 'label' => __pl('title_color'),
6485 'default' => '#3e8ef7',
6486 'css' => ['{{element}} .pagelayer-stars-title' => 'color: {{val}}'],
6487 ),
6488 'title_style' => array(
6489 'type' => 'typography',
6490 'label' => __pl('counter_number_size'),
6491 'default' => ',25,,600,,,solid,,,,',
6492 'screen' => 1,
6493 '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;'],
6494 ),
6495 ],
6496 'stars_style' => [
6497 'stars_color' => array(
6498 'type' => 'color',
6499 'label' => __pl('stars_color'),
6500 'default' => '#3e8ef7',
6501 'css' => ['{{element}} .pagelayer-stars-icon:before' => 'color: {{val}}'],
6502 ),
6503 'unmarked_stars_color' => array(
6504 'type' => 'color',
6505 'label' => __pl('unmarked_star_color'),
6506 'default' => '#ccd6df',
6507 'css' => ['{{element}} .pagelayer-stars-container' => 'color: {{val}}'],
6508 ),
6509 'stars_font_size' => array(
6510 'label' => __pl('stars_font_size'),
6511 'type' => 'slider',
6512 'min' => 0,
6513 'max' => 100,
6514 'default' => 30,
6515 'screen' => 1,
6516 'css' => ['{{element}} .pagelayer-stars-container' => 'font-size:{{val}}px;'],
6517 ),
6518 'stars_spacing' => array(
6519 'label' => __pl('stars_spacing'),
6520 'type' => 'slider',
6521 'min' => 0,
6522 'max' => 100,
6523 'default' => 10,
6524 'screen' => 1,
6525 'css' => ['{{element}} .pagelayer-stars-icon' => 'margin-left:{{val}}px;'],
6526 ),
6527 ],
6528 'styles' => [
6529 'title_style' => __pl('title'),
6530 'stars_style' => __pl('stars_style'),
6531 ],
6532 )
6533 );
6534
6535 // Divider
6536 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_divider', array(
6537 'name' => __pl('Divider'),
6538 'group' => 'other',
6539 'func' => 'pagelayer_sc_divider',
6540 'html' => '<div class="pagelayer-divider-holder">
6541 <span class="pagelayer-divider-seperator"></span>
6542 </div>',
6543 'params' => array(
6544 'divider_style' => array(
6545 'type' => 'select',
6546 'label' => __pl('divider_border_type'),
6547 'css' => ['{{element}} .pagelayer-divider-seperator' =>'border-top-style: {{val}};'],
6548 'default' => 'solid',
6549 'list' => [
6550 'solid' => __pl('solid'),
6551 'double' => __pl('double'),
6552 'dotted' => __pl('dotted'),
6553 'dashed' => __pl('dashed'),
6554 'groove' => __pl('groove'),
6555 ],
6556 ),
6557 'divider_color' => array(
6558 'type' => 'color',
6559 'label' => __pl('divider_color'),
6560 'default' => '#3E8EF7',
6561 'css' => ['{{element}} .pagelayer-divider-seperator' => 'border-top-color: {{val}};'],
6562 ),
6563 'divider_weight' => array(
6564 'type' => 'slider',
6565 'label' => __pl('divider_border_weight'),
6566 'min' => 1,
6567 'max' => 30,
6568 'default' => 3,
6569 'screen' => 1,
6570 'css' => ['{{element}} .pagelayer-divider-seperator' =>'border-top-width: {{val}}px;'],
6571 ),
6572 'divider_widht' => array(
6573 'type' => 'slider',
6574 'label' => __pl('divider_border_width'),
6575 'min' => 1,
6576 'max' => 100,
6577 'default' => 50,
6578 'screen' => 1,
6579 'css' => ['{{element}} .pagelayer-divider-seperator' =>'width: {{val}}%;'],
6580 ),
6581 'divider_gap' => array(
6582 'type' => 'slider',
6583 'label' => __pl('divider_gap'),
6584 'min' => 1,
6585 'max' => 100,
6586 'default' => 10,
6587 'screen' => 1,
6588 'css' => ['{{element}} .pagelayer-divider-holder' =>'padding-top: {{val}}px; padding-bottom: {{val}}px;'],
6589 ),
6590 'divider_alignment' => array(
6591 'type' => 'radio',
6592 'label' => __pl('divider_alignment'),
6593 'default' => 'center',
6594 'screen' => 1,
6595 'css' => ['{{element}} .pagelayer-divider-holder' => 'text-align: {{val}};'],
6596 'list' => array(
6597 'left' => __pl('left'),
6598 'center' => __pl('center'),
6599 'right' => __pl('right'),
6600 )
6601 ),
6602 ),
6603 )
6604 );
6605
6606 // Counter
6607 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_counter', array(
6608 'name' => __pl('Counter'),
6609 'group' => 'other',
6610 'func' => 'pagelayer_sc_counter',
6611 'html' => '<div class="pagelayer-counter-holder">
6612 <div if="{{counter_start_number}}" class="pagelayer-counter-content">
6613 <span if="{{number_prefix}}">{{number_prefix}}</span><span class="pagelayer-counter-display">{{counter_start_number}}</span><span if="{{number_suffix}}">{{number_suffix}}</span>
6614 </div>
6615 <span if="{{counter_text}}" class="pagelayer-counter-info">{{counter_text}}</span>
6616 </div>',
6617 'params' => array(
6618 'counter_start_number' => array(
6619 'type' => 'spinner',
6620 'label' => __pl('starting_number'),
6621 'min' => '0',
6622 'default' => '1',
6623 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-initial-value="{{counter_start_number}}"'],
6624 ),
6625 'counter_end_number' => array(
6626 'type' => 'spinner',
6627 'label' => __pl('Ending_number'),
6628 'min' => '0',
6629 'default' => '200',
6630 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-last-value="{{counter_end_number}}"'],
6631 ),
6632 'animation_duration' => array(
6633 'type' => 'spinner',
6634 'label' => __pl('counter_animation_duration'),
6635 'min' => '500',
6636 'max' => '500000',
6637 'default' =>'2000',
6638 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-animation-duration="{{animation_duration}}"'],
6639 ),
6640 'counter_align' => array(
6641 'type' => 'radio',
6642 'label' => __pl('counter_align'),
6643 'default' => 'center',
6644 'css' => 'text-align: {{val}};',
6645 'screen' => 1,
6646 'list' => [
6647 'left' => __pl('left'),
6648 'center' => __pl('center'),
6649 'right' => __pl('right'),
6650 ]
6651 ),
6652 ),
6653 // Styles
6654 'counter_style' => [
6655 'counter_number_color' => array(
6656 'type' => 'color',
6657 'label' => __pl('counter_number_color_label'),
6658 'default' => '#3E8EF7',
6659 'css' => ['{{element}} .pagelayer-counter-content' => 'color:{{val}};'],
6660 ),
6661 'number_prefix' => array(
6662 'type' => 'text',
6663 'label' => __pl('number_prefix'),
6664 ),
6665 'number_suffix' => array(
6666 'type' => 'text',
6667 'label' => __pl('number_suffix'),
6668 ),
6669 'thousand_seperator' => array(
6670 'type' => 'checkbox',
6671 'label' => __pl('thousand_seperator'),
6672 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-seperator="{{thousand_seperator}}"'],
6673 ),
6674 'thousand_seperator_type' => array(
6675 'type' => 'select',
6676 'label' => __pl('thousand_seperator_type'),
6677 'default' => ',',
6678 'list' => [
6679 ',' => __pl('Default'),
6680 '.' => __pl('Dot'),
6681 '&nbsp;' => __pl('Space'),
6682 ],
6683 'addAttr' => ['{{element}} .pagelayer-counter-display' => 'pagelayer-counter-seperator-type="{{thousand_seperator_type}}"'],
6684 'req' => array(
6685 'thousand_seperator' => 'true',
6686 ),
6687 ),
6688 'counter_number_style' => array(
6689 'type' => 'typography',
6690 'label' => __pl('counter_number_size'),
6691 'default' => ',60,,600,,,solid,,,,',
6692 'screen' => 1,
6693 '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;'],
6694 ),
6695 ],
6696 'counter_label_style' => [
6697 'counter_text' => array(
6698 'type' => 'text',
6699 'label' => __pl('counter_text'),
6700 'default' => 'Counter',
6701 'edit' => '.pagelayer-counter-info'
6702 ),
6703 'counter_text_color' => array(
6704 'type' => 'color',
6705 'label' => __pl('counter_text_color_label'),
6706 'default' => '#333333',
6707 'css' => ['{{element}} .pagelayer-counter-info' => 'color:{{val}};'],
6708 ),
6709 'counter_text_style' => array(
6710 'type' => 'typography',
6711 'label' => __pl('counter_text_style'),
6712 'default' => ',25,,400,,,solid,,,,',
6713 'screen' => 1,
6714 '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;'],
6715 ),
6716 ],
6717 'styles' => [
6718 'counter_label_style' => __pl('counter_label_style'),
6719 'counter_style' => __pl('counter_style'),
6720 ],
6721 )
6722 );
6723
6724
6725
6726 ////////////////////////
6727 // WordPress Group
6728 ////////////////////////
6729
6730 // Make a list of Widget Items
6731 global $wp_registered_sidebars;
6732 $pagelayer_wp_widgets = array();
6733 $pagelayer_wp_widget_default = '';
6734
6735 if(!empty($wp_registered_sidebars)){
6736 foreach($wp_registered_sidebars as $v){
6737 if(empty($pagelayer_wp_widget_default)){
6738 $pagelayer_wp_widget_default = $v['id'];
6739 }
6740 $pagelayer_wp_widgets[$v['id']] = $v['name'];
6741 }
6742 }else{
6743 $pagelayer_wp_widgets['no'] = __pl('wp_widgets_area_no_sidebars');
6744 }
6745
6746 // Widgets Area
6747 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_wp_widgets', array(
6748 'name' => __pl('Sidebars / Widget Area'),
6749 'group' => 'wordpress',
6750 'func' => 'pagelayer_sc_wp_widgets',
6751 'html' => '<div class="pagelayer-wp-sidebar-title">{{title}}</div>
6752 <div class="pagelayer-wp-sidebar-holder">{{{data}}}</div>',
6753 'params' => array(
6754 'title' => array(
6755 'type' => 'text',
6756 'label' => __pl('parameters_title'),
6757 'default' => 'Title',
6758 'desc' => __pl('wp_widgets_area_description')
6759 ),
6760 'sidebar' => array(
6761 'type' => 'select',
6762 'label' => __pl('wp_widgets_area_select'),
6763 'default' => $pagelayer_wp_widget_default,
6764 'desc' => '',
6765 'list' => $pagelayer_wp_widgets
6766 )
6767 )
6768 )
6769 );
6770
6771 // Load the wordpress widgets, IF ALLOWED !
6772 if(current_user_can('edit_theme_options')){
6773
6774 // Include the widgets
6775 //include_once(ABSPATH . 'wp-admin/includes/widgets.php');
6776
6777 //pagelayer_print($GLOBALS['wp_widget_factory']->widgets);die();
6778
6779 foreach($GLOBALS['wp_widget_factory']->widgets as $widget_key => $widget){
6780
6781 pagelayer_add_shortcode(PAGELAYER_SC_PREFIX.'_wp_'.$widget->id_base, array(
6782 'name' => $widget->name,
6783 'group' => 'wordpress',
6784 'func' => 'pagelayer_does_not_exist',
6785 'innerHTML' => 'widget_data',
6786 'widget' => $widget_key
6787 )
6788 );
6789
6790 }
6791 }
6792
6793 // Its premium
6794 if(defined('PAGELAYER_PREMIUM')){
6795 include_once(dirname(__FILE__).'/premium.php');
6796 }
6797