PluginProbe
Borderless – Addons and Templates for Elementor / 1.2.5
Borderless – Addons and Templates for Elementor v1.2.5
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.2.5, at modules/wpbakery/elements/pricing.php

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