uicore-elements / includes / widgets / testimonial-carousel.php

testimonial-carousel.php in UiCore Elements – Free widgets and templates for Elementor 1.3.17, at includes/widgets/testimonial-carousel.php

210 lines 6.6 KB

Raw Download Zip

1	<?php
2
3	namespace UiCoreElements;
4
5	use Elementor\Controls_Manager;
6	use UiCoreElements\UiCoreWidget;
7	use UiCoreElements\Utils\Carousel_Trait;
8	use UiCoreElements\Utils\Testimonial_Trait;
9	use UiCoreElements\Utils\Animation_Trait;
10	use UiCoreElements\Utils\Item_Style_Component;
11
12	defined('ABSPATH') \|\| exit();
13
14	/**
15	* Testimonial Carousel
16	*
17	* @author Lucas Marini Falbo <lucas@uicore.co>
18	* @since 1.0.1
19	*/
20
21	class TestimonialCarousel extends UiCoreWidget
22	{
23
24	use Carousel_Trait;
25	use Testimonial_Trait;
26	use Animation_Trait;
27	use Item_Style_Component;
28
29	public function get_name()
30	{
31	return 'uicore-testimonial-carousel';
32	}
33	public function get_title()
34	{
35	return esc_html__('Testimonial Carousel', 'uicore-elements');
36	}
37	public function get_icon()
38	{
39	return 'eicon-testimonial ui-e-widget';
40	}
41	public function get_categories()
42	{
43	return ['uicore'];
44	}
45	public function get_keywords()
46	{
47	return ['testimonial', 'review', 'services', 'cards', 'box', 'client', 'carousel'];
48	}
49	public function get_styles()
50	{
51	$styles = [
52	'testimonial-carousel',
53	'carousel',
54	'animation', // hover animations
55	'entrance', // entrance basic style
56	];
57	if (!class_exists('\UiCore\Core') && !class_exists('\UiCoreAnimate\Base')) {
58	$styles['e-animations'] = [ // entrance animations
59	'external' => true,
60	];
61	}
62	return $styles;
63	}
64	public function get_scripts()
65	{
66	$scripts = [
67	'testimonial' => [
68	'condition' => [
69	'layout' => 'layout_5'
70	]
71	]
72	];
73	return array_merge($scripts, $this->TRAIT_get_carousel_scripts());
74	}
75	public function has_widget_inner_wrapper(): bool
76	{
77	// TODO: remove after Optmized Markup experiment is merged to the core
78	return ! \Elementor\Plugin::$instance->experiments->is_feature_active('e_optimized_markup');
79	}
80	protected function register_controls()
81	{
82
83	$this->TRAIT_register_testimonial_repeater_controls('Testimonial Carousel Items'); // Repeater Controls
84
85	// Additional Carousel Controls
86	$this->start_controls_section(
87	'section_review_additional_settings',
88	[
89	'label' => __('Additional Settings', 'uicore-elements'),
90	'tab' => Controls_Manager::TAB_CONTENT,
91	]
92	);
93
94	$this->TRAIT_register_specific_testimonial_controls('layout');
95	$this->TRAIT_register_carousel_additional_controls(); // Carousel Additionals
96	$this->TRAIT_register_testimonial_additional_controls(); // Testimonial Additionals
97
98	$this->end_controls_section();
99
100	$this->start_controls_section(
101	'section_carousel_settings',
102	[
103	'label' => __('Carousel Settings', 'uicore-elements'),
104	]
105	);
106
107	$this->TRAIT_register_carousel_settings_controls(); // Carousel settings
108
109	$this->end_controls_section();
110
111	$this->TRAIT_register_navigation_controls(); // Navigation settings
112
113	$this->start_controls_section(
114	'section_style_review_items',
115	[
116	'label' => esc_html__('Items', 'uicore-elements'),
117	'tab' => Controls_Manager::TAB_STYLE,
118	]
119	);
120
121	// move it to specific controls
122	$this->add_control(
123	'item_gap',
124	[
125	'label' => esc_html__('Inner Content Spacing', 'uicore-elements'),
126	'type' => Controls_Manager::SLIDER,
127	'size_units' => ['px', '%', 'em'],
128	'range' => [
129	'px' => [
130	'min' => 0,
131	'max' => 50,
132	'step' => 1,
133	],
134	'%' => [
135	'min' => 0,
136	'max' => 100,
137	],
138	],
139	'default' => [
140	'unit' => 'px',
141	'size' => 15,
142	],
143	'selectors' => [
144	'{{WRAPPER}} .ui-e-testimonial-flex' => 'margin-bottom: {{SIZE}}{{UNIT}};',
145	],
146	'conditions' => [
147	'relation' => 'and',
148	'terms' => [
149	[
150	'name' => 'image_inline',
151	'operator' => '===',
152	'value' => 'yes',
153	],
154	[
155	'name' => 'layout',
156	'operator' => 'in',
157	'value' => ['layout_2'],
158	],
159	],
160	],
161	]
162	);
163	$this->TRAIT_register_all_item_style_controls();
164
165	$this->end_controls_section();
166
167	$this->TRAIT_register_style_controls(); // All Testimonial components styles
168	$this->TRAIT_register_navigation_style_controls(); // Carousel Navigation Styles
169
170	$this->start_controls_section(
171	'section_style_animations',
172	[
173	'label' => __('Animations', 'uicore-elements'),
174	'tab' => Controls_Manager::TAB_STYLE,
175	]
176	);
177
178	$this->TRAIT_register_testimonial_animation_controls();
179
180	$this->end_controls_section();
181
182	// We need to set border radius as variable to use item radius on other components on swiper elements
183	$this->update_control('item_border_radius', [
184	'selectors' => [
185	'{{WRAPPER}} .ui-e-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
186	'{{WRAPPER}}' => '--ui-e-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
187	],
188	]);
189	}
190	public function render()
191	{
192	$settings = $this->get_settings_for_display();
193	$total_slides = count($settings['review_items']);
194	$this->TRAIT_render_center_loop_warning($total_slides);
195	?>
196	<div class="ui-e-carousel swiper">
197	<div class='swiper-wrapper'>
198	<?php
199	foreach ($settings['review_items'] as $index => $item) :
200	$this->TRAIT_render_review_item($item, $settings['layout']);
201	endforeach;
202	?>
203	</div>
204	</div>
205	<?php $this->TRAIT_render_carousel_navigations($total_slides); ?>
206	<?php
207	}
208	}
209	\Elementor\Plugin::instance()->widgets_manager->register(new TestimonialCarousel());
210