PluginProbe
Elementor Website Builder – more than just a page builder / 3.13.2
Elementor Website Builder – more than just a page builder v3.13.2
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
← All changes | includes/controls/groups/background.php +72 -115 4.1.33.13.2 View file →
@@ -91,21 +91,21 @@
91 91 */
92 92 private static function get_default_background_types() {
93 93 return [
94 94 'classic' => [
95 - 'title' => esc_html__( 'Classic', 'elementor' ),
95 + 'title' => esc_html_x( 'Classic', 'Background Control', 'elementor' ),
96 96 'icon' => 'eicon-paint-brush',
97 97 ],
98 98 'gradient' => [
99 - 'title' => esc_html__( 'Gradient', 'elementor' ),
99 + 'title' => esc_html_x( 'Gradient', 'Background Control', 'elementor' ),
100 100 'icon' => 'eicon-barcode',
101 101 ],
102 102 'video' => [
103 - 'title' => esc_html__( 'Video', 'elementor' ),
103 + 'title' => esc_html_x( 'Video', 'Background Control', 'elementor' ),
104 104 'icon' => 'eicon-video-camera',
105 105 ],
106 106 'slideshow' => [
107 - 'title' => esc_html__( 'Slideshow', 'elementor' ),
107 + 'title' => esc_html_x( 'Slideshow', 'Background Control', 'elementor' ),
108 108 'icon' => 'eicon-slideshow',
109 109 ],
110 110 ];
111 111 }
@@ -120,59 +120,21 @@
120 120 *
121 121 * @return array Control fields.
122 122 */
123 123 public function init_fields() {
124 - $active_breakpoints = Plugin::$instance->breakpoints->get_active_breakpoints();
125 -
126 - $location_device_args = [];
127 - $location_device_defaults = [
128 - 'default' => [
129 - 'unit' => '%',
130 - ],
131 - ];
132 -
133 - $angel_device_args = [];
134 - $angel_device_defaults = [
135 - 'default' => [
136 - 'unit' => 'deg',
137 - ],
138 - ];
139 -
140 - $position_device_args = [];
141 - $position_device_defaults = [
142 - 'default' => 'center center',
143 - ];
144 -
145 - foreach ( $active_breakpoints as $breakpoint_name => $breakpoint ) {
146 - $location_device_args[ $breakpoint_name ] = $location_device_defaults;
147 - $angel_device_args[ $breakpoint_name ] = $angel_device_defaults;
148 - $position_device_args[ $breakpoint_name ] = $position_device_defaults;
149 - }
150 -
151 124 $fields = [];
152 125
153 126 $fields['background'] = [
154 - 'label' => esc_html__( 'Background Type', 'elementor' ),
127 + 'label' => esc_html_x( 'Background Type', 'Background Control', 'elementor' ),
155 128 'type' => Controls_Manager::CHOOSE,
156 129 'render_type' => 'ui',
157 130 ];
158 131
159 - $fields['gradient_notice'] = [
160 - 'type' => Controls_Manager::ALERT,
161 - 'alert_type' => 'warning',
162 - 'content' => esc_html__( 'Set locations and angle for each breakpoint to ensure the gradient adapts to different screen sizes.', 'elementor' ),
163 - 'render_type' => 'ui',
164 - 'condition' => [
165 - 'background' => [ 'gradient' ],
166 - ],
167 - ];
168 -
169 132 $fields['color'] = [
170 - 'label' => esc_html__( 'Color', 'elementor' ),
133 + 'label' => esc_html_x( 'Color', 'Background Control', 'elementor' ),
171 134 'type' => Controls_Manager::COLOR,
172 135 'default' => '',
173 - 'control_type' => 'content',
174 - 'title' => esc_html__( 'Background Color', 'elementor' ),
136 + 'title' => esc_html_x( 'Background Color', 'Background Control', 'elementor' ),
175 137 'selectors' => [
176 138 '{{SELECTOR}}' => 'background-color: {{VALUE}};',
177 139 ],
178 140 'condition' => [
@@ -187,10 +149,8 @@
187 149 'default' => [
188 150 'unit' => '%',
189 151 'size' => 0,
190 152 ],
191 - 'device_args' => $location_device_args,
192 - 'responsive' => true,
193 153 'render_type' => 'ui',
194 154 'condition' => [
195 155 'background' => [ 'gradient' ],
196 156 ],
@@ -197,13 +157,12 @@
197 157 'of_type' => 'gradient',
198 158 ];
199 159
200 160 $fields['color_b'] = [
201 - 'label' => esc_html__( 'Second Color', 'elementor' ),
161 + 'label' => esc_html_x( 'Second Color', 'Background Control', 'elementor' ),
202 162 'type' => Controls_Manager::COLOR,
203 163 'default' => '#f2295b',
204 164 'render_type' => 'ui',
205 - 'control_type' => 'content',
206 165 'condition' => [
207 166 'background' => [ 'gradient' ],
208 167 ],
209 168 'of_type' => 'gradient',
@@ -216,10 +175,8 @@
216 175 'default' => [
217 176 'unit' => '%',
218 177 'size' => 100,
219 178 ],
220 - 'device_args' => $location_device_args,
221 - 'responsive' => true,
222 179 'render_type' => 'ui',
223 180 'condition' => [
224 181 'background' => [ 'gradient' ],
225 182 ],
@@ -229,10 +186,10 @@
229 186 $fields['gradient_type'] = [
230 187 'label' => esc_html_x( 'Type', 'Background Control', 'elementor' ),
231 188 'type' => Controls_Manager::SELECT,
232 189 'options' => [
233 - 'linear' => esc_html__( 'Linear', 'elementor' ),
234 - 'radial' => esc_html__( 'Radial', 'elementor' ),
190 + 'linear' => esc_html_x( 'Linear', 'Background Control', 'elementor' ),
191 + 'radial' => esc_html_x( 'Radial', 'Background Control', 'elementor' ),
235 192 ],
236 193 'default' => 'linear',
237 194 'render_type' => 'ui',
238 195 'condition' => [
@@ -241,9 +198,9 @@
241 198 'of_type' => 'gradient',
242 199 ];
243 200
244 201 $fields['gradient_angle'] = [
245 - 'label' => esc_html__( 'Angle', 'elementor' ),
202 + 'label' => esc_html_x( 'Angle', 'Background Control', 'elementor' ),
246 203 'type' => Controls_Manager::SLIDER,
247 204 'size_units' => [ 'deg', 'grad', 'rad', 'turn', 'custom' ],
248 205 'default' => [
249 206 'unit' => 'deg',
@@ -248,10 +205,8 @@
248 205 'default' => [
249 206 'unit' => 'deg',
250 207 'size' => 180,
251 208 ],
252 - 'device_args' => $angel_device_args,
253 - 'responsive' => true,
254 209 'selectors' => [
255 210 '{{SELECTOR}}' => 'background-color: transparent; background-image: linear-gradient({{SIZE}}{{UNIT}}, {{color.VALUE}} {{color_stop.SIZE}}{{color_stop.UNIT}}, {{color_b.VALUE}} {{color_b_stop.SIZE}}{{color_b_stop.UNIT}})',
256 211 ],
257 212 'condition' => [
@@ -261,24 +216,22 @@
261 216 'of_type' => 'gradient',
262 217 ];
263 218
264 219 $fields['gradient_position'] = [
265 - 'label' => esc_html__( 'Position', 'elementor' ),
220 + 'label' => esc_html_x( 'Position', 'Background Control', 'elementor' ),
266 221 'type' => Controls_Manager::SELECT,
267 222 'options' => [
268 - 'center center' => esc_html__( 'Center Center', 'elementor' ),
269 - 'center left' => esc_html__( 'Center Left', 'elementor' ),
270 - 'center right' => esc_html__( 'Center Right', 'elementor' ),
271 - 'top center' => esc_html__( 'Top Center', 'elementor' ),
272 - 'top left' => esc_html__( 'Top Left', 'elementor' ),
273 - 'top right' => esc_html__( 'Top Right', 'elementor' ),
274 - 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ),
275 - 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ),
276 - 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ),
223 + 'center center' => esc_html_x( 'Center Center', 'Background Control', 'elementor' ),
224 + 'center left' => esc_html_x( 'Center Left', 'Background Control', 'elementor' ),
225 + 'center right' => esc_html_x( 'Center Right', 'Background Control', 'elementor' ),
226 + 'top center' => esc_html_x( 'Top Center', 'Background Control', 'elementor' ),
227 + 'top left' => esc_html_x( 'Top Left', 'Background Control', 'elementor' ),
228 + 'top right' => esc_html_x( 'Top Right', 'Background Control', 'elementor' ),
229 + 'bottom center' => esc_html_x( 'Bottom Center', 'Background Control', 'elementor' ),
230 + 'bottom left' => esc_html_x( 'Bottom Left', 'Background Control', 'elementor' ),
231 + 'bottom right' => esc_html_x( 'Bottom Right', 'Background Control', 'elementor' ),
277 232 ],
278 233 'default' => 'center center',
279 - 'device_args' => $position_device_args,
280 - 'responsive' => true,
281 234 'selectors' => [
282 235 '{{SELECTOR}}' => 'background-color: transparent; background-image: radial-gradient(at {{VALUE}}, {{color.VALUE}} {{color_stop.SIZE}}{{color_stop.UNIT}}, {{color_b.VALUE}} {{color_b_stop.SIZE}}{{color_b_stop.UNIT}})',
283 236 ],
284 237 'condition' => [
@@ -288,18 +241,15 @@
288 241 'of_type' => 'gradient',
289 242 ];
290 243
291 244 $fields['image'] = [
292 - 'label' => esc_html__( 'Image', 'elementor' ),
245 + 'label' => esc_html_x( 'Image', 'Background Control', 'elementor' ),
293 246 'type' => Controls_Manager::MEDIA,
294 - 'ai' => [
295 - 'category' => 'background',
296 - ],
297 247 'dynamic' => [
298 248 'active' => true,
299 249 ],
300 250 'responsive' => true,
301 - 'title' => esc_html__( 'Background Image', 'elementor' ),
251 + 'title' => esc_html_x( 'Background Image', 'Background Control', 'elementor' ),
302 252 'selectors' => [
303 253 '{{SELECTOR}}' => 'background-image: url("{{URL}}");',
304 254 ],
305 255 'has_sizes' => true,
@@ -309,25 +259,25 @@
309 259 ],
310 260 ];
311 261
312 262 $fields['position'] = [
313 - 'label' => esc_html__( 'Position', 'elementor' ),
263 + 'label' => esc_html_x( 'Position', 'Background Control', 'elementor' ),
314 264 'type' => Controls_Manager::SELECT,
315 265 'default' => '',
316 266 'separator' => 'before',
317 267 'responsive' => true,
318 268 'options' => [
319 - '' => esc_html__( 'Default', 'elementor' ),
320 - 'center center' => esc_html__( 'Center Center', 'elementor' ),
321 - 'center left' => esc_html__( 'Center Left', 'elementor' ),
322 - 'center right' => esc_html__( 'Center Right', 'elementor' ),
323 - 'top center' => esc_html__( 'Top Center', 'elementor' ),
324 - 'top left' => esc_html__( 'Top Left', 'elementor' ),
325 - 'top right' => esc_html__( 'Top Right', 'elementor' ),
326 - 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ),
327 - 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ),
328 - 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ),
329 - 'initial' => esc_html__( 'Custom', 'elementor' ),
269 + '' => esc_html_x( 'Default', 'Background Control', 'elementor' ),
270 + 'center center' => esc_html_x( 'Center Center', 'Background Control', 'elementor' ),
271 + 'center left' => esc_html_x( 'Center Left', 'Background Control', 'elementor' ),
272 + 'center right' => esc_html_x( 'Center Right', 'Background Control', 'elementor' ),
273 + 'top center' => esc_html_x( 'Top Center', 'Background Control', 'elementor' ),
274 + 'top left' => esc_html_x( 'Top Left', 'Background Control', 'elementor' ),
275 + 'top right' => esc_html_x( 'Top Right', 'Background Control', 'elementor' ),
276 + 'bottom center' => esc_html_x( 'Bottom Center', 'Background Control', 'elementor' ),
277 + 'bottom left' => esc_html_x( 'Bottom Left', 'Background Control', 'elementor' ),
278 + 'bottom right' => esc_html_x( 'Bottom Right', 'Background Control', 'elementor' ),
279 + 'initial' => esc_html_x( 'Custom', 'Background Control', 'elementor' ),
330 280
331 281 ],
332 282 'selectors' => [
333 283 '{{SELECTOR}}' => 'background-position: {{VALUE}};',
@@ -338,9 +288,9 @@
338 288 ],
339 289 ];
340 290
341 291 $fields['xpos'] = [
342 - 'label' => esc_html__( 'X Position', 'elementor' ),
292 + 'label' => esc_html_x( 'X Position', 'Background Control', 'elementor' ),
343 293 'type' => Controls_Manager::SLIDER,
344 294 'responsive' => true,
345 295 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
346 296 'default' => [
@@ -381,9 +331,9 @@
381 331 'required' => true,
382 332 ];
383 333
384 334 $fields['ypos'] = [
385 - 'label' => esc_html__( 'Y Position', 'elementor' ),
335 + 'label' => esc_html_x( 'Y Position', 'Background Control', 'elementor' ),
386 336 'type' => Controls_Manager::SLIDER,
387 337 'responsive' => true,
388 338 'size_units' => [ 'px', '%', 'em', 'rem', 'vh', 'custom' ],
389 339 'default' => [
@@ -428,9 +378,9 @@
428 378 'label' => esc_html_x( 'Attachment', 'Background Control', 'elementor' ),
429 379 'type' => Controls_Manager::SELECT,
430 380 'default' => '',
431 381 'options' => [
432 - '' => esc_html__( 'Default', 'elementor' ),
382 + '' => esc_html_x( 'Default', 'Background Control', 'elementor' ),
433 383 'scroll' => esc_html_x( 'Scroll', 'Background Control', 'elementor' ),
434 384 'fixed' => esc_html_x( 'Fixed', 'Background Control', 'elementor' ),
435 385 ],
436 386 'selectors' => [
@@ -445,8 +395,9 @@
445 395 $fields['attachment_alert'] = [
446 396 'type' => Controls_Manager::RAW_HTML,
447 397 'content_classes' => 'elementor-control-field-description',
448 398 'raw' => esc_html__( 'Note: Attachment Fixed works only on desktop.', 'elementor' ),
399 + 'separator' => 'none',
449 400 'condition' => [
450 401 'background' => [ 'classic' ],
451 402 'image[url]!' => '',
452 403 'attachment' => 'fixed',
@@ -458,13 +409,13 @@
458 409 'type' => Controls_Manager::SELECT,
459 410 'default' => '',
460 411 'responsive' => true,
461 412 'options' => [
462 - '' => esc_html__( 'Default', 'elementor' ),
463 - 'no-repeat' => esc_html__( 'No-repeat', 'elementor' ),
464 - 'repeat' => esc_html__( 'Repeat', 'elementor' ),
465 - 'repeat-x' => esc_html__( 'Repeat-x', 'elementor' ),
466 - 'repeat-y' => esc_html__( 'Repeat-y', 'elementor' ),
413 + '' => esc_html_x( 'Default', 'Background Control', 'elementor' ),
414 + 'no-repeat' => esc_html_x( 'No-repeat', 'Background Control', 'elementor' ),
415 + 'repeat' => esc_html_x( 'Repeat', 'Background Control', 'elementor' ),
416 + 'repeat-x' => esc_html_x( 'Repeat-x', 'Background Control', 'elementor' ),
417 + 'repeat-y' => esc_html_x( 'Repeat-y', 'Background Control', 'elementor' ),
467 418 ],
468 419 'selectors' => [
469 420 '{{SELECTOR}}' => 'background-repeat: {{VALUE}};',
470 421 ],
@@ -474,18 +425,18 @@
474 425 ],
475 426 ];
476 427
477 428 $fields['size'] = [
478 - 'label' => esc_html__( 'Display Size', 'elementor' ),
429 + 'label' => esc_html_x( 'Display Size', 'Background Control', 'elementor' ),
479 430 'type' => Controls_Manager::SELECT,
480 431 'responsive' => true,
481 432 'default' => '',
482 433 'options' => [
483 - '' => esc_html__( 'Default', 'elementor' ),
484 - 'auto' => esc_html__( 'Auto', 'elementor' ),
485 - 'cover' => esc_html__( 'Cover', 'elementor' ),
486 - 'contain' => esc_html__( 'Contain', 'elementor' ),
487 - 'initial' => esc_html__( 'Custom', 'elementor' ),
434 + '' => esc_html_x( 'Default', 'Background Control', 'elementor' ),
435 + 'auto' => esc_html_x( 'Auto', 'Background Control', 'elementor' ),
436 + 'cover' => esc_html_x( 'Cover', 'Background Control', 'elementor' ),
437 + 'contain' => esc_html_x( 'Contain', 'Background Control', 'elementor' ),
438 + 'initial' => esc_html_x( 'Custom', 'Background Control', 'elementor' ),
488 439 ],
489 440 'selectors' => [
490 441 '{{SELECTOR}}' => 'background-size: {{VALUE}};',
491 442 ],
@@ -495,16 +446,25 @@
495 446 ],
496 447 ];
497 448
498 449 $fields['bg_width'] = [
499 - 'label' => esc_html__( 'Width', 'elementor' ),
450 + 'label' => esc_html_x( 'Width', 'Background Control', 'elementor' ),
500 451 'type' => Controls_Manager::SLIDER,
501 452 'responsive' => true,
502 453 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
503 454 'range' => [
504 455 'px' => [
456 + 'min' => 0,
505 457 'max' => 1000,
506 458 ],
459 + '%' => [
460 + 'min' => 0,
461 + 'max' => 100,
462 + ],
463 + 'vw' => [
464 + 'min' => 0,
465 + 'max' => 100,
466 + ],
507 467 ],
508 468 'default' => [
509 469 'size' => 100,
510 470 'unit' => '%',
@@ -521,9 +481,9 @@
521 481 ],
522 482 ];
523 483
524 484 $fields['video_link'] = [
525 - 'label' => esc_html__( 'Video Link', 'elementor' ),
485 + 'label' => esc_html_x( 'Video Link', 'Background Control', 'elementor' ),
526 486 'type' => Controls_Manager::TEXT,
527 487 'placeholder' => 'https://www.youtube.com/watch?v=XHOmBV4js_E',
528 488 'description' => esc_html__( 'YouTube/Vimeo link, or link to video file (mp4 is recommended).', 'elementor' ),
529 489 'label_block' => true,
@@ -534,11 +494,8 @@
534 494 TagsModule::POST_META_CATEGORY,
535 495 TagsModule::URL_CATEGORY,
536 496 ],
537 497 ],
538 - 'ai' => [
539 - 'active' => false,
540 - ],
541 498 'condition' => [
542 499 'background' => [ 'video' ],
543 500 ],
544 501 'of_type' => 'video',
@@ -603,9 +560,9 @@
603 560 'frontend_available' => true,
604 561 ];
605 562
606 563 $fields['video_fallback'] = [
607 - 'label' => esc_html__( 'Background Fallback', 'elementor' ),
564 + 'label' => esc_html_x( 'Background Fallback', 'Background Control', 'elementor' ),
608 565 'description' => esc_html__( 'This cover image will replace the background video in case that the video could not be loaded.', 'elementor' ),
609 566 'type' => Controls_Manager::MEDIA,
610 567 'dynamic' => [
611 568 'active' => true,
@@ -619,9 +576,9 @@
619 576 'of_type' => 'video',
620 577 ];
621 578
622 579 $fields['slideshow_gallery'] = [
623 - 'label' => esc_html__( 'Images', 'elementor' ),
580 + 'label' => esc_html_x( 'Images', 'Background Control', 'elementor' ),
624 581 'type' => Controls_Manager::GALLERY,
625 582 'condition' => [
626 583 'background' => [ 'slideshow' ],
627 584 ],
@@ -704,17 +661,17 @@
704 661 'default' => '',
705 662 'responsive' => true,
706 663 'options' => [
707 664 '' => esc_html__( 'Default', 'elementor' ),
708 - 'center center' => esc_html__( 'Center Center', 'elementor' ),
709 - 'center left' => esc_html__( 'Center Left', 'elementor' ),
710 - 'center right' => esc_html__( 'Center Right', 'elementor' ),
711 - 'top center' => esc_html__( 'Top Center', 'elementor' ),
712 - 'top left' => esc_html__( 'Top Left', 'elementor' ),
713 - 'top right' => esc_html__( 'Top Right', 'elementor' ),
714 - 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ),
715 - 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ),
716 - 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ),
665 + 'center center' => esc_html_x( 'Center Center', 'Background Control', 'elementor' ),
666 + 'center left' => esc_html_x( 'Center Left', 'Background Control', 'elementor' ),
667 + 'center right' => esc_html_x( 'Center Right', 'Background Control', 'elementor' ),
668 + 'top center' => esc_html_x( 'Top Center', 'Background Control', 'elementor' ),
669 + 'top left' => esc_html_x( 'Top Left', 'Background Control', 'elementor' ),
670 + 'top right' => esc_html_x( 'Top Right', 'Background Control', 'elementor' ),
671 + 'bottom center' => esc_html_x( 'Bottom Center', 'Background Control', 'elementor' ),
672 + 'bottom left' => esc_html_x( 'Bottom Left', 'Background Control', 'elementor' ),
673 + 'bottom right' => esc_html_x( 'Bottom Right', 'Background Control', 'elementor' ),
717 674 ],
718 675 'selectors' => [
719 676 '{{WRAPPER}} .elementor-background-slideshow__slide__image' => 'background-position: {{VALUE}};',
720 677 ],