PluginProbe ʕ •ᴥ•ʔ
ElementsKit Elementor Addons – Advanced Widgets & Templates Addons for Elementor / 4.0.0
ElementsKit Elementor Addons – Advanced Widgets & Templates Addons for Elementor v4.0.0
4.0.2 4.0.1 4.0.0 3.10.02 3.10.01 3.9.10 3.9.9 3.9.8 3.9.7 3.9.5 3.9.6 3.9.3 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.2.0 2.2.1 2.2.2 2.2.3 2.2.4 2.3.0 2.3.1 2.3.1.1 2.3.2 2.3.3 2.3.4 2.3.5 2.3.6 2.3.7 2.4.0 2.5.0 2.5.1 2.5.10 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.5.7 2.5.8 2.5.9 2.6.0 2.6.1 2.6.2 2.6.3 2.7.0 2.7.2 2.7.3 2.7.4 2.7.5 2.8.0 2.8.1 2.8.5 2.8.6 2.8.7 2.8.8 2.9.0 2.9.1 2.9.2 3.0.0 3.0.1 3.0.2 3.0.3 3.0.4 3.0.5 3.0.6 3.0.7 3.1.0 3.1.1 3.1.2 3.1.3 3.1.4 3.2.0 3.2.1 3.2.2 3.2.3 3.2.4 3.2.5 3.2.6 3.2.7 3.2.8 3.2.9 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.3.8 3.3.9 3.4.0 3.4.1 3.4.2 3.4.3 3.4.4 3.4.5 3.4.6 3.4.7 3.4.8 3.4.9 3.5.0 3.5.1 3.5.2 3.5.3 3.5.4 3.5.5 3.5.6 3.6.0 3.6.1 3.7.0 3.7.1 3.7.2 3.7.3 3.7.4 3.7.5 3.7.6 3.7.7 3.7.8 3.7.9 3.8.0 3.8.1 3.8.2 3.9.0 3.9.1 3.9.2 trunk 1.2.6 1.2.7 1.2.9 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.8 1.3.9 1.4.0 1.4.1 1.4.2 1.4.3 1.4.4 1.4.5 1.4.7 1.4.8 1.4.9 1.5.0 1.5.1 1.5.10 1.5.11 1.5.12 1.5.2 1.5.4 1.5.5 1.5.6 1.5.7 1.5.8 1.5.9 2.0.0 2.0.1 2.0.10 2.0.11 2.0.12 2.0.13 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.0.9.1 2.0.9.2 2.0.9.3
elementskit-lite / widgets / testimonial / testimonial.php
elementskit-lite / widgets / testimonial Last commit date
assets 5 years ago common 4 years ago style 3 weeks ago testimonial-handler.php 3 years ago testimonial.php 3 weeks ago
testimonial.php
2567 lines
1 <?php
2 namespace Elementor;
3
4 use \Elementor\ElementsKit_Widget_Testimonial_Handler as Handler;
5 use \ElementsKit_Lite\Modules\Controls\Controls_Manager as ElementsKit_Controls_Manager;
6
7 if ( ! defined( 'ABSPATH' ) ) exit;
8
9 class ElementsKit_Widget_Testimonial extends Widget_Base {
10 use \ElementsKit_Lite\Widgets\Widget_Notice;
11
12 public $base;
13
14 public function __construct( $data = [], $args = null ) {
15 parent::__construct( $data, $args );
16 }
17
18 public function get_name() {
19 return Handler::get_name();
20 }
21
22 public function get_title() {
23 return Handler::get_title();
24 }
25
26 public function get_icon() {
27 return Handler::get_icon();
28 }
29
30 public function get_categories() {
31 return Handler::get_categories();
32 }
33
34 public function get_keywords() {
35 return Handler::get_keywords();
36 }
37
38 public function get_help_url() {
39 return 'https://wpmet.com/doc/how-to-create-testimonials-in-wordpress/';
40 }
41
42 public function get_style_depends() {
43 return ['ekit-testimonial', 'swiper'];
44 }
45
46 public function get_script_depends() {
47 return ['ekit-testimonial', 'swiper'];
48 }
49
50 protected function is_dynamic_content(): bool {
51 return false;
52 }
53
54 protected function register_controls() {
55
56 $this->start_controls_section(
57 'ekit_testimonial_layout_section_tab_style',
58 [
59 'label' => esc_html__('Layout', 'elementskit-lite'),
60 ]
61 );
62
63
64 // Card style
65
66 $this->add_control(
67 'ekit_testimonial_style',
68 [
69 'label' => esc_html__('Choose Style', 'elementskit-lite'),
70 'type' => ElementsKit_Controls_Manager::IMAGECHOOSE,
71 'default' => 'style1',
72 'options' => [
73 'style1' => [
74 'title' => esc_html__( 'Default', 'elementskit-lite' ),
75 'imagelarge' => Handler::get_url() . 'assets/imagechoose/1.png',
76 'imagesmall' => Handler::get_url() . 'assets/imagechoose/1.png',
77 'width' => '33.33%',
78 ],
79 'style2' => [
80 'title' => esc_html__( 'Grid Style without image', 'elementskit-lite' ),
81 'imagelarge' => Handler::get_url() . 'assets/imagechoose/2.png',
82 'imagesmall' => Handler::get_url() . 'assets/imagechoose/2.png',
83 'width' => '33.33%',
84 ],
85 'style3' => [
86 'title' => esc_html__( 'Image with Ratting', 'elementskit-lite' ),
87 'imagelarge' => Handler::get_url() . 'assets/imagechoose/3.png',
88 'imagesmall' => Handler::get_url() . 'assets/imagechoose/3.png',
89 'width' => '33.33%',
90 ],
91 'style4' => [
92 'title' => esc_html__( 'image style 4', 'elementskit-lite' ),
93 'imagelarge' => Handler::get_url() . 'assets/imagechoose/4.png',
94 'imagesmall' => Handler::get_url() . 'assets/imagechoose/4.png',
95 'width' => '33.33%',
96 ],
97 'style5' => [
98 'title' => esc_html__( 'image style 5', 'elementskit-lite' ),
99 'imagelarge' => Handler::get_url() . 'assets/imagechoose/5.png',
100 'imagesmall' => Handler::get_url() . 'assets/imagechoose/5.png',
101 'width' => '33.33%',
102 ],
103 'style6' => [
104 'title' => esc_html__( 'image style 6', 'elementskit-lite' ),
105 'imagelarge' => Handler::get_url() . 'assets/imagechoose/6.png',
106 'imagesmall' => Handler::get_url() . 'assets/imagechoose/6.png',
107 'width' => '33.33%',
108 ],
109 ],
110 ]
111 );
112
113 $this->end_controls_section();
114 $this->start_controls_section(
115 'ekit_testimonial_section_tab_style',
116 [
117 'label' => esc_html__('Testimonial', 'elementskit-lite'),
118 ]
119 );
120
121 // enable warter mark icon
122 $this->add_control(
123 'ekit_testimonial_wartermark_enable',
124 [
125 'label' => esc_html__( 'Enable Quote Icon', 'elementskit-lite' ),
126 'type' => Controls_Manager::SWITCHER,
127 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
128 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
129 'return_value' => 'yes',
130 'default' => 'yes',
131 'condition' => [
132 'ekit_testimonial_style' => ['style2', 'style4', 'style5', 'style6']
133 ]
134 ]
135 );
136
137 $this->add_control(
138 'ekit_testimonial_wartermarks',
139 [
140 'label' => esc_html__( 'Quote Icon', 'elementskit-lite' ),
141 'label_block' => true,
142 'type' => Controls_Manager::ICONS,
143 'fa4compatibility' => 'ekit_testimonial_wartermark',
144 'default' => [
145 'value' => 'icon icon-quote',
146 'library' => 'ekiticons',
147 ],
148 'condition' => [
149 'ekit_testimonial_wartermark_enable' => 'yes',
150 'ekit_testimonial_style' => ['style2', 'style4', 'style5', 'style6'],
151 ],
152 ]
153 );
154
155 // water mark position
156 $this->add_control(
157 'ekit_testimonial_wartermark_position',
158 [
159 'label' => esc_html__( 'Quote Icon Position', 'elementskit-lite' ),
160 'type' => Controls_Manager::SELECT,
161 'default' => 'bottom',
162 'separator' => 'before',
163 'options' => [
164 'top' => esc_html__( 'Top', 'elementskit-lite' ),
165 'bottom' => esc_html__( 'Bottom', 'elementskit-lite' ),
166 ],
167 'condition' => [
168 'ekit_testimonial_wartermark_enable' => 'yes',
169 'ekit_testimonial_style' => ['style5']
170 ],
171 'selectors_dictionary' => [
172 'top' => 'position: unset;',
173 'bottom' => 'bottom: 30px; right: 30px;',
174 ],
175 'selectors' => [
176 '{{WRAPPER}} .ekit_testimonial_style_5 .elementskit-watermark-icon' => '{{VALUE}}',
177 ],
178 ]
179 );
180
181 $this->add_control(
182 'ekit_testimonial_wartermark_mask_show_badge',
183 [
184 'label' => esc_html__( 'Show Quote Icon Badge', 'elementskit-lite' ),
185 'type' => Controls_Manager::SWITCHER,
186 'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
187 'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
188 'return_value' => 'yes',
189 'default' => 'yes',
190 'separator' => 'before',
191 'condition' => [
192 'ekit_testimonial_wartermark_enable' => 'yes',
193 'ekit_testimonial_style' => ['style6']
194 ]
195 ]
196 );
197
198 $this->add_control(
199 'ekit_testimonial_wartermark_custom_position',
200 [
201 'label' => esc_html__( 'Custom Position', 'elementskit-lite' ),
202 'type' => Controls_Manager::SWITCHER,
203 'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
204 'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
205 'return_value' => 'yes',
206 'default' => 'no',
207 'separator' => 'before',
208 'condition' => [
209 'ekit_testimonial_wartermark_enable' => 'yes',
210 'ekit_testimonial_style' => 'style2',
211 ],
212 ]
213 );
214
215 $this->add_responsive_control(
216 'ekit_testimonial_wartermark_custom_position_offset_x',
217 [
218 'label' => esc_html__( 'Left', 'elementskit-lite' ),
219 'type' => Controls_Manager::SLIDER,
220 'size_units' => [ 'px', '%' ],
221 'range' => [
222 'px' => [
223 'min' => 0,
224 'max' => 300,
225 'step' => 1,
226 ],
227 '%' => [
228 'min' => 0,
229 'max' => 100,
230 ],
231 ],
232 'default' => [
233 'unit' => 'px',
234 'size' => 10,
235 ],
236 'selectors' => [
237 '{{WRAPPER}} .ekit_watermark_icon_custom_position' => 'left: {{SIZE}}{{UNIT}} !important;',
238 ],
239 'condition' => [
240 'ekit_testimonial_wartermark_enable' => 'yes',
241 'ekit_testimonial_wartermark_custom_position' => 'yes',
242 'ekit_testimonial_style' => 'style2',
243 ]
244 ]
245 );
246
247 $this->add_responsive_control(
248 'ekit_testimonial_wartermark_custom_position_offset_y',
249 [
250 'label' => esc_html__( 'top', 'elementskit-lite' ),
251 'type' => Controls_Manager::SLIDER,
252 'size_units' => [ 'px', '%' ],
253 'range' => [
254 'px' => [
255 'min' => 0,
256 'max' => 300,
257 'step' => 1,
258 ],
259 '%' => [
260 'min' => 0,
261 'max' => 100,
262 ],
263 ],
264 'default' => [
265 'unit' => 'px',
266 'size' => 10,
267 ],
268 'selectors' => [
269 '{{WRAPPER}} .ekit_watermark_icon_custom_position' => 'top: {{SIZE}}{{UNIT}} !important;',
270 ],
271 'condition' => [
272 'ekit_testimonial_wartermark_enable' => 'yes',
273 'ekit_testimonial_wartermark_custom_position' => 'yes',
274 'ekit_testimonial_style' => 'style2',
275 ]
276 ]
277 );
278
279 $this->add_control(
280 'ekit_testimonial_before_rating',
281 [
282 'type' => Controls_Manager::DIVIDER,
283 'condition' => [
284 'ekit_testimonial_style!' => ['style1', 'style3'],
285 ],
286 ]
287 );
288
289 // enable rating
290 $this->add_control(
291 'ekit_testimonial_rating_enable',
292 [
293 'label' => esc_html__( 'Enable Rating', 'elementskit-lite' ),
294 'type' => Controls_Manager::SWITCHER,
295 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
296 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
297 'return_value' => 'yes',
298 'default' => 'yes',
299 'condition' => [
300 'ekit_testimonial_style' => ['style3', 'style4', 'style5', 'style6']
301 ]
302 ]
303 );
304
305 // enable title separetor
306 $this->add_control(
307 'ekit_testimonial_title_separetor',
308 [
309 'label' => esc_html__( 'Show Separator', 'elementskit-lite' ),
310 'type' => Controls_Manager::SWITCHER,
311 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
312 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
313 'default' => 'yes',
314 'condition' => [
315 'ekit_testimonial_style' => ['style1', 'style2'],
316 ]
317 ]
318 );
319
320 $repeater = new Repeater();
321
322 $repeater->add_control(
323 'client_name', [
324 'label' => esc_html__('Client Name', 'elementskit-lite'),
325 'type' => Controls_Manager::TEXT,
326 'dynamic' => [
327 'active' => true,
328 ],
329 'default' => esc_html__('Testimonial #1', 'elementskit-lite'),
330 'label_block' => true,
331 ]
332 );
333
334 $repeater->add_control(
335 'designation', [
336 'label' => esc_html__('Designation', 'elementskit-lite'),
337 'type' => Controls_Manager::TEXT,
338 'dynamic' => [
339 'active' => true,
340 ],
341 'label_block' => true,
342 'default' => esc_html__('Designation', 'elementskit-lite'),
343 ]
344 );
345
346 $repeater->add_control(
347 'review', [
348 'label' => esc_html__('Testimonial Review', 'elementskit-lite'),
349 'type' => Controls_Manager::TEXTAREA,
350 'dynamic' => [
351 'active' => true,
352 ],
353 'label_block' => true,
354 'default' => esc_html__('Review Text', 'elementskit-lite'),
355 ]
356 );
357
358 $repeater->add_control(
359 'rating', [
360 'label' => esc_html__('Testimonial Rating', 'elementskit-lite'),
361 'type' => Controls_Manager::SELECT,
362 'default' => '5',
363 'options' => [
364 '5' => esc_html__( '5', 'elementskit-lite' ),
365 '4' => esc_html__( '4', 'elementskit-lite' ),
366 '3' => esc_html__( '3', 'elementskit-lite' ),
367 '2' => esc_html__( '2', 'elementskit-lite' ),
368 '1' => esc_html__( '1', 'elementskit-lite' ),
369 ],
370 'label_block' => true,
371 ]
372 );
373
374 $repeater->add_control(
375 'link',
376 [
377 'label' => esc_html__( 'Link', 'elementskit-lite' ),
378 'type' => Controls_Manager::URL,
379 'dynamic' => [
380 'active' => true,
381 ],
382 'placeholder' => esc_url( 'https://wpmet.com', 'elementskit-lite' ),
383 ]
384 );
385
386 $repeater->add_control(
387 'client_photo', [
388 'label' => esc_html__('Client Avatar', 'elementskit-lite'),
389 'type' => Controls_Manager::MEDIA,
390 'dynamic' => [
391 'active' => true,
392 ],
393 'default' => [
394 'url' => Utils::get_placeholder_image_src(),
395 'id' => -1
396 ],
397 'separator' => 'before',
398 ]
399 );
400
401 $repeater->add_control(
402 'client_logo', [
403 'label' => esc_html__('Logo', 'elementskit-lite'),
404 'type' => Controls_Manager::MEDIA,
405 'dynamic' => [
406 'active' => true,
407 ],
408 'default' => [
409 'url' => Utils::get_placeholder_image_src(),
410 'id' => -1
411 ],
412 ]
413 );
414
415 $repeater->add_control(
416 'use_hover_logo', [
417 'label' => esc_html__( 'Display different logo on hover?', 'elementskit-lite' ),
418 'description' => esc_html__( 'This option only work for style 1 & 2', 'elementskit-lite' ),
419 'type' => Controls_Manager::SWITCHER,
420 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
421 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
422 'default' => 'no',
423 'separator' => 'before',
424 ]
425 );
426
427 $repeater->add_control(
428 'client_logo_active', [
429 'label' => esc_html__('Logo Active', 'elementskit-lite'),
430 'type' => Controls_Manager::MEDIA,
431 'dynamic' => [
432 'active' => true,
433 ],
434 'default' => [
435 'url' => Utils::get_placeholder_image_src(),
436 'id' => -1
437 ],
438 'condition' => ['use_hover_logo' => 'yes'],
439 ]
440 );
441
442 $repeater->add_control(
443 'ekit_testimonial_active', [
444 'label' => esc_html__( 'Active Testimonial?', 'elementskit-lite' ),
445 'type' => Controls_Manager::SWITCHER,
446 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
447 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
448 'return_value' => 'yes',
449 'default' => '',
450 ]
451 );
452 $repeater->add_control(
453 'ekit_testimonial_item_text_colors_popover',
454 [
455 'label' => esc_html__( 'Item Text Colors', 'elementskit-lite' ),
456 'type' => \Elementor\Controls_Manager::POPOVER_TOGGLE,
457 'label_off' => esc_html__( 'Default', 'elementskit-lite' ),
458 'label_on' => esc_html__( 'Custom', 'elementskit-lite' ),
459 'return_value' => 'yes',
460 'default' => 'yes',
461 ]
462 );
463 $repeater->start_popover();
464
465 $repeater->add_control(
466 'ekit_testimonial_item_description_color',
467 [
468 'label' => esc_html__( 'Description Color', 'elementskit-lite' ),
469 'type' => Controls_Manager::COLOR,
470 'selectors' => [
471 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-commentor-content > p' => 'color: {{VALUE}}',
472 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-commentor-coment' => 'color: {{VALUE}}',
473 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-single-testimonial-slider > p' => 'color: {{VALUE}}',
474 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-commentor-content' => 'color: {{VALUE}}',
475 ],
476 'condition' => [
477 'ekit_testimonial_item_text_colors_popover' => 'yes',
478 ],
479 ]
480 );
481
482 $repeater->add_control(
483 'ekit_testimonial_item_client_name_color',
484 [
485 'label' => esc_html__( 'Name Color', 'elementskit-lite' ),
486 'type' => Controls_Manager::COLOR,
487 'selectors' => [
488 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-author-name' => 'color: {{VALUE}}',
489 ],
490 'condition' => [
491 'ekit_testimonial_item_text_colors_popover' => 'yes',
492 ],
493 ]
494 );
495
496 $repeater->add_control(
497 'ekit_testimonial_item_client_designation_color',
498 [
499 'label' => esc_html__( 'Designation Color', 'elementskit-lite' ),
500 'type' => Controls_Manager::COLOR,
501 'selectors' => [
502 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-author-des' => 'color: {{VALUE}}',
503 ],
504 'condition' => [
505 'ekit_testimonial_item_text_colors_popover' => 'yes',
506 ],
507 ]
508 );
509
510 $repeater->add_control(
511 'ekit_testimonial_item_rating_color',
512 [
513 'label' => esc_html__( 'Rating Color', 'elementskit-lite' ),
514 'type' => Controls_Manager::COLOR,
515 'selectors' => [
516 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-stars > li > a, {{WRAPPER}} {{CURRENT_ITEM}} .elementskit-stars > li > span' => 'color: {{VALUE}}; fill: {{VALUE}};',
517 ],
518 'condition' => [
519 'ekit_testimonial_item_text_colors_popover' => 'yes',
520 ],
521 ]
522 );
523
524 $repeater->add_control(
525 'ekit_testimonial_item_title_separator_color',
526 [
527 'label' => esc_html__( 'Title Separator Color', 'elementskit-lite' ),
528 'type' => Controls_Manager::COLOR,
529 'selectors' => [
530 '{{WRAPPER}} {{CURRENT_ITEM}} .elementskit-border-hr' => 'background-color: {{VALUE}}',
531 ],
532 'condition' => [
533 'ekit_testimonial_item_text_colors_popover' => 'yes',
534 ],
535 ]
536 );
537
538 $repeater->end_popover();
539
540 $repeater->add_group_control(
541 Group_Control_Background::get_type(),
542 [
543 'name' => 'ekit_testimonial_background_group',
544 'label' => esc_html__( 'Background', 'elementskit-lite' ),
545 'types' => [ 'classic'],
546 'selector' => '{{WRAPPER}} {{CURRENT_ITEM}} ',
547 ]
548 );
549
550 $this->add_control(
551 'ekit_testimonial_data',
552 [
553 'label' => esc_html__('Testimonial', 'elementskit-lite'),
554 'type' => Controls_Manager::REPEATER,
555 'default' => [
556 [ 'client_name' => esc_html__('Testimonial #1', 'elementskit-lite') ],
557 [ 'client_name' => esc_html__('Testimonial #2', 'elementskit-lite') ],
558 [ 'client_name' => esc_html__('Testimonial #3', 'elementskit-lite') ],
559 ],
560
561 'fields' => $repeater->get_controls(),
562 'title_field' => '{{{ client_name }}}',
563 ]
564 );
565
566
567
568 $this->end_controls_section();
569
570 // setting section
571
572 $this->start_controls_section(
573 'ekit_testimonial_layout_settings',
574 [
575 'label' => esc_html__( 'Settings', 'elementskit-lite' ),
576 ]
577 );
578
579 $this->add_responsive_control(
580 'ekit_testimonial_left_right_spacing',
581 [
582 'label' => esc_html__( 'Spacing Left Right', 'elementskit-lite' ),
583 'type' => Controls_Manager::SLIDER,
584 'size_units' => [ 'px' ],
585 'range' => [
586 'px' => [
587 'min' => 0,
588 'max' => 50,
589 'step' => 1,
590 ],
591 ],
592 'devices' => [ 'desktop', 'tablet', 'mobile' ],
593 'desktop_default' => [
594 'size' => 15,
595 'unit' => 'px',
596 ],
597 'tablet_default' => [
598 'size' => 10,
599 'unit' => 'px',
600 ],
601 'mobile_default' => [
602 'size' => 10,
603 'unit' => 'px',
604 ],
605 'default' => [
606 'size' => 15,
607 'unit' => 'px',
608 ],
609 'render_type' => 'template',
610 'selectors' => [
611 '{{WRAPPER}} .elementskit-testimonial-slider' => '--ekit_testimonial_left_right_spacing: {{SIZE}}{{UNIT}};',
612 ],
613 ]
614 );
615
616 $this->add_responsive_control(
617 'ekit_testimonial_top_bottom_spacing',
618 [
619 'label' => esc_html__( 'Padding', 'elementskit-lite' ),
620 'type' => Controls_Manager::DIMENSIONS,
621 'size_units' => [ 'px', '%', 'em' ],
622 'selectors' => [
623 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
624 ],
625 ]
626 );
627
628 $this->add_responsive_control(
629 'ekit_testimonial_slidetoshow',
630 [
631 'label' => esc_html__( 'Slides To Show', 'elementskit-lite' ),
632 'type' => Controls_Manager::NUMBER,
633 'min' => 1,
634 'max' => 20,
635 'step' => 1,
636 'default' => 1,
637 'render_type' => 'template',
638 'selectors' => [
639 '{{WRAPPER}} .elementskit-testimonial-slider' => '--ekit_testimonial_slidetoshow: {{SIZE}};',
640 ],
641 ]
642 );
643
644 $this->add_responsive_control(
645 'ekit_testimonial_slidesToScroll',
646 [
647 'label' => esc_html__( 'Slides To Scroll', 'elementskit-lite' ),
648 'type' => Controls_Manager::NUMBER,
649 'min' => 1,
650 'max' => 20,
651 'step' => 1,
652 'default' => 1,
653 ]
654 );
655
656 $this->add_control(
657 'ekit_testimonial_speed',
658 [
659 'label' => esc_html__( 'Speed', 'elementskit-lite' ),
660 'type' => Controls_Manager::NUMBER,
661 'min' => 1,
662 'max' => 10000,
663 'step' => 1,
664 'default' => 1000,
665 ]
666 );
667
668 $this->add_control(
669 'ekit_testimonial_autoplay',
670 [
671 'label' => esc_html__( 'Autoplay', 'elementskit-lite' ),
672 'type' => Controls_Manager::SWITCHER,
673 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
674 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
675 'return_value' => 'yes',
676 'default' => 'yes',
677 ]
678 );
679
680 $this->add_control(
681 'ekit_testimonial_show_arrow',
682 [
683 'label' => esc_html__( 'Show Arrow', 'elementskit-lite' ),
684 'type' => Controls_Manager::SWITCHER,
685 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
686 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
687 'return_value' => 'yes',
688 'default' => '',
689 ]
690 );
691
692 $this->add_control(
693 'ekit_testimonial_show_dot',
694 [
695 'label' => esc_html__( 'Show Dots', 'elementskit-lite' ),
696 'type' => Controls_Manager::SWITCHER,
697 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
698 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
699 'return_value' => 'yes',
700 'default' => '',
701 ]
702 );
703
704 $this->add_control(
705 'ekit_testimonial_left_arrows',
706 [
707 'label' => esc_html__( 'Left Arrow Icon', 'elementskit-lite' ),
708 'type' => Controls_Manager::ICONS,
709 'fa4compatibility' => 'ekit_testimonial_left_arrow',
710 'default' => [
711 'value' => 'icon icon-left-arrow2',
712 'library' => 'ekiticons',
713 ],
714 'condition' => [
715 'ekit_testimonial_show_arrow' => 'yes',
716 ]
717 ]
718 );
719
720 $this->add_control(
721 'ekit_testimonial_right_arrows',
722 [
723 'label' => esc_html__( 'Right Arrow Icon', 'elementskit-lite' ),
724 'type' => Controls_Manager::ICONS,
725 'fa4compatibility' => 'ekit_testimonial_right_arrow',
726 'default' => [
727 'value' => 'icon icon-right-arrow2',
728 'library' => 'ekiticons',
729 ],
730 'condition' => [
731 'ekit_testimonial_show_arrow' => 'yes',
732 ]
733 ]
734 );
735
736 $this->add_control(
737 'ekit_testimonial_loop',
738 [
739 'label' => esc_html__( 'Enable Loop?', 'elementskit-lite' ),
740 'type' => Controls_Manager::SWITCHER,
741 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
742 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
743 'return_value' => 'yes',
744 'default' => '',
745 ]
746 );
747
748 $this->add_control(
749 'ekit_testimonial_pause_on_hover',
750 [
751 'label' => esc_html__( 'Pause on Hover', 'elementskit-lite' ),
752 'type' => Controls_Manager::SWITCHER,
753 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
754 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
755 'return_value' => 'yes',
756 'default' => 'yes',
757 ]
758 );
759
760 $this->end_controls_section();
761
762 // layout controll style start
763 $this->start_controls_section(
764 'ekit_testimonial_section_layout', [
765 'label' => esc_html__( 'Layout', 'elementskit-lite' ),
766 'tab' => Controls_Manager::TAB_STYLE,
767 ]
768 );
769
770 $this->add_responsive_control(
771 'ekit_testimonial_layout_margin',
772 [
773 'label' => esc_html__('Column Gap', 'elementskit-lite'),
774 'type' => Controls_Manager::SLIDER,
775 'size_units' => ['px', 'em'],
776 'selectors' => [
777 '{{WRAPPER}} .elementskit-tootltip-testimonial .elementskit-commentor-content,
778 {{WRAPPER}} .ekit-main-swiper .elementskit-single-testimonial-slider,
779 {{WRAPPER}} .elementskit-testimonial_card' => 'margin-left: {{SIZE}}{{UNIT}}; margin-right: {{SIZE}}{{UNIT}};',
780 ],
781 ]
782 );
783
784
785 $this->add_responsive_control(
786 'ekit_testimonial_layout_padding',
787 [
788 'label' =>esc_html__( 'Padding', 'elementskit-lite' ),
789 'type' => Controls_Manager::DIMENSIONS,
790 'size_units' => [ 'px', 'em', '%' ],
791 'selectors' => [
792 '{{WRAPPER}} .elementskit-tootltip-testimonial .elementskit-commentor-content, {{WRAPPER}} .elementskit-single-testimonial-slider, {{WRAPPER}} .elementskit-testimonial_card' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
793 ],
794 ]
795 );
796
797 $this->add_responsive_control(
798 'ekit_testimonial_client_parent_container_margin',
799 [
800 'label' => esc_html__( 'Margin', 'elementskit-lite' ),
801 'type' => Controls_Manager::DIMENSIONS,
802 'size_units' => [ 'px', '%', 'em' ],
803 'selectors' => [
804 '{{WRAPPER}} .elementskit-testimonial-slider-block-style' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
805 ],
806 'condition' => [
807 'ekit_testimonial_style' => ['style4']
808 ]
809 ]
810 );
811
812 $this->add_responsive_control(
813 'ekit_testimonial_layout_border_radius',
814 [
815 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
816 'type' => Controls_Manager::DIMENSIONS,
817 'size_units' => [ 'px', '%', 'em' ],
818 'selectors' => [
819 '{{WRAPPER}} .elementskit-tootltip-testimonial .elementskit-commentor-content, {{WRAPPER}} .elementskit-single-testimonial-slider, {{WRAPPER}} .elementskit-testimonial_card' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
820 ],
821 ]
822 );
823
824 $this->start_controls_tabs( 'ekit_testimonial_wrapper_tabs' );
825 $this->start_controls_tab(
826 'ekit_testimonial_wrapper_tab_normal',
827 [
828 'label' => esc_html__( 'Normal', 'elementskit-lite' ),
829 ]
830 );
831 $this->add_group_control(
832 Group_Control_Background::get_type(),
833 [
834 'name' => 'ekit_testimonial_layout_background',
835 'label' => esc_html__( 'Background', 'elementskit-lite' ),
836 'types' => [ 'classic', 'gradient' ],
837 'selector' => '{{WRAPPER}} .elementskit-tootltip-testimonial .elementskit-commentor-content, {{WRAPPER}} .elementskit-single-testimonial-slider, {{WRAPPER}} .elementskit-testimonial_card, {{WRAPPER}} .elementskit-tootltip-testimonial .elementskit-commentor-content::before',
838 ]
839 );
840
841 $this->add_group_control(
842 Group_Control_Border::get_type(),
843 [
844 'name' => 'ekit_testimonial_layout_border',
845 'label' => esc_html__( 'Border', 'elementskit-lite' ),
846 'selector' => '{{WRAPPER}} .elementskit-single-testimonial-slider',
847 ]
848 );
849
850 $this->add_group_control(
851 Group_Control_Box_Shadow::get_type(), [
852 'name' => 'ekit_testimonial_layout_shadow',
853 'selector' => '{{WRAPPER}} .elementskit-tootltip-testimonial .elementskit-commentor-content, {{WRAPPER}} .elementskit-single-testimonial-slider, {{WRAPPER}} .elementskit-testimonial_card',
854 ]
855 );
856 $this->end_controls_tab();
857
858 $this->start_controls_tab(
859 'ekit_testimonial_wrapper_tab_hover',
860 [
861 'label' => esc_html__( 'Hover', 'elementskit-lite' ),
862 ]
863 );
864 $this->add_group_control(
865 Group_Control_Background::get_type(),
866 [
867 'name' => 'ekit_testimonial_layout_active_background',
868 'label' => esc_html__( 'Background', 'elementskit-lite' ),
869 'types' => [ 'classic', 'gradient' ],
870 'selector' => '{{WRAPPER}} .elementskit-single-testimonial-slider:before',
871 ]
872 );
873
874 $this->add_control(
875 'ekit_testimonial_layout_active_border_color',
876 [
877 'label' => esc_html__( 'Border Color', 'elementskit-lite' ),
878 'type' => Controls_Manager::COLOR,
879 'selectors' => [
880 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover' => 'border-color: {{VALUE}}',
881 ],
882 ]
883 );
884
885 $this->add_group_control(
886 Group_Control_Box_Shadow::get_type(), [
887 'name' => 'ekit_testimonial_layout_hover_shadow',
888 'selector' => '{{WRAPPER}} .elementskit-tootltip-testimonial .elementskit-commentor-content:hover, {{WRAPPER}} .elementskit-single-testimonial-slider:hover, {{WRAPPER}} .elementskit-testimonial_card:hover',
889 ]
890 );
891
892 $this->add_control(
893 'ekit_testimonial_hover_effect',
894 [
895 'label' => esc_html__( 'Hover Effect', 'elementskit-lite' ),
896 'type' => Controls_Manager::SELECT,
897 'options' => [
898 'slide' => esc_html__( 'Slide', 'elementskit-lite' ),
899 'fade' => esc_html__( 'Fade', 'elementskit-lite' ),
900 ],
901 'default' => 'slide',
902 'prefix_class' => 'ekit-testimonial-',
903 'condition' => [
904 'ekit_testimonial_style!' => 'style3',
905 'ekit_testimonial_layout_active_background_background!' => '',
906 ],
907 ]
908 );
909 $this->end_controls_tab();
910
911 $this->start_controls_tab(
912 'ekit_testimonial_wrapper_tab_active',
913 [
914 'label' => esc_html__( 'Active', 'elementskit-lite' ),
915 ]
916 );
917
918 $this->add_group_control(
919 Group_Control_Background::get_type(),
920 [
921 'name' => 'ekit_testimonial_active_layout_background',
922 'label' => esc_html__( 'Background', 'elementskit-lite' ),
923 'types' => [ 'classic', 'gradient' ],
924 'selector' => '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active',
925 ]
926 );
927
928 $this->add_group_control(
929 Group_Control_Box_Shadow::get_type(), [
930 'name' => 'ekit_testimonial_active_layout_shadow',
931 'selector' => '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active',
932 ]
933 );
934
935 $this->end_controls_tab();
936 $this->end_controls_tabs();
937 $this->end_controls_section();
938
939 $this->start_controls_section(
940 'ekit_testimonial_section_wraper_style', [
941 'label' => esc_html__( 'Wrapper Content Style', 'elementskit-lite' ),
942 'tab' => Controls_Manager::TAB_STYLE,
943 ]
944 );
945
946
947 $this->add_responsive_control(
948 'ekit_testimonial_section_wraper_vertical_alignment',
949 [
950 'label' =>esc_html__( 'Vertical Alignment', 'elementskit-lite' ),
951 'type' => Controls_Manager::CHOOSE,
952 'options' => [
953 'flex-start' => [
954 'title' =>esc_html__( 'Top', 'elementskit-lite' ),
955 'icon' => 'eicon-sort-up',
956 ],
957 'center' => [
958 'title' =>esc_html__( 'Center', 'elementskit-lite' ),
959 'icon' => 'eicon-text-align-center',
960 ],
961 'flex-end' => [
962 'title' =>esc_html__( 'Bottom', 'elementskit-lite' ),
963 'icon' => 'eicon-sort-down',
964 ],
965 ],
966 'selectors' => [
967 '{{WRAPPER}} .elementkit-testimonial-col' => 'align-self: {{VALUE}};'
968 ],
969 'default' => 'center',
970 'condition' => [
971 'ekit_testimonial_style' => 'style1',
972 ],
973 ]
974 );
975
976 $this->add_responsive_control(
977 'ekit_testimonial_section_wraper_horizontal_alignment',
978 [
979 'label' =>esc_html__( 'Horizontal Alignment', 'elementskit-lite' ),
980 'type' => Controls_Manager::CHOOSE,
981 'options' => [
982 'left' => [
983 'title' =>esc_html__( 'Left', 'elementskit-lite' ),
984 'icon' => 'eicon-text-align-left',
985 ],
986 'center' => [
987 'title' =>esc_html__( 'Center', 'elementskit-lite' ),
988 'icon' => 'eicon-text-align-center',
989 ],
990 'right' => [
991 'title' =>esc_html__( 'Right', 'elementskit-lite' ),
992 'icon' => 'eicon-text-align-right',
993 ],
994 ],
995 'selectors' => [
996 '{{WRAPPER}} .elementskit-commentor-content' => 'text-align: {{VALUE}};',
997 '{{WRAPPER}} .elementskit-testimonial_card' => 'text-align: {{VALUE}};',
998 '{{WRAPPER}} .elementskit-profile-info' => 'text-align: {{VALUE}};',
999 '{{WRAPPER}} .elementskit-commentor-bio' => 'text-align: {{VALUE}}; justify-content: {{VALUE}}',
1000 '{{WRAPPER}} .ekit_testimonial_style_5 .elementskit-commentor-header' => 'text-align: {{VALUE}};',
1001 ]
1002 ]
1003 );
1004
1005 $this->add_responsive_control(
1006 'ekit_testimonial_section_wraper_padding',
1007 [
1008 'label' => esc_html__( 'Padding', 'elementskit-lite' ),
1009 'type' => Controls_Manager::DIMENSIONS,
1010 'size_units' => [ 'px', '%', 'em' ],
1011 'selectors' => [
1012 '{{WRAPPER}} .elementskit-commentor-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1013 ],
1014 ]
1015 );
1016
1017 $this->add_control(
1018 'ekit_testimonial_section_wraper_use_height',
1019 [
1020 'label' => esc_html__( 'Use Fixed Height', 'elementskit-lite' ),
1021 'type' => Controls_Manager::SWITCHER,
1022 'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
1023 'label_off' => esc_html__( 'No', 'elementskit-lite' ),
1024 'return_value' => 'yes',
1025 'default' => 'no',
1026 ]
1027 );
1028
1029 $this->add_responsive_control(
1030 'ekit_testimonial_section_height',
1031 [
1032 'label' => esc_html__( 'Height', 'elementskit-lite' ),
1033 'type' => Controls_Manager::SLIDER,
1034 'size_units' => [ 'px', '%' ],
1035 'range' => [
1036 'px' => [
1037 'min' => 30,
1038 'max' => 1000,
1039 'step' => 1,
1040 ],
1041 '%' => [
1042 'min' => 10,
1043 'max' => 1000,
1044 ],
1045 ],
1046 'default' => [
1047 'unit' => 'px',
1048 'size' => 500,
1049 ],
1050 'selectors' => [
1051 '{{WRAPPER}} .elementskit-commentor-content' => 'min-height: {{SIZE}}{{UNIT}};',
1052 ],
1053 'condition' => [
1054 'ekit_testimonial_section_wraper_use_height' => 'yes'
1055 ]
1056 ]
1057 );
1058
1059 $this->end_controls_section();
1060
1061 // description
1062 $this->start_controls_section(
1063 'ekit_testimonial_content_description',
1064 [
1065 'label' => esc_html__( 'Description', 'elementskit-lite' ),
1066 'tab' => Controls_Manager::TAB_STYLE,
1067 ]
1068 );
1069
1070 $this->add_control(
1071 'ekit_testimonial_description_color',
1072 [
1073 'label' => esc_html__( 'Color', 'elementskit-lite' ),
1074 'type' => Controls_Manager::COLOR,
1075 'selectors' => [
1076 '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-commentor-content > p' => 'color: {{VALUE}}',
1077 '{{WRAPPER}} .elementskit-testimonial_card .elementskit-commentor-coment' => 'color: {{VALUE}}',
1078 ],
1079 ]
1080 );
1081
1082 $this->add_control(
1083 'ekit_testimonial_description_active_color',
1084 [
1085 'label' => esc_html__( 'Hover & Active Color', 'elementskit-lite' ),
1086 'type' => Controls_Manager::COLOR,
1087 'selectors' => [
1088 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-commentor-content > p' => 'color: {{VALUE}}',
1089 '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-commentor-content > p' => 'color: {{VALUE}}',
1090 ],
1091 ]
1092 );
1093
1094 $this->add_group_control(
1095 Group_Control_Typography::get_type(),
1096 [
1097 'name' => 'ekit_testimonial_description_typography',
1098 'label' => esc_html__( 'Typography', 'elementskit-lite' ),
1099 'selector' => '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-commentor-content > p, {{WRAPPER}} .elementskit-testimonial_card .elementskit-commentor-coment',
1100 ]
1101 );
1102
1103 $this->add_responsive_control(
1104 'ekit_testimonial_description_margin',
1105 [
1106 'label' => esc_html__( 'Margin', 'elementskit-lite' ),
1107 'type' => Controls_Manager::DIMENSIONS,
1108 'size_units' => [ 'px', '%', 'em' ],
1109 'selectors' => [
1110 '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-commentor-content > p' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1111 '{{WRAPPER}} .elementskit-testimonial_card .elementskit-commentor-coment' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1112 ],
1113 ]
1114 );
1115
1116 $this->end_controls_section();
1117
1118 // Testimonial Review Rating
1119
1120 $this->start_controls_section(
1121 'ekit_testimonial_section_testimonial_ratting_style', [
1122 'label' => esc_html__( 'Rating', 'elementskit-lite' ),
1123 'tab' => Controls_Manager::TAB_STYLE,
1124 'condition' => [
1125 'ekit_testimonial_style' => ['style3', 'style4', 'style5', 'style6'],
1126 'ekit_testimonial_rating_enable' => 'yes'
1127 ]
1128 ]
1129 );
1130
1131 // Testimonial Review ratting Color
1132 $this->add_control(
1133 'ekit_testimonial_review_ratting_color', [
1134 'label' => esc_html__( 'Color', 'elementskit-lite' ),
1135 'type' => Controls_Manager::COLOR,
1136 'default' => '#fec42d',
1137 'selectors' => [
1138 '{{WRAPPER}} .elementskit-stars > li > a, {{WRAPPER}} .elementskit-stars > li > span' => 'color: {{VALUE}}; fill: {{VALUE}};',
1139 ],
1140 ]
1141 );
1142
1143 $this->add_control(
1144 'ekit_testimonial_rating_hover_color',
1145 [
1146 'label' => esc_html__( 'Hover & Active Color', 'elementskit-lite' ),
1147 'type' => Controls_Manager::COLOR,
1148 'selectors' => [
1149 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-stars > li > a,
1150 {{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-stars > li > span,
1151 {{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-stars > li > a,
1152 {{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-stars > li > span' => 'color: {{VALUE}}; fill: {{VALUE}};',
1153 ],
1154 ]
1155 );
1156
1157 $this->add_responsive_control(
1158 'ekit_testimonial_review_ratting_font_size',
1159 [
1160 'label' => esc_html__('Font Size', 'elementskit-lite'),
1161 'type' => Controls_Manager::SLIDER,
1162 'size_units' => ['px', 'em'],
1163 'selectors' => [
1164 '{{WRAPPER}} .elementskit-stars > li > a, {{WRAPPER}} .elementskit-stars > li > span' => 'font-size: {{SIZE}}{{UNIT}};',
1165 ],
1166 ]
1167 );
1168
1169 $this->add_responsive_control(
1170 'ekit_testimonial_review_ratting_right_spacing',
1171 [
1172 'label' => esc_html__( 'Items Margin Right', 'elementskit-lite' ),
1173 'type' => Controls_Manager::SLIDER,
1174 'size_units' => [ 'px' ],
1175 'range' => [
1176 'px' => [
1177 'min' => 0,
1178 'max' => 100,
1179 'step' => 1,
1180 ],
1181 ],
1182 'default' => [
1183 'unit' => 'px',
1184 'size' => 5,
1185 ],
1186 'selectors' => [
1187 '{{WRAPPER}} .elementskit-stars > li:not(:last-child)' => 'margin-right: {{SIZE}}{{UNIT}};',
1188 ],
1189 ]
1190 );
1191
1192 $this->add_responsive_control(
1193 'ekit_testimonial_review_ratting_padding',
1194 [
1195 'label' => esc_html__( 'Review Padding', 'elementskit-lite' ),
1196 'type' => Controls_Manager::DIMENSIONS,
1197 'size_units' => [ 'px', 'em' ],
1198 'selectors' => [
1199 '{{WRAPPER}} .elementskit-stars' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1200 ],
1201 ]
1202 );
1203
1204 $this->add_responsive_control(
1205 'ekit_testimonial_review_ratting_spacing',
1206 [
1207 'label' => esc_html__( 'Review Margin', 'elementskit-lite' ),
1208 'type' => Controls_Manager::DIMENSIONS,
1209 'size_units' => [ 'px', '%', 'em' ],
1210 'selectors' => [
1211 '{{WRAPPER}} .elementskit-stars' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1212 ],
1213 ]
1214 );
1215
1216 $this->end_controls_section();
1217
1218 $this->start_controls_section(
1219 'ekit_testimonial_section_wathermark_style', [
1220 'label' => esc_html__( 'Quote Icon', 'elementskit-lite' ),
1221 'tab' => Controls_Manager::TAB_STYLE,
1222 'condition' => [
1223 'ekit_testimonial_wartermark_enable' => 'yes',
1224 'ekit_testimonial_style!' => ['style1', 'style3'],
1225 ]
1226 ]
1227 );
1228
1229 $this->start_controls_tabs(
1230 'ekit_testimonial_client_watermark_color_tabs'
1231 );
1232
1233 $this->start_controls_tab(
1234 'ekit_testimonial_client_watermark_normal_color_tab',
1235 [
1236 'label' => esc_html__( 'Normal', 'elementskit-lite' ),
1237 ]
1238 );
1239
1240 // Testimonial wathermark Color
1241 $this->add_responsive_control(
1242 'ekit_testimonial_section_wathermark_color', [
1243 'label' =>esc_html__( 'Color', 'elementskit-lite' ),
1244 'type' => Controls_Manager::COLOR,
1245 'selectors' => [
1246 '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-watermark-icon > i' => 'color: {{VALUE}};',
1247 '{{WRAPPER}} .elementskit-testimonial-slider-block-style .elementskit-commentor-content > i' => 'color: {{VALUE}};',
1248 '{{WRAPPER}} .elementskit-testimonial-slider-block-style-two .elementskit-icon-content > i' => 'color: {{VALUE}};',
1249 '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three .elementskit-icon-content > i' => 'color: {{VALUE}};',
1250 '{{WRAPPER}} .elementskit-watermark-icon svg' => 'fill: {{VALUE}};'
1251 ],
1252 ]
1253 );
1254
1255 $this->add_group_control(
1256 Group_Control_Background::get_type(),
1257 [
1258 'name' => 'ekit_testimonial_section_wathermark_icon_badge_background',
1259 'label' => esc_html__( 'Background', 'elementskit-lite' ),
1260 'types' => [ 'classic', 'gradient' ],
1261 'selector' => '{{WRAPPER}} .elementskit-commentor-content > i, {{WRAPPER}} .elementskit-icon-content > i,{{WRAPPER}} .elementskit-watermark-icon > i, {{WRAPPER}} .elementskit-watermark-icon svg',
1262 'condition' => [
1263 'ekit_testimonial_style!' => 'style6'
1264 ]
1265 ]
1266 );
1267
1268 $this->end_controls_tab();
1269
1270 $this->start_controls_tab(
1271 'ekit_testimonial_client_watermark_active_color_tab',
1272 [
1273 'label' => esc_html__( 'Hover', 'elementskit-lite' ),
1274 ]
1275 );
1276
1277 $this->add_responsive_control(
1278 'ekit_testimonial_section_wathermark_active_color',
1279 [
1280 'label' => esc_html__( 'Color', 'elementskit-lite' ),
1281 'type' => Controls_Manager::COLOR,
1282 'selectors' => [
1283 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-watermark-icon > i' => 'color: {{VALUE}};',
1284 '{{WRAPPER}} .elementskit-testimonial-slider-block-style:hover .elementskit-commentor-content > i' => 'color: {{VALUE}};',
1285 '{{WRAPPER}} .elementskit-testimonial-slider-block-style-two:hover .elementskit-icon-content > i' => 'color: {{VALUE}};',
1286 '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three:hover .elementskit-icon-content > i' => 'color: {{VALUE}};',
1287 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-watermark-icon svg' => 'fill: {{VALUE}};',
1288 '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active:hover .elementskit-watermark-icon > i' => 'color: {{VALUE}};',
1289 '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active:hover .elementskit-watermark-icon svg' => 'fill: {{VALUE}};',
1290
1291
1292 ],
1293 ]
1294 );
1295
1296 $this->add_group_control(
1297 Group_Control_Background::get_type(),
1298 [
1299 'name' => 'ekit_testimonial_section_wathermark_icon_badge_hover_background',
1300 'label' => esc_html__( 'Background', 'elementskit-lite' ),
1301 'types' => [ 'classic', 'gradient' ],
1302 'selector' => '{{WRAPPER}}.elementskit-single-testimonial-slider:hover .elementskit-commentor-content > i, {{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-icon-content > i,{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-watermark-icon > i, {{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-watermark-icon svg,
1303
1304 {{WRAPPER}}.elementskit-single-testimonial-slider.testimonial-active:hover .elementskit-commentor-content > i, {{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active:hover .elementskit-icon-content > i,{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active:hover .elementskit-watermark-icon > i, {{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active:hover .elementskit-watermark-icon svg
1305 ',
1306 'condition' => [
1307 'ekit_testimonial_style!' => 'style6'
1308 ]
1309 ]
1310 );
1311
1312 $this->end_controls_tab();
1313
1314 $this->start_controls_tab(
1315 'ekit_testimonial_client_watermark_hover_color_tab',
1316 [
1317 'label' => esc_html__( 'Active', 'elementskit-lite' ),
1318 ]
1319 );
1320
1321 $this->add_responsive_control(
1322 'ekit_testimonial_section_wathermark_hover_color',
1323 [
1324 'label' => esc_html__( 'Color', 'elementskit-lite' ),
1325 'type' => Controls_Manager::COLOR,
1326 'selectors' => [
1327 '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-watermark-icon > i' => 'color: {{VALUE}};',
1328 '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-watermark-icon svg ' => 'fill: {{VALUE}};',
1329 ],
1330 ]
1331 );
1332
1333 $this->add_group_control(
1334 Group_Control_Background::get_type(),
1335 [
1336 'name' => 'ekit_testimonial_section_wathermark_icon_badge_active_background',
1337 'label' => esc_html__( 'Background', 'elementskit-lite' ),
1338 'types' => [ 'classic', 'gradient' ],
1339 'selector' => '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-commentor-content > i, {{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-icon-content > i, {{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-watermark-icon > i, {{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-watermark-icon svg',
1340 'condition' => [
1341 'ekit_testimonial_style!' => 'style6'
1342 ]
1343 ]
1344 );
1345
1346 $this->end_controls_tab();
1347
1348 $this->end_controls_tabs();
1349
1350 $this->add_control(
1351 'ekit_testimonial_client_watermark_color_tab_end',
1352 [
1353 'type' => Controls_Manager::DIVIDER,
1354 'style' => 'thick',
1355 ]
1356 );
1357
1358 // Testimonial wathermark icon size
1359 $this->add_responsive_control(
1360 'ekit_testimonial_section_wathermark_typography',
1361 [
1362 'label' => esc_html__( 'Icon Size', 'elementskit-lite' ),
1363 'type' => Controls_Manager::SLIDER,
1364 'size_units' => [ 'px' ],
1365 'range' => [
1366 'px' => [
1367 'min' => 0,
1368 'max' => 500,
1369 'step' => 1,
1370 ],
1371 ],
1372 'selectors' => [
1373 '{{WRAPPER}} .elementskit-watermark-icon > i' => 'font-size: {{SIZE}}{{UNIT}};',
1374 '{{WRAPPER}} .elementskit-watermark-icon > svg' => 'width: {{SIZE}}{{UNIT}};',
1375 ],
1376 ]
1377 );
1378
1379 $this->add_responsive_control(
1380 'ekit_testimonial_section_wathermark_margin_bottom',
1381 [
1382 'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ),
1383 'type' => Controls_Manager::SLIDER,
1384 'size_units' => [ 'px' ],
1385 'range' => [
1386 'px' => [
1387 'min' => 0,
1388 'max' => 200,
1389 'step' => 1,
1390 ],
1391 ],
1392 'selectors' => [
1393 '{{WRAPPER}} .elementskit-testimonial-slider-block-style .elementskit-commentor-content > i' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1394 '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three .elementskit-icon-content > i' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1395 '{{WRAPPER}} .elementskit-watermark-icon' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1396 ],
1397 ]
1398 );
1399
1400 $this->add_responsive_control(
1401 'ekit_testimonial_section_wathermark_icon_padding',
1402 [
1403 'label' => esc_html__( 'Padding', 'elementskit-lite' ),
1404 'type' => Controls_Manager::DIMENSIONS,
1405 'size_units' => [ 'px', '%', 'em' ],
1406 'selectors' => [
1407 '{{WRAPPER}} .elementskit-commentor-content > i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1408 '{{WRAPPER}} .elementskit-icon-content > i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1409 '{{WRAPPER}} .elementskit-watermark-icon > i' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1410 '{{WRAPPER}} .elementskit-watermark-icon svg' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1411 ],
1412 ]
1413 );
1414
1415 $this->add_responsive_control(
1416 'ekit_testimonial_section_wathermark_icon_radius',
1417 [
1418 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
1419 'type' => Controls_Manager::DIMENSIONS,
1420 'size_units' => [ 'px', '%', 'em' ],
1421 'selectors' => [
1422 '{{WRAPPER}} .elementskit-commentor-content > i' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1423 '{{WRAPPER}} .elementskit-icon-content > i' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1424 '{{WRAPPER}} .elementskit-watermark-icon > i' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1425 '{{WRAPPER}} .elementskit-watermark-icon svg' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1426 ],
1427 'condition' => [
1428 'ekit_testimonial_style!' => 'style6'
1429 ],
1430 ]
1431 );
1432
1433 $this->add_control(
1434 'ekit_testimonial_section_wathermark_badge_devider',
1435 [
1436 'type' => Controls_Manager::DIVIDER,
1437 'style' => 'thick',
1438 'condition' => [
1439 'ekit_testimonial_wartermark_mask_show_badge' => 'yes'
1440 ]
1441 ]
1442 );
1443
1444 // watermark badge
1445 $this->add_responsive_control(
1446 'ekit_testimonial_section_wathermark_badge_radius',
1447 [
1448 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
1449 'type' => Controls_Manager::SLIDER,
1450 'size_units' => [ '%' ],
1451 'range' => [
1452 '%' => [
1453 'min' => 0,
1454 'max' => 100,
1455 ],
1456 ],
1457 'default' => [
1458 'unit' => '%',
1459 'size' => 50,
1460 ],
1461 'selectors' => [
1462 '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three .elementskit-icon-content.commentor-badge::before' => 'border-radius: {{SIZE}}{{UNIT}};',
1463 ],
1464 'condition' => [
1465 'ekit_testimonial_wartermark_mask_show_badge' => 'yes'
1466 ]
1467 ]
1468 );
1469
1470 $this->add_group_control(
1471 Group_Control_Background::get_type(),
1472 [
1473 'name' => 'ekit_testimonial_section_wathermark_badge_background',
1474 'label' => esc_html__( 'Background', 'elementskit-lite' ),
1475 'types' => [ 'classic', 'gradient' ],
1476 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider-block-style-three .elementskit-icon-content.commentor-badge::before',
1477 'condition' => [
1478 'ekit_testimonial_wartermark_mask_show_badge' => 'yes'
1479 ]
1480 ]
1481 );
1482
1483 $this->end_controls_section();
1484
1485 // title separetor
1486 $this->start_controls_section(
1487 'ekit_testimonial_title_separetor_tab',
1488 [
1489 'label' => esc_html__( 'Title Separetor', 'elementskit-lite' ),
1490 'tab' => Controls_Manager::TAB_STYLE,
1491 'condition' => [
1492 'ekit_testimonial_title_separetor' => 'yes',
1493 'ekit_testimonial_style' => ['style1', 'style2'],
1494 ]
1495 ]
1496 );
1497
1498 $this->start_controls_tabs(
1499 'ekit_testimonial_client_title_separetor_color_tabs'
1500 );
1501
1502 $this->start_controls_tab(
1503 'ekit_testimonial_client_title_separetor_normal_color_tab',
1504 [
1505 'label' => esc_html__( 'Normal', 'elementskit-lite' ),
1506 ]
1507 );
1508
1509 $this->add_control(
1510 'ekit_testimonial_title_separator_color',
1511 [
1512 'label' => esc_html__( 'Separator Color', 'elementskit-lite' ),
1513 'type' => Controls_Manager::COLOR,
1514 'selectors' => [
1515 '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'background-color: {{VALUE}};',
1516 ],
1517 ]
1518 );
1519
1520 $this->end_controls_tab();
1521
1522 $this->start_controls_tab(
1523 'ekit_testimonial_client_title_separetor_active_color_tab',
1524 [
1525 'label' => esc_html__( 'Hover', 'elementskit-lite' ),
1526 ]
1527 );
1528
1529 $this->add_control(
1530 'ekit_testimonial_title_separator_active_color',
1531 [
1532 'label' => esc_html__( 'Separator Color', 'elementskit-lite' ),
1533 'type' => Controls_Manager::COLOR,
1534 'selectors' => [
1535 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-border-hr' => 'background-color: {{VALUE}};',
1536 ],
1537 ]
1538 );
1539
1540 $this->end_controls_tab();
1541
1542 $this->end_controls_tabs();
1543
1544 $this->add_control(
1545 'ekit_testimonial_client_title_separetor_color_tab_end',
1546 [
1547 'type' => Controls_Manager::DIVIDER,
1548 'style' => 'thick',
1549 ]
1550 );
1551
1552 $this->add_responsive_control(
1553 'ekit_testimonial_title_separator_width',
1554 [
1555 'label' => esc_html__( 'Width', 'elementskit-lite' ),
1556 'type' => Controls_Manager::SLIDER,
1557 'size_units' => [ 'px' ],
1558 'range' => [
1559 '%' => [
1560 'min' => 0,
1561 'max' => 300,
1562 ],
1563 ],
1564 'default' => [
1565 'unit' => 'px',
1566 'size' => 40,
1567 ],
1568 'selectors' => [
1569 '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'width: {{SIZE}}{{UNIT}};',
1570 ],
1571 ]
1572 );
1573
1574 $this->add_responsive_control(
1575 'ekit_testimonial_title_separator_height',
1576 [
1577 'label' => esc_html__( 'Height', 'elementskit-lite' ),
1578 'type' => Controls_Manager::SLIDER,
1579 'size_units' => [ 'px' ],
1580 'range' => [
1581 'px' => [
1582 'min' => 0,
1583 'max' => 100,
1584 'step' => 1,
1585 ],
1586 ],
1587 'default' => [
1588 'unit' => 'px',
1589 'size' => 2,
1590 ],
1591 'selectors' => [
1592 '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'height: {{SIZE}}{{UNIT}};',
1593 ],
1594 ]
1595 );
1596
1597 $this->add_responsive_control(
1598 'ekit_testimonial_title_separator_margin',
1599 [
1600 'label' => esc_html__( 'Margin', 'elementskit-lite' ),
1601 'type' => Controls_Manager::DIMENSIONS,
1602 'size_units' => [ 'px' ],
1603 'selectors' => [
1604 '{{WRAPPER}} .elementskit-single-testimonial-slider .elementskit-border-hr' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1605 ],
1606 ]
1607 );
1608
1609 $this->end_controls_section();
1610
1611 // client style
1612 $this->start_controls_section(
1613 'ekit_testimonial_client_content_section',
1614 [
1615 'label' => esc_html__( 'Client', 'elementskit-lite' ),
1616 'tab' => Controls_Manager::TAB_STYLE,
1617 ]
1618 );
1619
1620 // client name heading
1621 $this->add_control(
1622 'ekit_testimonial_client_name_heading',
1623 [
1624 'label' => esc_html__( 'Client Name', 'elementskit-lite' ),
1625 'type' => Controls_Manager::HEADING,
1626 ]
1627 );
1628
1629 // Client Name Color
1630 $this->add_control(
1631 'ekit_testimonial_client_name_normal_color', [
1632 'label' =>esc_html__( 'Color', 'elementskit-lite' ),
1633 'type' => Controls_Manager::COLOR,
1634 'selectors' => [
1635 '{{WRAPPER}} .elementskit-profile-info .elementskit-author-name' => 'color: {{VALUE}};',
1636 '{{WRAPPER}} .elementskit-author-name' => 'color: {{VALUE}};'
1637 ],
1638 ]
1639 );
1640
1641 // Client Name Color
1642 $this->add_control(
1643 'ekit_testimonial_client_name_active_color', [
1644 'label' =>esc_html__( 'Hover & Active Color', 'elementskit-lite' ),
1645 'type' => Controls_Manager::COLOR,
1646 'selectors' => [
1647 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-author-name' => 'color: {{VALUE}};',
1648 '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-author-name' => 'color: {{VALUE}};'
1649 ],
1650 ]
1651 );
1652
1653 $this->add_group_control(
1654 Group_Control_Typography::get_type(), [
1655 'name' => 'ekit_testimonial_client_name_typography',
1656 'selector' => '{{WRAPPER}} .elementskit-profile-info .elementskit-author-name',
1657 ]
1658 );
1659
1660 // client name margin bottom
1661 $this->add_responsive_control(
1662 'ekit_testimonial_client_name_spacing_bottom',
1663 [
1664 'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ),
1665 'type' => Controls_Manager::SLIDER,
1666 'size_units' => [ 'px' ],
1667 'range' => [
1668 'px' => [
1669 'min' => 0,
1670 'max' => 100,
1671 'step' => 1,
1672 ],
1673 ],
1674 'default' => [
1675 'unit' => 'px',
1676 'size' => 0,
1677 ],
1678 'selectors' => [
1679 '{{WRAPPER}} .elementskit-profile-info .elementskit-author-name' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1680 ],
1681 ]
1682 );
1683
1684 // client designation heading
1685 $this->add_control(
1686 'ekit_testimonial_client_designation_heading',
1687 [
1688 'label' => esc_html__( 'Client Designation', 'elementskit-lite' ),
1689 'type' => Controls_Manager::HEADING,
1690 'separator' => 'before',
1691 ]
1692 );
1693
1694 // Designation Color
1695 $this->add_control(
1696 'ekit_testimonial_designation_normal_color', [
1697 'label' =>esc_html__( 'Color', 'elementskit-lite' ),
1698 'type' => Controls_Manager::COLOR,
1699 'selectors' => [
1700 '{{WRAPPER}} .elementskit-profile-info .elementskit-author-des' => 'color: {{VALUE}};'
1701 ],
1702 ]
1703 );
1704
1705 // Designation Hover Color
1706 $this->add_control(
1707 'ekit_testimonial_designation_active_color', [
1708 'label' =>esc_html__( 'Hover & Active Color', 'elementskit-lite' ),
1709 'type' => Controls_Manager::COLOR,
1710 'selectors' => [
1711 '{{WRAPPER}} .elementskit-single-testimonial-slider:hover .elementskit-author-des' => 'color: {{VALUE}};',
1712 '{{WRAPPER}} .elementskit-single-testimonial-slider.testimonial-active .elementskit-author-des' => 'color: {{VALUE}};'
1713 ],
1714 ]
1715 );
1716
1717 // Designation typography
1718 $this->add_group_control(
1719 Group_Control_Typography::get_type(), [
1720 'name' => 'ekit_testimonial_designation_typography',
1721 'selector' => '{{WRAPPER}} .elementskit-profile-info .elementskit-author-des',
1722 ]
1723 );
1724
1725 $this->add_responsive_control(
1726 'ekit_testimonial_client_spacing',
1727 [
1728 'label' => esc_html__( 'Margin', 'elementskit-lite' ),
1729 'type' => Controls_Manager::DIMENSIONS,
1730 'size_units' => [ 'px', '%', 'em' ],
1731 'selectors' => [
1732 '{{WRAPPER}} .elementskit-commentor-bio' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1733 ],
1734 ]
1735 );
1736
1737 // client logo heading
1738 $this->add_control(
1739 'ekit_testimonial_client_logo_heading',
1740 [
1741 'label' => esc_html__( 'Client Logo', 'elementskit-lite' ),
1742 'type' => Controls_Manager::HEADING,
1743 'separator' => 'before',
1744 'condition' => [
1745 'ekit_testimonial_style' => ['style1', 'style2']
1746 ]
1747 ]
1748 );
1749
1750 // client logo margin bottom
1751 $this->add_responsive_control(
1752 'ekit_testimonial_client_logo_margin_bottom',
1753 [
1754 'label' => esc_html__( 'Margin Bottom', 'elementskit-lite' ),
1755 'type' => Controls_Manager::SLIDER,
1756 'size_units' => [ 'px' ],
1757 'range' => [
1758 'px' => [
1759 'min' => 0,
1760 'max' => 500,
1761 'step' => 1,
1762 ],
1763 ],
1764 'default' => [
1765 'unit' => 'px',
1766 'size' => 32,
1767 ],
1768 'selectors' => [
1769 '{{WRAPPER}} .elementskit-commentor-content .elementskit-client_logo' => 'margin-bottom: {{SIZE}}{{UNIT}};',
1770 ],
1771 'condition' => [
1772 'ekit_testimonial_style' => ['style1', 'style2']
1773 ]
1774 ]
1775 );
1776
1777 /**
1778 * Heading: Client Image
1779 */
1780 $this->add_control(
1781 'ekit_testimonial_client_image_heading',
1782 [
1783 'label' => esc_html__( 'Client Image', 'elementskit-lite' ),
1784 'type' => Controls_Manager::HEADING,
1785 'separator' => 'before',
1786 'condition' => [
1787 'ekit_testimonial_style' => ['style1', 'style4', 'style5', 'style6']
1788 ]
1789 ]
1790 );
1791 $this->add_group_control(
1792 Group_Control_Background::get_type(),
1793 [
1794 'name' => 'ekit_testimonial_client_image_background',
1795 'label' => esc_html__( 'Background', 'elementskit-lite' ),
1796 'types' => [ 'classic', 'gradient' ],
1797 'selector' => '{{WRAPPER}} .elementskit-profile-image-card::before',
1798 'condition' => [
1799 'ekit_testimonial_style' => ['style1']
1800 ]
1801 ]
1802 );
1803
1804 $this->add_responsive_control(
1805 'ekit_testimonial_client_img_pos',
1806 [
1807 'label' => esc_html__( 'Image Position', 'elementskit-lite' ),
1808 'type' => Controls_Manager::CHOOSE,
1809 'options' => [
1810 'left' => [
1811 'title' => esc_html__( 'Left', 'elementskit-lite' ),
1812 'icon' => 'eicon-caret-left',
1813 ],
1814 'top' => [
1815 'title' => esc_html__( 'Top', 'elementskit-lite' ),
1816 'icon' => 'eicon-caret-up',
1817 ],
1818 'bottom' => [
1819 'title' => esc_html__( 'Bottom', 'elementskit-lite' ),
1820 'icon' => 'eicon-caret-down',
1821 ],
1822 'right' => [
1823 'title' => esc_html__( 'Right', 'elementskit-lite' ),
1824 'icon' => 'eicon-caret-right',
1825 ],
1826 ],
1827 'selectors_dictionary' => [
1828 'left' => '-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;',
1829 'top' => '-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;',
1830 'bottom' => '-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;',
1831 'right' => '-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;',
1832 ],
1833 'selectors' => [
1834 '{{WRAPPER}} .elementkit-commentor-details' => '{{VALUE}}',
1835 ],
1836 'condition' => [
1837 'ekit_testimonial_style' => 'style5',
1838 ],
1839 ]
1840 );
1841
1842 $this->add_control(
1843 'ekit_testimonial_client_area_alignment',
1844 [
1845 'label' => esc_html__( 'Alignment', 'elementskit-lite' ),
1846 'type' => Controls_Manager::CHOOSE,
1847 'options' => [
1848 'client_left' => [
1849 'title' => esc_html__( 'Left', 'elementskit-lite' ),
1850 'icon' => 'eicon-text-align-left',
1851 ],
1852 'client_center' => [
1853 'title' => esc_html__( 'Center', 'elementskit-lite' ),
1854 'icon' => 'eicon-text-align-center',
1855 ],
1856 'client_right' => [
1857 'title' => esc_html__( 'Right', 'elementskit-lite' ),
1858 'icon' => 'eicon-text-align-right',
1859 ],
1860 ],
1861 'condition' => [
1862 'ekit_testimonial_style' => ['style4', 'style5', 'style6']
1863 ]
1864 ]
1865 );
1866
1867 $this->add_group_control(
1868 Group_Control_Border::get_type(),
1869 [
1870 'name' => 'ekit_testimonial_client_image_border',
1871 'label' => esc_html__( 'Border', 'elementskit-lite' ),
1872 'selector' => '{{WRAPPER}} .elementskit-commentor-image > img',
1873 'condition' => [
1874 'ekit_testimonial_style' => ['style4', 'style5', 'style6']
1875 ]
1876 ]
1877 );
1878
1879 $this->add_group_control(
1880 Group_Control_Box_Shadow::get_type(),
1881 [
1882 'name' => 'ekit_testimonial_client_image_box_shadow',
1883 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ),
1884 'selector' => '{{WRAPPER}} .elementskit-commentor-image > img',
1885 'condition' => [
1886 'ekit_testimonial_style' => ['style4', 'style5', 'style6']
1887 ]
1888 ]
1889 );
1890
1891 $this->add_responsive_control(
1892 'ekit_testimonial_client_image_size',
1893 [
1894 'label' => esc_html__('Image Size', 'elementskit-lite'),
1895 'type' => Controls_Manager::SLIDER,
1896 'range' => [
1897 'px' => [
1898 'min' => 0,
1899 'max' => 300,
1900 'step' => 1,
1901 ],
1902 ],
1903 'default' => [
1904 'unit' => 'px',
1905 'size' => 70,
1906 ],
1907 'selectors' => [
1908 '{{WRAPPER}} .elementskit-commentor-bio .elementskit-commentor-image > img' => 'height: {{SIZE}}{{UNIT}}; width: {{SIZE}}{{UNIT}};',
1909 ],
1910 'condition' => [
1911 'ekit_testimonial_style' => ['style4', 'style5', 'style6']
1912 ]
1913 ]
1914 );
1915
1916 $this->add_responsive_control(
1917 'ekit_testimonial_client_author_container_top',
1918 [
1919 'label' => esc_html__( 'Bottom', 'elementskit-lite' ),
1920 'type' => Controls_Manager::SLIDER,
1921 'size_units' => [ 'px' ],
1922 'range' => [
1923 'px' => [
1924 'min' => -200,
1925 'max' => 200,
1926 'step' => 1,
1927 ],
1928 ],
1929 'default' => [
1930 'unit' => 'px',
1931 'size' => -98,
1932 ],
1933 'render_type' => 'template',
1934 'selectors' => [
1935 '{{WRAPPER}} .elementskit-commentor-bio' => 'bottom: {{SIZE}}{{UNIT}};',
1936 ],
1937 'condition' => [
1938 'ekit_testimonial_style' => ['style4']
1939 ]
1940 ]
1941 );
1942
1943 $this->add_responsive_control(
1944 'ekit_testimonial_client_image_margin_',
1945 [
1946 'label' => __( 'Margin', 'elementskit-lite' ),
1947 'type' => Controls_Manager::DIMENSIONS,
1948 'size_units' => [ 'px', '%', 'em' ],
1949 'selectors' => [
1950 '{{WRAPPER}} .ekit-testimonial--avatar' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1951 ],
1952 'condition' => [
1953 'ekit_testimonial_style' => ['style4', 'style5', 'style6'],
1954 ],
1955 ]
1956 );
1957 $this->end_controls_section();
1958
1959 // dot style
1960 $this->start_controls_section(
1961 'ekit_testimonial_client_dot_tab',
1962 [
1963 'label' => esc_html__( 'Dot', 'elementskit-lite' ),
1964 'tab' => Controls_Manager::TAB_STYLE,
1965 'condition' => [
1966 'ekit_testimonial_show_dot' => 'yes'
1967 ]
1968 ]
1969 );
1970
1971 $this->add_responsive_control(
1972 'ekit_testimonial_client_dot_bottom',
1973 [
1974 'label' => esc_html__( 'Dot Top Spacing', 'elementskit-lite' ),
1975 'type' => Controls_Manager::SLIDER,
1976 'size_units' => [ 'px' ],
1977 'range' => [
1978 'px' => [
1979 'min' => -100,
1980 'max' => 100,
1981 'step' => 1,
1982 ],
1983 ],
1984 'default' => [
1985 'unit' => 'px',
1986 'size' => -50,
1987 ],
1988 'selectors' => [
1989 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination' => 'bottom: {{SIZE}}{{UNIT}};',
1990 ],
1991 ]
1992 );
1993
1994 $this->add_responsive_control(
1995 'ekit_testimonial_client_dot_width',
1996 [
1997 'label' => esc_html__( 'Width', 'elementskit-lite' ),
1998 'type' => Controls_Manager::SLIDER,
1999 'size_units' => [ 'px' ],
2000 'range' => [
2001 'px' => [
2002 'min' => 0,
2003 'max' => 100,
2004 'step' => 1,
2005 ],
2006 ],
2007 'default' => [
2008 'unit' => 'px',
2009 'size' => 8,
2010 ],
2011 'selectors' => [
2012 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span' => 'width: {{SIZE}}{{UNIT}};',
2013 ],
2014 ]
2015 );
2016
2017 $this->add_responsive_control(
2018 'ekit_testimonial_client_dot_height',
2019 [
2020 'label' => esc_html__( 'Height', 'elementskit-lite' ),
2021 'type' => Controls_Manager::SLIDER,
2022 'size_units' => [ 'px' ],
2023 'range' => [
2024 'px' => [
2025 'min' => 0,
2026 'max' => 100,
2027 'step' => 1,
2028 ],
2029 ],
2030 'default' => [
2031 'unit' => 'px',
2032 'size' => 8,
2033 ],
2034 'selectors' => [
2035 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span' => 'height: {{SIZE}}{{UNIT}};',
2036 ],
2037 ]
2038 );
2039
2040 $this->add_group_control(
2041 Group_Control_Border::get_type(),
2042 [
2043 'name' => 'ekit_testimonial_client_dot_border',
2044 'label' => esc_html__( 'Border', 'elementskit-lite' ),
2045 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span',
2046 ]
2047 );
2048
2049 $this->add_responsive_control(
2050 'ekit_testimonial_client_dot_border_radius',
2051 [
2052 'label' => esc_html__( 'Border radius', 'elementskit-lite' ),
2053 'type' => Controls_Manager::DIMENSIONS,
2054 'size_units' => [ 'px', '%', 'em' ],
2055 'selectors' => [
2056 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2057 ],
2058 ]
2059 );
2060
2061 $this->add_responsive_control(
2062 'ekit_testimonial_client_dot_spacing',
2063 [
2064 'label' => esc_html__( 'Margin right', 'elementskit-lite' ),
2065 'type' => Controls_Manager::SLIDER,
2066 'size_units' => [ 'px' ],
2067 'range' => [
2068 'px' => [
2069 'min' => 0,
2070 'max' => 100,
2071 'step' => 1,
2072 ],
2073 ],
2074 'default' => [
2075 'unit' => 'px',
2076 'size' => 12,
2077 ],
2078 'selectors' => [
2079 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span:not(:last-child)' => 'margin-right: {{SIZE}}{{UNIT}};',
2080 ],
2081 ]
2082 );
2083
2084 $this->add_group_control(
2085 Group_Control_Background::get_type(),
2086 [
2087 'name' => 'ekit_testimonial_client_dot_background',
2088 'label' => esc_html__( 'Background', 'elementskit-lite' ),
2089 'types' => [ 'classic', 'gradient' ],
2090 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span',
2091 ]
2092 );
2093
2094 $this->add_control(
2095 'ekit_testimonial_client_dot_active_heading',
2096 [
2097 'label' => esc_html__( 'Active', 'elementskit-lite' ),
2098 'type' => Controls_Manager::HEADING,
2099 'separator' => 'before',
2100 ]
2101 );
2102
2103 $this->add_group_control(
2104 Group_Control_Background::get_type(),
2105 [
2106 'name' => 'ekit_testimonial_client_dot_active_background',
2107 'label' => esc_html__( 'Background', 'elementskit-lite' ),
2108 'types' => [ 'classic', 'gradient' ],
2109 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active',
2110 ]
2111 );
2112
2113 $this->add_responsive_control(
2114 'ekit_testimonial_client_dot_active_width',
2115 [
2116 'label' => esc_html__( 'Width', 'elementskit-lite' ),
2117 'type' => Controls_Manager::SLIDER,
2118 'size_units' => [ 'px' ],
2119 'range' => [
2120 'px' => [
2121 'min' => 0,
2122 'max' => 100,
2123 'step' => 1,
2124 ],
2125 ],
2126 'default' => [
2127 'unit' => 'px',
2128 'size' => 8,
2129 ],
2130 'selectors' => [
2131 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active' => 'width: {{SIZE}}{{UNIT}};',
2132 ],
2133 ]
2134 );
2135
2136 $this->add_responsive_control(
2137 'ekit_testimonial_client_dot_active_height',
2138 [
2139 'label' => esc_html__( 'Height', 'elementskit-lite' ),
2140 'type' => Controls_Manager::SLIDER,
2141 'size_units' => [ 'px' ],
2142 'range' => [
2143 'px' => [
2144 'min' => 0,
2145 'max' => 100,
2146 'step' => 1,
2147 ],
2148 ],
2149 'default' => [
2150 'unit' => 'px',
2151 'size' => 8,
2152 ],
2153 'selectors' => [
2154 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active' => 'height: {{SIZE}}{{UNIT}};',
2155 ],
2156 ]
2157 );
2158
2159 $this->add_group_control(
2160 Group_Control_Border::get_type(),
2161 [
2162 'name' => 'ekit_testimonial_client_dot_active_border',
2163 'label' => esc_html__( 'Border', 'elementskit-lite' ),
2164 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active',
2165 ]
2166 );
2167
2168 $this->add_responsive_control(
2169 'ekit_testimonial_client_dot_active_scale',
2170 [
2171 'label' => esc_html__( 'Scale', 'elementskit-lite' ),
2172 'type' => Controls_Manager::SLIDER,
2173 'size_units' => [ 'px' ],
2174 'range' => [
2175 'px' => [
2176 'min' => .5,
2177 'max' => 3,
2178 'step' => 0.1,
2179 ],
2180 ],
2181 'default' => [
2182 'unit' => 'px',
2183 'size' => 1.2,
2184 ],
2185 'selectors' => [
2186 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active' => 'transform: scale({{SIZE}});',
2187 ],
2188 ]
2189 );
2190
2191 $this->end_controls_section();
2192
2193
2194 $this->start_controls_section(
2195 'ekit_testimonial_nav_style_tab',
2196 [
2197 'label' => esc_html__( 'Nav', 'elementskit-lite' ),
2198 'tab' => Controls_Manager::TAB_STYLE,
2199 'condition' => [
2200 'ekit_testimonial_show_arrow' => 'yes'
2201 ]
2202 ]
2203 );
2204
2205 $this->add_responsive_control(
2206 'ekit_testimonial_nav_font_size',
2207 [
2208 'label' => esc_html__( 'Font Size', 'elementskit-lite' ),
2209 'type' => Controls_Manager::SLIDER,
2210 'size_units' => [ 'px' ],
2211 'range' => [
2212 'px' => [
2213 'min' => 0,
2214 'max' => 200,
2215 'step' => 1,
2216 ],
2217 ],
2218 'default' => [
2219 'unit' => 'px',
2220 'size' => 36,
2221 ],
2222 'selectors' => [
2223 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-navigation-button' => 'font-size: {{SIZE}}{{UNIT}};',
2224 ],
2225 ]
2226 );
2227
2228 $this->add_responsive_control(
2229 'ekit_testimonial_nav_right_icon',
2230 [
2231 'label' => esc_html__( 'Prev', 'elementskit-lite' ),
2232 'type' => Controls_Manager::SLIDER,
2233 'size_units' => [ '%' ],
2234 'range' => [
2235 '%' => [
2236 'min' => -200,
2237 'max' => 200,
2238 ],
2239 ],
2240 'default' => [
2241 'unit' => '%',
2242 'size' => 0,
2243 ],
2244 'selectors' => [
2245 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'left: {{SIZE}}{{UNIT}};',
2246 ],
2247 ]
2248 );
2249
2250 $this->add_responsive_control(
2251 'ekit_testimonial_nav_left_icon',
2252 [
2253 'label' => esc_html__( 'Next', 'elementskit-lite' ),
2254 'type' => Controls_Manager::SLIDER,
2255 'size_units' => [ '%' ],
2256 'range' => [
2257 '%' => [
2258 'min' => -200,
2259 'max' => 200,
2260 ],
2261 ],
2262 'default' => [
2263 'unit' => '%',
2264 'size' => 0,
2265 ],
2266 'selectors' => [
2267 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'right: {{SIZE}}{{UNIT}};',
2268 ],
2269 ]
2270 );
2271
2272 $this->add_responsive_control(
2273 'ekit_testimonial_nav_width',
2274 [
2275 'label' => esc_html__( 'Width', 'elementskit-lite' ),
2276 'type' => Controls_Manager::SLIDER,
2277 'size_units' => [ 'px' ],
2278 'range' => [
2279 'px' => [
2280 'min' => 0,
2281 'max' => 100,
2282 'step' => 1,
2283 ],
2284 ],
2285 'default' => [
2286 'unit' => 'px',
2287 'size' => 50,
2288 ],
2289 'selectors' => [
2290 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'width: {{SIZE}}{{UNIT}};',
2291 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'width: {{SIZE}}{{UNIT}};',
2292 ],
2293 ]
2294 );
2295
2296 $this->add_responsive_control(
2297 'ekit_testimonial_nav_height',
2298 [
2299 'label' => esc_html__( 'Height', 'elementskit-lite' ),
2300 'type' => Controls_Manager::SLIDER,
2301 'size_units' => [ 'px' ],
2302 'range' => [
2303 'px' => [
2304 'min' => 0,
2305 'max' => 100,
2306 'step' => 1,
2307 ],
2308 ],
2309 'default' => [
2310 'unit' => 'px',
2311 'size' => 50,
2312 ],
2313 'selectors' => [
2314 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'height: {{SIZE}}{{UNIT}};',
2315 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'height: {{SIZE}}{{UNIT}};',
2316 ],
2317 ]
2318 );
2319
2320 $this->add_responsive_control(
2321 'ekit_testimonial_nav_vertical_align',
2322 [
2323 'label' => esc_html__( 'Vertical Align', 'elementskit-lite' ),
2324 'type' => Controls_Manager::SLIDER,
2325 'size_units' => [ 'px','%' ],
2326 'range' => [
2327 '%' => [
2328 'min' => -500,
2329 'max' => 500,
2330 ],
2331 'px' => [
2332 'min' => -500,
2333 'max' => 500,
2334 ],
2335 ],
2336 'selectors' => [
2337 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-navigation-button' => ' -webkit-transform: translateY({{SIZE}}{{UNIT}}); -ms-transform: translateY({{SIZE}}{{UNIT}}); transform: translateY({{SIZE}}{{UNIT}});',
2338 ],
2339 ]
2340 );
2341
2342 $this->start_controls_tabs(
2343 'ekit_testimonial_nav_hover_normal_tabs'
2344 );
2345
2346 $this->start_controls_tab(
2347 'ekit_testimonial_nav_normal_tab',
2348 [
2349 'label' => esc_html__( 'Normal', 'elementskit-lite' ),
2350 ]
2351 );
2352
2353 $this->add_responsive_control(
2354 'ekit_testimonial_nav_font_color_normal',
2355 [
2356 'label' => esc_html__( 'Color', 'elementskit-lite' ),
2357 'type' => Controls_Manager::COLOR,
2358 'default' => '#000000',
2359 'selectors' => [
2360 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'color: {{VALUE}}',
2361 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'color: {{VALUE}}',
2362 ],
2363 ]
2364 );
2365
2366 $this->add_group_control(
2367 Group_Control_Background::get_type(),
2368 [
2369 'name' => 'ekit_testimonial_nav_background_normal',
2370 'label' => esc_html__( 'Background', 'elementskit-lite' ),
2371 'types' => [ 'classic', 'gradient' ],
2372 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next',
2373 ]
2374 );
2375
2376 $this->add_group_control(
2377 Group_Control_Box_Shadow::get_type(),
2378 [
2379 'name' => 'ekit_testimonial_nav_box_shadow_normal',
2380 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ),
2381 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next',
2382 ]
2383 );
2384
2385 $this->add_group_control(
2386 Group_Control_Border::get_type(),
2387 [
2388 'name' => 'ekit_testimonial_nav_border_normal',
2389 'label' => esc_html__( 'Border', 'elementskit-lite' ),
2390 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next',
2391 ]
2392 );
2393
2394 $this->end_controls_tab();
2395
2396 $this->start_controls_tab(
2397 'ekit_testimonial_nav_hover_tab',
2398 [
2399 'label' => esc_html__( 'Hover', 'elementskit-lite' ),
2400 ]
2401 );
2402
2403 $this->add_responsive_control(
2404 'ekit_testimonial_nav_font_color_hover',
2405 [
2406 'label' => esc_html__( 'Color', 'elementskit-lite' ),
2407 'type' => Controls_Manager::COLOR,
2408 'default' => '#000000',
2409 'selectors' => [
2410 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover' => 'color: {{VALUE}}',
2411 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover' => 'color: {{VALUE}}',
2412 ],
2413 ]
2414 );
2415
2416 $this->add_group_control(
2417 Group_Control_Background::get_type(),
2418 [
2419 'name' => 'ekit_testimonial_nav_background_hover',
2420 'label' => esc_html__( 'Background', 'elementskit-lite' ),
2421 'types' => [ 'classic', 'gradient' ],
2422 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover',
2423 ]
2424 );
2425
2426 $this->add_group_control(
2427 Group_Control_Box_Shadow::get_type(),
2428 [
2429 'name' => 'ekit_testimonial_nav_box_shadow_hover',
2430 'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ),
2431 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover',
2432 ]
2433 );
2434
2435 $this->add_group_control(
2436 Group_Control_Border::get_type(),
2437 [
2438 'name' => 'ekit_testimonial_nav_border_hover',
2439 'label' => esc_html__( 'Border', 'elementskit-lite' ),
2440 'selector' => '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev:hover, {{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next:hover',
2441 ]
2442 );
2443
2444 $this->end_controls_tab();
2445
2446 $this->end_controls_tabs();
2447
2448 $this->add_responsive_control(
2449 'ekit_testimonial_nav_border_radius',
2450 [
2451 'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
2452 'type' => Controls_Manager::DIMENSIONS,
2453 'size_units' => [ 'px', '%', 'em' ],
2454 'selectors' => [
2455 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-prev' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2456 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-button-next' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2457 ],
2458 'separator' => 'before'
2459 ]
2460 );
2461
2462 $this->add_responsive_control(
2463 'ekit_price_menu_arrow_padding',
2464 [
2465 'label' => esc_html__( 'Padding', 'elementskit-lite' ),
2466 'type' => Controls_Manager::DIMENSIONS,
2467 'size_units' => [ 'px', 'em' ],
2468 'selectors' => [
2469 '{{WRAPPER}} .elementskit-testimonial-slider .swiper-navigation-button' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
2470 ],
2471 ]
2472 );
2473
2474 $this->end_controls_section();
2475
2476 $this->insert_pro_message();
2477 }
2478
2479 protected function render( ) {
2480 echo '<div class="ekit-wid-con" >';
2481 $this->render_raw();
2482 echo '</div>';
2483 }
2484
2485 public function has_widget_inner_wrapper(): bool {
2486 return ! Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );
2487 }
2488
2489 protected function render_raw( ) {
2490
2491 $testimonials = [];
2492 $settings = $this->get_settings_for_display();
2493 extract($settings);
2494
2495 // Set default client image size
2496 $ekit_testimonial_client_image_size = isset($ekit_testimonial_client_image_size) ? $ekit_testimonial_client_image_size : ['size' => 70];
2497
2498 $slides_to_show_count = $ekit_testimonial_slidetoshow ? $ekit_testimonial_slidetoshow : 1;
2499 $slides_to_scroll_count = $ekit_testimonial_slidesToScroll ? $ekit_testimonial_slidesToScroll : 1;
2500
2501 // Config
2502 $config = [
2503 'rtl' => is_rtl(),
2504 'arrows' => $ekit_testimonial_show_arrow ? true : false,
2505 'dots' => $ekit_testimonial_show_dot ? true : false,
2506 'pauseOnHover' => $ekit_testimonial_pause_on_hover ? true : false,
2507 'autoplay' => $ekit_testimonial_autoplay ? true : false,
2508 'speed' => $ekit_testimonial_speed ? $ekit_testimonial_speed : 1000,
2509 'slidesPerGroup' => (int) $slides_to_scroll_count,
2510 'slidesPerView' => (int) $slides_to_show_count,
2511 'loop' => ( !empty($ekit_testimonial_loop) && $ekit_testimonial_loop == 'yes' ) ? true : false,
2512 'spaceBetween' => isset($ekit_testimonial_left_right_spacing['size']) ? ($ekit_testimonial_left_right_spacing['size'] !== 0 ? $ekit_testimonial_left_right_spacing['size'] : 0) : 15,
2513 'breakpoints' => [
2514 320 => [
2515 'slidesPerView' => !empty( $ekit_testimonial_slidetoshow_mobile ) ? $ekit_testimonial_slidetoshow_mobile : 1,
2516 'slidesPerGroup' => !empty( $ekit_testimonial_slidesToScroll_mobile ) ? $ekit_testimonial_slidesToScroll_mobile : 1,
2517 'spaceBetween' => !empty( $ekit_testimonial_left_right_spacing_mobile['size'] ) ? $ekit_testimonial_left_right_spacing_mobile['size'] : 10,
2518 ],
2519 768 => [
2520 'slidesPerView' => !empty( $ekit_testimonial_slidetoshow_tablet ) ? $ekit_testimonial_slidetoshow_tablet : 2,
2521 'slidesPerGroup' => !empty( $ekit_testimonial_slidesToScroll_tablet ) ? $ekit_testimonial_slidesToScroll_tablet : 1,
2522 'spaceBetween' => !empty( $ekit_testimonial_left_right_spacing_tablet['size'] ) ? $ekit_testimonial_left_right_spacing_tablet['size'] : 10,
2523 ],
2524 1024 => [
2525 'slidesPerView' => $slides_to_show_count,
2526 'slidesPerGroup' => $slides_to_scroll_count,
2527 'spaceBetween' => !empty( $ekit_testimonial_left_right_spacing['size'] ) ? $ekit_testimonial_left_right_spacing['size'] : 15,
2528 ]
2529 ],
2530
2531 ];
2532
2533 // HTML Attribute
2534 $this->add_render_attribute(
2535 'wrapper',
2536 [
2537 'data-config' => wp_json_encode($config),
2538 ]
2539 );
2540
2541 // Swiper container
2542 $this->add_render_attribute(
2543 'swiper-container',
2544 [
2545 'class' => \ElementsKit_Lite\Utils::swiper_class(),
2546 ]
2547 );
2548
2549 $dir_common = Handler::get_dir() . 'common/';
2550
2551 $testimonials = isset($ekit_testimonial_data) ? $ekit_testimonial_data : [];
2552 $style = isset($ekit_testimonial_style) ? sanitize_text_field($ekit_testimonial_style) : 'default';
2553 $styles = [
2554 'style1',
2555 'style2',
2556 'style3',
2557 'style4',
2558 'style5',
2559 'style6',
2560 ];
2561
2562 if (in_array($style, $styles) && is_array($testimonials) && !empty($testimonials)) {
2563 require Handler::get_dir() . 'style/' . $style . '.php';
2564 }
2565 }
2566 }
2567