PluginProbe
Borderless – Addons and Templates for Elementor / 1.4.9
Borderless – Addons and Templates for Elementor v1.4.9
trunk 1.0.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9 1.2.0 1.2.1 1.2.2 1.2.3 All 78 releases
borderless / modules / wpbakery / elements / pricing.php

pricing.php in Borderless – Addons and Templates for Elementor 1.4.9, at modules/wpbakery/elements/pricing.php

1,248 lines 37.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 if ( ! defined( 'ABSPATH' ) ) {
3 die( '-1' );
4 }
5
6 /*-----------------------------------------------------------------------------------*/
7 /* Pricing
8 /*-----------------------------------------------------------------------------------*/
9
10 class WPBakeryShortCode_borderless_wpbakery_pricing extends WPBakeryShortCode {
11 protected function content( $atts, $content = null ) {
12 extract( shortcode_atts( array(
13 'title' => '',
14 'price' => '',
15 'currency' => '',
16 'plan' => '',
17 'feature_1' => '',
18 'feature_2' => '',
19 'feature_3' => '',
20 'feature_4' => '',
21 'feature_5' => '',
22 'feature_6' => '',
23 'feature_7' => '',
24 'feature_8' => '',
25 'feature_9' => '',
26 'feature_10' => '',
27 'feature_11' => '',
28 'feature_12' => '',
29 'feature_13' => '',
30 'feature_14' => '',
31 'feature_15' => '',
32 'features_color' => '',
33 'features_icon' => 'features-arrow',
34 'features_icon_color' => '',
35 'features_spacing' => '',
36 'features_line_list' => '',
37 'features_line_list_color' => '',
38 'icon_display' => '',
39 'custom_image_icon' => '',
40 'custom_svg_icon' => '',
41 'icon' => '',
42 'icon_color' => '',
43 'custom_icon_color' => '',
44 'shape' => '',
45 'color_shape' => '',
46 'icon_size' => '8rem',
47 'icon_spacing' => '',
48 'icon_alignment' => 'left',
49 'button_title' => 'Link Button',
50 'button_link' => '#',
51 'button_text_color' => '#ffffff',
52 'button_background_color' => '',
53 'button_shape' => 'rounded',
54 'button_size' => 'btn-lg',
55 'button_extra_size' => '',
56 'button_alignment' => 'text-left',
57 'area_1' => 'icon',
58 'margin_area_1' => '0',
59 'padding_area_1' => '0',
60 'background_area_1' => 'transparent',
61 'area_2' => 'title',
62 'margin_area_2' => '0',
63 'padding_area_2' => '0',
64 'background_area_2' => '',
65 'area_3' => 'sub_heading',
66 'margin_area_3' => '0',
67 'padding_area_3' => '0',
68 'background_area_3' => 'transparent',
69 'area_4' => 'price',
70 'margin_area_4' => '0',
71 'padding_area_4' => '0',
72 'background_area_4' => '',
73 'area_5' => 'featured_list',
74 'margin_area_5' => '0',
75 'padding_area_5' => '0',
76 'background_area_5' => '',
77 'area_6' => 'pricing_button',
78 'margin_area_6' => '0',
79 'padding_area_6' => '0',
80 'background_area_6' => '',
81 'title_tag' => 'h3',
82 'title_size' => '',
83 'title_line_height' => '',
84 'title_spacing' => '',
85 'title_alignment' => '',
86 'title_color' => '',
87 'price_size' => '',
88 'price_line_height' => '',
89 'price_spacing' => 'auto',
90 'price_alignment' => '',
91 'price_color' => '',
92 'currency_size' => '',
93 'currency_spacing' => '',
94 'shadow_pricing_table' => '',
95 'el_class' => '',
96 'css' => '',
97 'css_animation' => ''
98 ), $atts ) );
99 $output = '';
100
101 // Assets.
102 wp_enqueue_style(
103 'borderless-wpbakery-style',
104 BORDERLESS__STYLES . 'wpbakery.min.css',
105 false,
106 BORDERLESS__VERSION
107 );
108
109
110 // Retrieve data from the database.
111 $options = get_option( 'borderless' );
112
113
114 // Set default values
115 $borderless_primary_color = isset( $options['primary_color'] ) ? $options['primary_color'] : '#3379fc'; //Primary Color
116 $borderless_secondary_color = isset( $options['secondary_color'] ) ? $options['secondary_color'] : '#3379fc'; //Secondary Color
117 $borderless_text_color = isset( $options['text_color'] ) ? $options['text_color'] : ''; //Text Color
118 $borderless_accent_color = isset( $options['accent_color'] ) ? $options['accent_color'] : '#3379fc'; //Accent Color
119
120
121 // Start Default Extra Class, CSS and CSS animation
122
123 $css = isset( $atts['css'] ) ? $atts['css'] : '';
124 $el_class = isset( $atts['el_class'] ) ? $atts['el_class'] : '';
125
126 if ( '' !== $css_animation ) {
127 wp_enqueue_script( 'waypoints' );
128 $css_animation_style = ' wpb_animate_when_almost_visible wpb_' . $css_animation;
129 }
130
131 $class_to_filter = vc_shortcode_custom_css_class( $css, ' ' ) . $this->getExtraClass( $el_class ) . $this->getCSSAnimation( $css_animation );
132 $css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, $class_to_filter, $this->settings['base'], $atts );
133
134 // End Default Extra Class, CSS and CSS animation
135
136 // Icon
137 if ($icon_display == 'image_icon') {
138
139 if($icon_alignment != '') {
140 $icon_alignment = 'text-align:'.$icon_alignment.';';
141 }
142
143 $default_src = vc_asset_url( 'vc/no_image.png' );
144 $img = wp_get_attachment_image_src( $custom_image_icon );
145 $src = $img[0];
146 $custom_src = $src ? esc_attr( $src ) : $default_src;
147
148 $icon_content = '<div style="'.$icon_alignment.'"><img src="'.$custom_src.'" ></div>';
149
150 } elseif ($icon_display == 'svg_icon') {
151
152 if($icon_alignment != '') {
153 $icon_alignment = 'text-align:'.$icon_alignment.';';
154 }
155
156 $default_src = vc_asset_url( 'vc/no_image.png' );
157 $img = wp_get_attachment_image_src( $custom_svg_icon );
158 $src = $img[0];
159 $custom_src = $src ? esc_attr( $src ) : $default_src;
160
161 $icon_content = '<div class="elvn" style="'.$icon_alignment.'"><img class="borderless-svg-img" src="'.$custom_src.'" ></div>';
162
163 } else {
164
165 $iconClass = isset( $icon ) ? esc_attr( $icon ) : 'fa fa-adjust';
166
167 $custom_icon_color = $icon_color ? 'color:'.$custom_icon_color.';' : 'color:'.$borderless_primary_color.';'; //Icon Color
168
169 $font_size_reference = $icon_size;
170
171 if($icon_size != '') {
172 $icon_size = 'font-size:'.$icon_size.';';
173 }
174
175 if($icon_alignment != '') {
176 $icon_alignment = 'text-align:'.$icon_alignment.';display: block;';
177 }
178
179 if($shape != '') {
180
181 if($shape == 'rounded' || $shape == 'square' || $shape == 'round') {
182 $color_shape = $color_shape ? 'background-color:'.$color_shape.';' : 'background-color:'.$borderless_primary_color.';'; //Background Color Shape
183 } else {
184 $color_shape = $color_shape ? 'border-color:'.$color_shape.';' : 'border-color:'.$borderless_primary_color.';'; //Border Color Shape
185 }
186
187 if($icon_spacing != '') {
188 $icon_spacing = 'height:'.$icon_spacing.'; width:'.$icon_spacing.';';
189 } else {
190 $icon_spacing = 'height:calc('.$font_size_reference.' + 2em); width:calc('.$font_size_reference.' + 2em);';
191 }
192
193 $shape_render_start = '<div style="'.$icon_alignment.'"><div class="icon-pricing '.$shape.'" style="'.$color_shape.''.$icon_spacing.'">';
194 $shape_render_finish = '</div></div>';
195
196 } else {
197 $shape_render_start = '';
198 $shape_render_finish = '';
199 }
200
201 $icon_content = ''.$shape_render_start.'<span style="'.$custom_icon_color.' '.$icon_size.' '.$icon_alignment.'" class="vc_icon_element-icon '.$iconClass.'"></span>'.$shape_render_finish.'';
202 }
203
204
205
206 // Title
207 $title_content = '<'.$title_tag.' style="font-size:'.$title_size.';line-height:'.$title_line_height.';margin:'.$title_spacing.';text-align:'.$title_alignment.';color:'.$title_color.';">'.$title.'</'.$title_tag.'>';
208
209 //Price
210 $price_content = '<p class="price" style="line-height:'.$price_line_height.';margin:'.$price_spacing.';text-align:'.$price_alignment.';color:'.$price_color.';">
211 <span class="pricing-currency" style="font-size:'.$currency_size.';margin:'.$currency_spacing.';">'.$currency.'</span><span class="pricing-value" style="font-size:'.$price_size.';">'.$price.'</span>
212 <span class="pricing-plan">'.$plan.'</span>
213 </p>';
214
215 //Sub Heading
216
217 $sub_heading_content = $content;
218
219 //Featured List
220 if($features_icon == 'features-arrow') {
221 $features_icon = 'fa-chevron-right';
222 } else if($features_icon == 'features-check') {
223 $features_icon = 'fa-check';
224 } else if($features_icon == 'features-more') {
225 $features_icon = 'fa-plus';
226 } else {
227 $features_icon = 'fa-star';
228 }
229
230 $featured_list = '';
231
232 if($features_icon_color != '') {
233 $features_icon_color = 'style="color:'.$features_icon_color.'"';
234 } else {
235 $features_icon_color = '';
236 }
237
238 if($features_line_list == 'line_list' ) {
239 $features_line_list = 'line-list';
240 if($features_line_list_color != '') {
241 $features_line_list_color = 'border-bottom-color:'.$features_line_list_color.';';
242 } else {
243 $features_line_list_color = '';
244 }
245 } else {
246 $features_line_list = '';
247 $features_line_list_color = '';
248 }
249
250 $features_counter = 1;
251
252 while( $features_counter <= 15 ){
253 if(${'feature_' . $features_counter} != ''){
254 $featured_list = $featured_list .'<li class="'.$features_line_list.'" style="color:'.$features_color.';padding:'.$features_spacing.';'.$features_line_list_color.'"><i '.$features_icon_color.' class="fa '.$features_icon.'"></i>'.${'feature_' . $features_counter}.'</li>';
255 }
256 $features_counter++;
257 }
258
259
260 $featured_list_content = '<div><ul class="featured-list">'.$featured_list.'</ul></div>';
261
262
263 if($shadow_pricing_table != '') {
264 $shadow_pricing_table = 'shadow-pricing';
265 }
266
267 //Button
268
269 $link = vc_build_link( $button_link );
270
271 if( $button_shape == 'rounded' || $button_shape == 'square' || $button_shape == 'round' ){
272 $button_background_color = $button_background_color ? 'background-color:'.$button_background_color.';' : 'background-color:'.$borderless_primary_color.';'; //Background Color
273 } else {
274 $button_background_color = $button_background_color ? 'border-width: 2px;border-style: solid;border-color:'.$button_background_color.';' : 'border-width: 2px;border-style: solid;border-color:'.$borderless_primary_color.';'; //Border Color
275 }
276
277 $pricing_button_content = '<div class="'.$button_alignment.'"><a style="'.$button_background_color.' color:'.$button_text_color.';padding:'.$button_extra_size.';" href="'.esc_attr( $link['url'] ).'" class="'.$button_shape.' pricing-button btn '.$button_size.'" role="button">'.$button_title.'</a></div>';
278
279 //Layout
280
281 $layout = 1;
282
283 $output .= '<div class="borderless-wpbakery-pricing '.$css_class.' '.$shadow_pricing_table.'">';
284
285 while( $layout <= 6 ){
286 if(${'area_' . $layout} != '' && ${'area_' . $layout} != 'disable'){
287
288 $data_content = ${'area_' . $layout} . '_content';
289
290 $output .= '<div class="'.${'area_' . $layout}.'" style="margin:'.${'margin_area_' . $layout}.';padding:'.${'padding_area_' . $layout}.';background-color:'.${'background_area_' . $layout}.';">'.${$data_content}.'</div>';
291
292 }
293 $layout++;
294 }
295
296 $output .= '</div>';
297
298 return $output;
299 }
300 }
301
302 return array(
303 'name' => __( 'Pricing', 'borderless' ),
304 'base' => 'borderless_wpbakery_pricing',
305 'icon' => plugins_url('../images/pricing.png', __FILE__),
306 'show_settings_on_create' => true,
307 'category' => __( 'Borderless', 'borderless' ),
308 'description' => __( 'Create nice looking pricing tables', 'borderless' ),
309 'params' => array(
310
311 array(
312 'type' => 'textfield',
313 'heading' => __( 'Title', 'borderless' ),
314 'param_name' => 'title',
315 'description' => __( 'Enter the title here.', 'borderless' ),
316 ),
317
318 array(
319 'type' => 'textfield',
320 'heading' => __( 'Price', 'borderless' ),
321 'param_name' => 'price',
322 'description' => __( 'Enter the price for this package. e.g. 999.', 'borderless' ),
323 ),
324
325 array(
326 'type' => 'textfield',
327 'heading' => __( 'Currency', 'borderless' ),
328 'param_name' => 'currency',
329 'description' => __( 'Enter the price unit for this package. e.g. $.', 'borderless' ),
330 ),
331
332 array(
333 'type' => 'textfield',
334 'heading' => __( 'Plan', 'borderless' ),
335 'param_name' => 'plan',
336 'description' => __( 'Enter the plan for this package. e.g. per month.', 'borderless' ),
337 ),
338
339 array(
340 'type' => 'textarea_html',
341 'holder' => 'div',
342 'heading' => __( 'Sub Heading', 'borderless' ),
343 'param_name' => 'content',
344 'description' => __( 'Enter short description.', 'borderless' ),
345 'value' => __( '<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>', 'borderless' ),
346 ),
347
348 /*
349 * Features Tab
350 */
351
352 array(
353 'type' => 'textfield',
354 'heading' => __( 'Feature 1', 'borderless' ),
355 'param_name' => 'feature_1',
356 'description' => __( 'Enter feature.', 'borderless' ),
357 'group' => 'Features',
358 ),
359
360 array(
361 'type' => 'textfield',
362 'heading' => __( 'Feature 2', 'borderless' ),
363 'param_name' => 'feature_2',
364 'description' => __( 'Enter feature.', 'borderless' ),
365 'group' => 'Features',
366 ),
367
368 array(
369 'type' => 'textfield',
370 'heading' => __( 'Feature 3', 'borderless' ),
371 'param_name' => 'feature_3',
372 'description' => __( 'Enter feature.', 'borderless' ),
373 'group' => 'Features',
374 ),
375
376 array(
377 'type' => 'textfield',
378 'heading' => __( 'Feature 4', 'borderless' ),
379 'param_name' => 'feature_4',
380 'description' => __( 'Enter feature.', 'borderless' ),
381 'group' => 'Features',
382 ),
383
384 array(
385 'type' => 'textfield',
386 'heading' => __( 'Feature 5', 'borderless' ),
387 'param_name' => 'feature_5',
388 'description' => __( 'Enter feature.', 'borderless' ),
389 'group' => 'Features',
390 ),
391
392 array(
393 'type' => 'textfield',
394 'heading' => __( 'Feature 6', 'borderless' ),
395 'param_name' => 'feature_6',
396 'description' => __( 'Enter feature.', 'borderless' ),
397 'group' => 'Features',
398 ),
399
400 array(
401 'type' => 'textfield',
402 'heading' => __( 'Feature 7', 'borderless' ),
403 'param_name' => 'feature_7',
404 'description' => __( 'Enter feature.', 'borderless' ),
405 'group' => 'Features',
406 ),
407
408 array(
409 'type' => 'textfield',
410 'heading' => __( 'Feature 8', 'borderless' ),
411 'param_name' => 'feature_8',
412 'description' => __( 'Enter feature.', 'borderless' ),
413 'group' => 'Features',
414 ),
415
416 array(
417 'type' => 'textfield',
418 'heading' => __( 'Feature 9', 'borderless' ),
419 'param_name' => 'feature_9',
420 'description' => __( 'Enter feature.', 'borderless' ),
421 'group' => 'Features',
422 ),
423
424 array(
425 'type' => 'textfield',
426 'heading' => __( 'Feature 10', 'borderless' ),
427 'param_name' => 'feature_10',
428 'description' => __( 'Enter feature.', 'borderless' ),
429 'group' => 'Features',
430 ),
431
432 array(
433 'type' => 'textfield',
434 'heading' => __( 'Feature 11', 'borderless' ),
435 'param_name' => 'feature_11',
436 'description' => __( 'Enter feature.', 'borderless' ),
437 'group' => 'Features',
438 ),
439
440 array(
441 'type' => 'textfield',
442 'heading' => __( 'Feature 12', 'borderless' ),
443 'param_name' => 'feature_12',
444 'description' => __( 'Enter feature.', 'borderless' ),
445 'group' => 'Features',
446 ),
447
448 array(
449 'type' => 'textfield',
450 'heading' => __( 'Feature 13', 'borderless' ),
451 'param_name' => 'feature_13',
452 'description' => __( 'Enter feature.', 'borderless' ),
453 'group' => 'Features',
454 ),
455
456 array(
457 'type' => 'textfield',
458 'heading' => __( 'Feature 14', 'borderless' ),
459 'param_name' => 'feature_14',
460 'description' => __( 'Enter feature.', 'borderless' ),
461 'group' => 'Features',
462 ),
463
464 array(
465 'type' => 'textfield',
466 'heading' => __( 'Feature 15', 'borderless' ),
467 'param_name' => 'feature_15',
468 'description' => __( 'Enter feature.', 'borderless' ),
469 'group' => 'Features',
470 ),
471
472 array(
473 'type' => 'colorpicker',
474 'heading' => __( 'Features Color', 'borderless' ),
475 'param_name' => 'features_color',
476 'description' => __( 'Select custom color.', 'borderless' ),
477 'group' => 'Features',
478 ),
479
480 array(
481 'type' => 'dropdown',
482 'heading' => __( 'Features Icon', 'borderless' ),
483 'param_name' => 'features_icon',
484 'group' => 'Features',
485 'value' => array(
486 __( 'Arrow', 'borderless' ) => 'features-arrow',
487 __( 'Check', 'borderless' ) => 'features-check',
488 __( 'More', 'borderless' ) => 'features-more',
489 __( 'Star', 'borderless' ) => 'features-star',
490 ),
491 'description' => __( 'Select icon for featured list.', 'borderless' ),
492 ),
493
494 array(
495 'type' => 'colorpicker',
496 'heading' => __( 'Features Icon Color', 'borderless' ),
497 'param_name' => 'features_icon_color',
498 'description' => __( 'Select custom icon color.', 'borderless' ),
499 'group' => 'Features',
500 ),
501
502 array(
503 'type' => 'textfield',
504 'heading' => __( 'Features Spacing', 'borderless' ),
505 'param_name' => 'features_spacing',
506 'description' => __( 'Select features spacing. e.g. 16px.', 'borderless' ),
507 'group' => 'Features',
508 ),
509
510 array(
511 'type' => 'checkbox',
512 'heading' => __('Features Line List', 'borderless'),
513 'param_name' => 'features_line_list',
514 'group' => 'Features',
515 'value' => array(
516 __( 'Enable Features Line List.', 'borderless' ) => 'line_list',
517 ),
518 ),
519
520 array(
521 'type' => 'colorpicker',
522 'heading' => __( 'Features Line List Color', 'borderless' ),
523 'param_name' => 'features_line_list_color',
524 'description' => __( 'Select custom line color.', 'borderless' ),
525 'group' => 'Features',
526 'dependency' => array(
527 'element' => 'features_line_list',
528 'value' => array( 'line_list' ),
529 ),
530 ),
531
532 array(
533 'type' => 'checkbox',
534 'heading' => __('Shadow Pricing Table', 'borderless'),
535 'param_name' => 'shadow_pricing_table',
536 'value' => array(
537 __( 'Apply shadow on the Pricing table.', 'borderless' ) => 'shadow_pricing',
538 ),
539 ),
540
541 /*
542 * Icon Tab
543 */
544
545 array(
546 'type' => 'dropdown',
547 'heading' => __( 'Icon to display', 'borderless' ),
548 'param_name' => 'icon_display',
549 'value' => array(
550 __( 'Icon Manager', 'borderless' ) => 'icon_manager',
551 __( 'Image Icon', 'borderless' ) => 'image_icon',
552 __( 'SVG Icon', 'borderless' ) => 'svg_icon',
553 ),
554 'description' => __( 'Enable Icon Library.', 'borderless' ),
555 'group' => 'Icon',
556 ),
557
558 array(
559 'type' => 'attach_image',
560 'heading' => __( 'Upload Image Icon', 'borderless' ),
561 'param_name' => 'custom_image_icon',
562 'description' => __( 'Upload the custom image icon.', 'borderless' ),
563 'group' => 'Icon',
564 'dependency' => array(
565 'element' => 'icon_display',
566 'value' => array( 'image_icon' ),
567 ),
568 ),
569
570 array(
571 'type' => 'attach_image',
572 'heading' => __( 'Upload SVG Icon', 'borderless' ),
573 'param_name' => 'custom_svg_icon',
574 'description' => __( 'Upload the custom svg icon.', 'borderless' ),
575 'group' => 'Icon',
576 'dependency' => array(
577 'element' => 'icon_display',
578 'value' => array( 'svg_icon' ),
579 ),
580 ),
581
582 array(
583 'type' => 'iconmanager',
584 'heading' => __( 'Icon', 'borderless' ),
585 'param_name' => 'icon',
586 'description' => __( 'Select icon from library.', 'borderless' ),
587 'group' => 'Icon',
588 'dependency' => array(
589 'element' => 'icon_display',
590 'value' => array( 'icon_manager' ),
591 ),
592 ),
593
594 array(
595 'type' => 'dropdown',
596 'heading' => __( 'Icon color', 'borderless' ),
597 'param_name' => 'icon_color',
598 'value' => array(
599 __( 'Preset Color', 'borderless' ) => '',
600 __( 'Custom Color', 'borderless' ) => 'custom',
601 ),
602 'description' => __( 'Select icon color.', 'borderless' ),
603 'dependency' => array(
604 'element' => 'icon_display',
605 'value' => array( 'icon_manager' ),
606 ),
607 'group' => 'Icon',
608 ),
609 array(
610 'type' => 'colorpicker',
611 'heading' => __( 'Custom Icon Color', 'borderless' ),
612 'param_name' => 'custom_icon_color',
613 'description' => __( 'Select custom icon color.', 'borderless' ),
614 'group' => 'Icon',
615 'dependency' => array(
616 'element' => 'icon_color',
617 'value' => array( 'custom' ),
618 ),
619 ),
620 array(
621 'type' => 'dropdown',
622 'heading' => __( 'Shape', 'borderless' ),
623 'description' => __( 'Select icon shape.', 'borderless' ),
624 'param_name' => 'shape',
625 'group' => 'Icon',
626 'dependency' => array(
627 'element' => 'icon_display',
628 'value' => array( 'icon_manager' ),
629 ),
630 'value' => array(
631 __( 'None', 'borderless' ) => '',
632 __( 'Rounded', 'borderless' ) => 'rounded',
633 __( 'Square', 'borderless' ) => 'square',
634 __( 'Round', 'borderless' ) => 'round',
635 __( 'Outline Rounded', 'borderless' ) => 'outline-rounded',
636 __( 'Outline Square', 'borderless' ) => 'outline-square',
637 __( 'Outline Round', 'borderless' ) => 'outline-round',
638 ),
639 ),
640 array(
641 'type' => 'colorpicker',
642 'heading' => __( 'Color Shape', 'borderless' ),
643 'param_name' => 'color_shape',
644 'description' => __( 'Select custom shape background color.', 'borderless' ),
645 'group' => 'Icon',
646 'dependency' => array(
647 'element' => 'shape',
648 'value' => array( 'rounded','boxed','rounded-less','rounded-outline','boxed-outline','rounded-less-outline' ),
649 ),
650 ),
651 array(
652 'type' => 'textfield',
653 'heading' => __( 'Size', 'borderless' ),
654 'param_name' => 'icon_size',
655 'description' => __( 'Icon size. Default value is 16px.', 'borderless' ),
656 'dependency' => array(
657 'element' => 'icon_display',
658 'value' => array( 'icon_manager' ),
659 ),
660 'group' => 'Icon',
661 ),
662 array(
663 'type' => 'textfield',
664 'heading' => __( 'Icon Spacing', 'borderless' ),
665 'param_name' => 'icon_spacing',
666 'description' => __( 'Select icon spacing. e.g. 16px.', 'borderless' ),
667 'dependency' => array(
668 'element' => 'icon_display',
669 'value' => array( 'icon_manager' ),
670 ),
671 'group' => 'Icon',
672 ),
673 array(
674 'type' => 'dropdown',
675 'heading' => __( 'Alignment', 'borderless' ),
676 'param_name' => 'icon_alignment',
677 'value' => array(
678 __( 'Left', 'borderless' ) => 'left',
679 __( 'Right', 'borderless' ) => 'right',
680 __( 'Center', 'borderless' ) => 'center',
681 ),
682 'description' => __( 'Select icon alignment.', 'borderless' ),
683 'group' => 'Icon',
684 ),
685
686 /*
687 * Button Tab
688 */
689
690 array(
691 'type' => 'textfield',
692 'heading' => __( 'Title', 'borderless' ),
693 'param_name' => 'button_title',
694 'description' => __( 'Enter the title here.', 'borderless' ),
695 'group' => 'Button',
696 ),
697
698 array(
699 'type' => 'vc_link',
700 'heading' => __( 'URL (Link)', 'borderless' ),
701 'param_name' => 'button_link',
702 'description' => __( 'Add link to button.', 'borderless' ),
703 'group' => 'Button',
704 ),
705
706 array(
707 'type' => 'colorpicker',
708 'heading' => __( 'Text Color', 'borderless' ),
709 'param_name' => 'button_text_color',
710 'description' => __( 'Select button text color.', 'borderless' ),
711 //CURIOSIDADE'param_holder_class' => 'vc_colored-dropdown vc_btn3-colored-dropdown',
712 'value' => '#ffffff',
713 'group' => 'Button',
714 ),
715
716 array(
717 'type' => 'colorpicker',
718 'heading' => __( 'Background Color', 'borderless' ),
719 'param_name' => 'button_background_color',
720 'description' => __( 'Select button background color.', 'borderless' ),
721 'group' => 'Button',
722 ),
723
724 array(
725 'type' => 'dropdown',
726 'heading' => __( 'Shape', 'borderless' ),
727 'description' => __( 'Select button shape.', 'borderless' ),
728 'param_name' => 'button_shape',
729 'group' => 'Button',
730 'value' => array(
731 __( 'Rounded', 'borderless' ) => 'rounded',
732 __( 'Square', 'borderless' ) => 'square',
733 __( 'Round', 'borderless' ) => 'round',
734 __( 'Outline Rounded', 'borderless' ) => 'outline-rounded',
735 __( 'Outline Square', 'borderless' ) => 'outline-square',
736 __( 'Outline Round', 'borderless' ) => 'outline-round',
737 ),
738 ),
739
740 array(
741 'type' => 'dropdown',
742 'heading' => __( 'Size', 'borderless' ),
743 'param_name' => 'button_size',
744 'value' => array(
745 __( 'Extra Small', 'borderless' ) => 'btn-xs',
746 __( 'Small', 'borderless' ) => 'btn-sm',
747 __( 'Medium', 'borderless' ) => 'btn-md',
748 __( 'Large', 'borderless' ) => 'btn-lg',
749 __( 'Block', 'borderless' ) => 'btn-block',
750 ),
751 'description' => __( 'Select button display size.', 'borderless' ),
752 'group' => 'Button',
753 ),
754
755 array(
756 'type' => 'textfield',
757 'heading' => __( 'Extra Size', 'borderless' ),
758 'param_name' => 'button_extra_size',
759 'description' => __( 'Enter extra size.', 'borderless' ),
760 'group' => 'Button',
761 ),
762
763 array(
764 'type' => 'dropdown',
765 'heading' => __( 'Alignment', 'borderless' ),
766 'param_name' => 'button_alignment',
767 'value' => array(
768 __( 'Left', 'borderless' ) => 'text-left',
769 __( 'Right', 'borderless' ) => 'text-right',
770 __( 'Center', 'borderless' ) => 'text-center',
771 ),
772 'description' => __( 'Select button alignment.', 'borderless' ),
773 'group' => 'Button',
774 ),
775
776 /*
777 * Layout Tab
778 */
779
780 array(
781 'type' => 'dropdown',
782 'heading' => __( 'First Area', 'borderless' ),
783 'param_name' => 'area_1',
784 'group' => 'Layout',
785 'value' => array(
786 __( 'Icon', 'borderless' ) => 'icon',
787 __( 'Title', 'borderless' ) => 'title',
788 __( 'Sub Heading', 'borderless' ) => 'sub_heading',
789 __( 'Price and Plan', 'borderless' ) => 'price',
790 __( 'Featured List', 'borderless' ) => 'featured_list',
791 __( 'Button', 'borderless' ) => 'pricing_button',
792 __( 'Disable', 'borderless' ) => 'disable',
793 ),
794 'default' => 'icon_image',
795 'description' => __( 'Choose the element.', 'borderless' ),
796 ),
797
798 array(
799 'type' => 'textfield',
800 'heading' => __( 'Margin First Area', 'borderless' ),
801 'param_name' => 'margin_area_1',
802 'description' => __( 'Enter margin. e.g. 16px.', 'borderless' ),
803 'group' => 'Layout',
804 'dependency' => array(
805 'element' => 'area_1',
806 'value_not_equal_to' => array( '' ),
807 ),
808 ),
809
810 array(
811 'type' => 'textfield',
812 'heading' => __( 'Padding First Area', 'borderless' ),
813 'param_name' => 'padding_area_1',
814 'description' => __( 'Enter padding. e.g. 16px.', 'borderless' ),
815 'group' => 'Layout',
816 'dependency' => array(
817 'element' => 'area_1',
818 'value_not_equal_to' => array( '' ),
819 ),
820 ),
821
822 array(
823 'type' => 'colorpicker',
824 'heading' => __( 'Background First Area', 'borderless' ),
825 'param_name' => 'background_area_1',
826 'description' => __( 'Select custom background color for first area.', 'borderless' ),
827 'group' => 'Layout',
828 'dependency' => array(
829 'element' => 'area_1',
830 'value_not_equal_to' => array( '' ),
831 ),
832 ),
833
834 array(
835 'type' => 'dropdown',
836 'heading' => __( 'Second Area', 'borderless' ),
837 'param_name' => 'area_2',
838 'group' => 'Layout',
839 'value' => array(
840 __( 'Icon', 'borderless' ) => 'icon',
841 __( 'Title', 'borderless' ) => 'title',
842 __( 'Sub Heading', 'borderless' ) => 'sub_heading',
843 __( 'Price and Plan', 'borderless' ) => 'price',
844 __( 'Featured List', 'borderless' ) => 'featured_list',
845 __( 'Button', 'borderless' ) => 'pricing_button',
846 __( 'Disable', 'borderless' ) => 'disable',
847 ),
848 'default' => 'title',
849 'description' => __( 'Choose the element.', 'borderless' ),
850 ),
851
852 array(
853 'type' => 'textfield',
854 'heading' => __( 'Margin Second Area', 'borderless' ),
855 'param_name' => 'margin_area_2',
856 'description' => __( 'Enter margin. e.g. 16px.', 'borderless' ),
857 'group' => 'Layout',
858 'dependency' => array(
859 'element' => 'area_2',
860 'value_not_equal_to' => array( '' ),
861 ),
862 ),
863
864 array(
865 'type' => 'textfield',
866 'heading' => __( 'Padding Second Area', 'borderless' ),
867 'param_name' => 'padding_area_2',
868 'description' => __( 'Enter padding. e.g. 16px.', 'borderless' ),
869 'group' => 'Layout',
870 'dependency' => array(
871 'element' => 'area_2',
872 'value_not_equal_to' => array( '' ),
873 ),
874 ),
875
876 array(
877 'type' => 'colorpicker',
878 'heading' => __( 'Background Second Area', 'borderless' ),
879 'param_name' => 'background_area_2',
880 'description' => __( 'Select custom background color for second area.', 'borderless' ),
881 'group' => 'Layout',
882 'dependency' => array(
883 'element' => 'area_2',
884 'value_not_equal_to' => array( '' ),
885 ),
886 ),
887
888 array(
889 'type' => 'dropdown',
890 'heading' => __( 'Third Area', 'borderless' ),
891 'param_name' => 'area_3',
892 'group' => 'Layout',
893 'value' => array(
894 __( 'Icon', 'borderless' ) => 'icon',
895 __( 'Title', 'borderless' ) => 'title',
896 __( 'Sub Heading', 'borderless' ) => 'sub_heading',
897 __( 'Price and Plan', 'borderless' ) => 'price',
898 __( 'Featured List', 'borderless' ) => 'featured_list',
899 __( 'Button', 'borderless' ) => 'pricing_button',
900 __( 'Disable', 'borderless' ) => 'disable',
901 ),
902 'default' => 'value',
903 'description' => __( 'Choose the element.', 'borderless' ),
904 ),
905
906 array(
907 'type' => 'textfield',
908 'heading' => __( 'Margin Third Area', 'borderless' ),
909 'param_name' => 'margin_area_3',
910 'description' => __( 'Enter margin. e.g. 16px.', 'borderless' ),
911 'group' => 'Layout',
912 'dependency' => array(
913 'element' => 'area_3',
914 'value_not_equal_to' => array( '' ),
915 ),
916 ),
917
918 array(
919 'type' => 'textfield',
920 'heading' => __( 'Padding Third Area', 'borderless' ),
921 'param_name' => 'padding_area_3',
922 'description' => __( 'Enter padding. e.g. 16px.', 'borderless' ),
923 'group' => 'Layout',
924 'dependency' => array(
925 'element' => 'area_3',
926 'value_not_equal_to' => array( '' ),
927 ),
928 ),
929
930 array(
931 'type' => 'colorpicker',
932 'heading' => __( 'Background Third Area', 'borderless' ),
933 'param_name' => 'background_area_3',
934 'description' => __( 'Select custom background color for third area.', 'borderless' ),
935 'group' => 'Layout',
936 'dependency' => array(
937 'element' => 'area_3',
938 'value_not_equal_to' => array( '' ),
939 ),
940 ),
941
942 array(
943 'type' => 'dropdown',
944 'heading' => __( 'Fourth Area', 'borderless' ),
945 'param_name' => 'area_4',
946 'group' => 'Layout',
947 'value' => array(
948 __( 'Icon', 'borderless' ) => 'icon',
949 __( 'Title', 'borderless' ) => 'title',
950 __( 'Sub Heading', 'borderless' ) => 'sub_heading',
951 __( 'Price and Plan', 'borderless' ) => 'price',
952 __( 'Featured List', 'borderless' ) => 'featured_list',
953 __( 'Button', 'borderless' ) => 'pricing_button',
954 __( 'Disable', 'borderless' ) => 'disable',
955 ),
956 'default' => 'featured_list',
957 'description' => __( 'Choose the element.', 'borderless' ),
958 ),
959
960 array(
961 'type' => 'textfield',
962 'heading' => __( 'Margin Fourth Area', 'borderless' ),
963 'param_name' => 'margin_area_4',
964 'description' => __( 'Enter margin. e.g. 16px.', 'borderless' ),
965 'group' => 'Layout',
966 'dependency' => array(
967 'element' => 'area_4',
968 'value_not_equal_to' => array( '' ),
969 ),
970 ),
971
972 array(
973 'type' => 'textfield',
974 'heading' => __( 'Padding Fourth Area', 'borderless' ),
975 'param_name' => 'padding_area_4',
976 'description' => __( 'Enter padding. e.g. 16px.', 'borderless' ),
977 'group' => 'Layout',
978 'dependency' => array(
979 'element' => 'area_4',
980 'value_not_equal_to' => array( '' ),
981 ),
982 ),
983
984 array(
985 'type' => 'colorpicker',
986 'heading' => __( 'Background Fourth Area', 'borderless' ),
987 'param_name' => 'background_area_4',
988 'description' => __( 'Select custom background color for fourth area.', 'borderless' ),
989 'group' => 'Layout',
990 'dependency' => array(
991 'element' => 'area_4',
992 'value_not_equal_to' => array( '' ),
993 ),
994 ),
995
996 array(
997 'type' => 'dropdown',
998 'heading' => __( 'Fifth Area', 'borderless' ),
999 'param_name' => 'area_5',
1000 'group' => 'Layout',
1001 'value' => array(
1002 __( 'Icon', 'borderless' ) => 'icon',
1003 __( 'Title', 'borderless' ) => 'title',
1004 __( 'Sub Heading', 'borderless' ) => 'sub_heading',
1005 __( 'Price and Plan', 'borderless' ) => 'price',
1006 __( 'Featured List', 'borderless' ) => 'featured_list',
1007 __( 'Button', 'borderless' ) => 'pricing_button',
1008 __( 'Disable', 'borderless' ) => 'disable',
1009 ),
1010 'default' => 'btn',
1011 'description' => __( 'Choose the element.', 'borderless' ),
1012 ),
1013
1014 array(
1015 'type' => 'textfield',
1016 'heading' => __( 'Margin Fifth Area', 'borderless' ),
1017 'param_name' => 'margin_area_5',
1018 'description' => __( 'Enter margin. e.g. 16px.', 'borderless' ),
1019 'group' => 'Layout',
1020 'dependency' => array(
1021 'element' => 'area_5',
1022 'value_not_equal_to' => array( '' ),
1023 ),
1024 ),
1025
1026 array(
1027 'type' => 'textfield',
1028 'heading' => __( 'Padding Fifth Area', 'borderless' ),
1029 'param_name' => 'padding_area_5',
1030 'description' => __( 'Enter padding. e.g. 16px.', 'borderless' ),
1031 'group' => 'Layout',
1032 'dependency' => array(
1033 'element' => 'area_5',
1034 'value_not_equal_to' => array( '' ),
1035 ),
1036 ),
1037
1038 array(
1039 'type' => 'colorpicker',
1040 'heading' => __( 'Background Fifth Area', 'borderless' ),
1041 'param_name' => 'background_area_5',
1042 'description' => __( 'Select custom background color for fifth area.', 'borderless' ),
1043 'group' => 'Layout',
1044 'dependency' => array(
1045 'element' => 'area_5',
1046 'value_not_equal_to' => array( '' ),
1047 ),
1048 ),
1049
1050 array(
1051 'type' => 'dropdown',
1052 'heading' => __( 'Sixth Area', 'borderless' ),
1053 'param_name' => 'area_6',
1054 'group' => 'Layout',
1055 'value' => array(
1056 __( 'Icon', 'borderless' ) => 'icon',
1057 __( 'Title', 'borderless' ) => 'title',
1058 __( 'Sub Heading', 'borderless' ) => 'sub_heading',
1059 __( 'Price and Plan', 'borderless' ) => 'price',
1060 __( 'Featured List', 'borderless' ) => 'featured_list',
1061 __( 'Button', 'borderless' ) => 'pricing_button',
1062 __( 'Disable', 'borderless' ) => 'disable',
1063 ),
1064 'default' => 'btn',
1065 'description' => __( 'Choose the element.', 'borderless' ),
1066 ),
1067
1068 array(
1069 'type' => 'textfield',
1070 'heading' => __( 'Margin Sixth Area', 'borderless' ),
1071 'param_name' => 'margin_area_6',
1072 'description' => __( 'Enter margin. e.g. 16px.', 'borderless' ),
1073 'group' => 'Layout',
1074 'dependency' => array(
1075 'element' => 'area_6',
1076 'value_not_equal_to' => array( '' ),
1077 ),
1078 ),
1079
1080 array(
1081 'type' => 'textfield',
1082 'heading' => __( 'Padding Sixth Area', 'borderless' ),
1083 'param_name' => 'padding_area_6',
1084 'description' => __( 'Enter padding. e.g. 16px.', 'borderless' ),
1085 'group' => 'Layout',
1086 'dependency' => array(
1087 'element' => 'area_6',
1088 'value_not_equal_to' => array( '' ),
1089 ),
1090 ),
1091
1092 array(
1093 'type' => 'colorpicker',
1094 'heading' => __( 'Background Sixth Area', 'borderless' ),
1095 'param_name' => 'background_area_6',
1096 'description' => __( 'Select custom background color for sixth area.', 'borderless' ),
1097 'group' => 'Layout',
1098 'dependency' => array(
1099 'element' => 'area_6',
1100 'value_not_equal_to' => array( '' ),
1101 ),
1102 ),
1103
1104 /*
1105 * Typography Tab
1106 */
1107
1108 array(
1109 'type' => 'dropdown',
1110 'heading' => __( 'Title Tag', 'borderless' ),
1111 'param_name' => 'title_tag',
1112 'group' => 'Typography',
1113 'value' => array(
1114 __( 'H1', 'borderless' ) => 'h1',
1115 __( 'H2', 'borderless' ) => 'h2',
1116 __( 'H3', 'borderless' ) => 'h3',
1117 __( 'H4', 'borderless' ) => 'h4',
1118 __( 'H5', 'borderless' ) => 'h5',
1119 __( 'H6', 'borderless' ) => 'h6',
1120 __( 'p', 'borderless' ) => 'p',
1121 __( 'div', 'borderless' ) => 'div',
1122 ),
1123 'description' => __( 'Select title tag.', 'borderless' ),
1124 ),
1125
1126 array(
1127 'type' => 'textfield',
1128 'heading' => __( 'Title Font Size', 'borderless' ),
1129 'param_name' => 'title_size',
1130 'description' => __( 'Enter font size.', 'borderless' ),
1131 'group' => 'Typography',
1132 ),
1133
1134 array(
1135 'type' => 'textfield',
1136 'heading' => __( 'Title Line Height', 'borderless' ),
1137 'param_name' => 'title_line_height',
1138 'description' => __( 'Enter line height.', 'borderless' ),
1139 'group' => 'Typography',
1140 ),
1141
1142 array(
1143 'type' => 'textfield',
1144 'heading' => __( 'Title Spacing', 'borderless' ),
1145 'param_name' => 'title_spacing',
1146 'description' => __( 'Select title spacing. e.g. 16px.', 'borderless' ),
1147 'group' => 'Typography',
1148 ),
1149 array(
1150 'type' => 'dropdown',
1151 'heading' => __( 'Title Alignment', 'borderless' ),
1152 'param_name' => 'title_alignment',
1153 'value' => array(
1154 __( 'Left', 'borderless' ) => 'left',
1155 __( 'Right', 'borderless' ) => 'right',
1156 __( 'Center', 'borderless' ) => 'center',
1157 ),
1158 'description' => __( 'Select title alignment.', 'borderless' ),
1159 'group' => 'Typography',
1160 ),
1161
1162 array(
1163 'type' => 'colorpicker',
1164 'heading' => __( 'Title Color', 'borderless' ),
1165 'param_name' => 'title_color',
1166 'description' => __( 'Select custom color for the title.', 'borderless' ),
1167 'group' => 'Typography',
1168 ),
1169
1170 array(
1171 'type' => 'textfield',
1172 'heading' => __( 'Price Font Size', 'borderless' ),
1173 'param_name' => 'price_size',
1174 'description' => __( 'Enter font size.', 'borderless' ),
1175 'group' => 'Typography',
1176 ),
1177
1178 array(
1179 'type' => 'textfield',
1180 'heading' => __( 'Price Line Height', 'borderless' ),
1181 'param_name' => 'price_line_height',
1182 'description' => __( 'Enter line height.', 'borderless' ),
1183 'group' => 'Typography',
1184 ),
1185
1186 array(
1187 'type' => 'textfield',
1188 'heading' => __( 'Price Spacing', 'borderless' ),
1189 'param_name' => 'price_spacing',
1190 'description' => __( 'Select title spacing. e.g. 16px.', 'borderless' ),
1191 'group' => 'Typography',
1192 ),
1193 array(
1194 'type' => 'dropdown',
1195 'heading' => __( 'Price Alignment', 'borderless' ),
1196 'param_name' => 'price_alignment',
1197 'value' => array(
1198 __( 'Left', 'borderless' ) => 'left',
1199 __( 'Right', 'borderless' ) => 'right',
1200 __( 'Center', 'borderless' ) => 'center',
1201 ),
1202 'description' => __( 'Select price alignment.', 'borderless' ),
1203 'group' => 'Typography',
1204 ),
1205
1206 array(
1207 'type' => 'colorpicker',
1208 'heading' => __( 'Price Color', 'borderless' ),
1209 'param_name' => 'price_color',
1210 'description' => __( 'Select custom color for the price.', 'borderless' ),
1211 'group' => 'Typography',
1212 ),
1213
1214 array(
1215 'type' => 'textfield',
1216 'heading' => __( 'Currency Font Size', 'borderless' ),
1217 'param_name' => 'currency_size',
1218 'description' => __( 'Enter font size.', 'borderless' ),
1219 'group' => 'Typography',
1220 ),
1221
1222 array(
1223 'type' => 'textfield',
1224 'heading' => __( 'Currency Spacing', 'borderless' ),
1225 'param_name' => 'currency_spacing',
1226 'description' => __( 'Select spacing. e.g. 16px.', 'borderless' ),
1227 'group' => 'Typography',
1228 ),
1229
1230 // Animation
1231 vc_map_add_css_animation(),
1232
1233 array(
1234 'type' => 'textfield',
1235 'heading' => __( 'Extra class name', 'borderless' ),
1236 'param_name' => 'el_class',
1237 'description' => __( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'borderless' ),
1238 ),
1239
1240 array(
1241 'type' => 'css_editor',
1242 'heading' => __( 'CSS box', 'borderless' ),
1243 'param_name' => 'css',
1244 'group' => __( 'Design Options', 'borderless' ),
1245 ),
1246 ),
1247 );
1248