← All changes | includes/elements/section.php +37 -60 4.2.4 → 3.24.4 View file →

		@@ -232,9 +232,9 @@
232	232	'tab' => Controls_Manager::TAB_LAYOUT,
233	233	]
234	234	);
235	235
236		- // Element Name for the Navigator.
	236	+ // Element Name for the Navigator
237	237	$this->add_control(
238	238	'_title',
239	239	[
240	240	'label' => esc_html__( 'Title', 'elementor' ),
		@@ -436,9 +436,9 @@
436	436	],
437	437	'selectors' => [
438	438	'{{WRAPPER}} > .elementor-container > .elementor-column > .elementor-widget-wrap' => 'align-content: {{VALUE}}; align-items: {{VALUE}};',
439	439	],
440		- // TODO: The following line is for BC since 2.7.0.
	440	+ // TODO: The following line is for BC since 2.7.0
441	441	'prefix_class' => 'elementor-section-content-',
442	442	]
443	443	);
444	444
		@@ -503,9 +503,9 @@
503	503	);
504	504
505	505	$this->end_controls_section();
506	506
507		- // Section Structure.
	507	+ // Section Structure
508	508	$this->start_controls_section(
509	509	'section_structure',
510	510	[
511	511	'label' => esc_html__( 'Structure', 'elementor' ),
		@@ -525,9 +525,9 @@
525	525	);
526	526
527	527	$this->end_controls_section();
528	528
529		- // Section background.
	529	+ // Section background
530	530	$this->start_controls_section(
531	531	'section_background',
532	532	[
533	533	'label' => esc_html__( 'Background', 'elementor' ),
		@@ -575,22 +575,8 @@
575	575	],
576	576	],
577	577	],
578	578	],
579		- 'scripts' => [
580		- [
581		- 'name' => 'swiper',
582		- 'conditions' => [
583		- 'terms' => [
584		- [
585		- 'name' => 'background_background',
586		- 'operator' => '===',
587		- 'value' => 'slideshow',
588		- ],
589		- ],
590		- ],
591		- ],
592		- ],
593	579	],
594	580	]
595	581	);
596	582
		@@ -636,9 +622,9 @@
636	622	$this->end_controls_tabs();
637	623
638	624	$this->end_controls_section();
639	625
640		- // Background Overlay.
	626	+ // Background Overlay
641	627	$this->start_controls_section(
642	628	'section_background_overlay',
643	629	[
644	630	'label' => esc_html__( 'Background Overlay', 'elementor' ),
		@@ -823,9 +809,9 @@
823	809	$this->end_controls_tabs();
824	810
825	811	$this->end_controls_section();
826	812
827		- // Section border.
	813	+ // Section border
828	814	$this->start_controls_section(
829	815	'section_border',
830	816	[
831	817	'label' => esc_html__( 'Border', 'elementor' ),
		@@ -929,9 +915,9 @@
929	915	'operator' => '!==',
930	916	'value' => '',
931	917	],
932	918	[
933		- 'name' => 'border_hover_border',
	919	+ 'name' => 'border_border',
934	920	'operator' => '!==',
935	921	'value' => '',
936	922	],
937	923	],
		@@ -948,9 +934,9 @@
948	934	$this->end_controls_tabs();
949	935
950	936	$this->end_controls_section();
951	937
952		- // Section Shape Divider.
	938	+ // Section Shape Divider
953	939	$this->start_controls_section(
954	940	'section_shape_divider',
955	941	[
956	942	'label' => esc_html__( 'Shape Divider', 'elementor' ),
		@@ -959,8 +945,16 @@
959	945	);
960	946
961	947	$this->start_controls_tabs( 'tabs_shape_dividers' );
962	948
	949	+ $shapes_options = [
	950	+ '' => esc_html__( 'None', 'elementor' ),
	951	+ ];
	952	+
	953	+ foreach ( Shapes::get_shapes() as $shape_name => $shape_props ) {
	954	+ $shapes_options[ $shape_name ] = $shape_props['title'];
	955	+ }
	956	+
963	957	foreach ( [
964	958	'top' => esc_html__( 'Top', 'elementor' ),
965	959	'bottom' => esc_html__( 'Bottom', 'elementor' ),
966	960	] as $side => $side_label ) {
		@@ -976,12 +970,10 @@
976	970	$this->add_control(
977	971	$base_control_key,
978	972	[
979	973	'label' => esc_html__( 'Type', 'elementor' ),
980		- 'type' => Controls_Manager::VISUAL_CHOICE,
981		- 'label_block' => true,
982		- 'columns' => 2,
983		- 'options' => Shapes::get_shapes(),
	974	+ 'type' => Controls_Manager::SELECT,
	975	+ 'options' => $shapes_options,
984	976	'render_type' => 'none',
985	977	'frontend_available' => true,
986	978	'assets' => [
987	979	'styles' => [
		@@ -1123,9 +1115,9 @@
1123	1115	$this->end_controls_tabs();
1124	1116
1125	1117	$this->end_controls_section();
1126	1118
1127		- // Section Typography.
	1119	+ // Section Typography
1128	1120	$this->start_controls_section(
1129	1121	'section_typo',
1130	1122	[
1131	1123	'label' => esc_html__( 'Typography', 'elementor' ),
		@@ -1186,10 +1178,10 @@
1186	1178	[
1187	1179	'label' => esc_html__( 'Text Align', 'elementor' ),
1188	1180	'type' => Controls_Manager::CHOOSE,
1189	1181	'options' => [
1190		- 'start' => [
1191		- 'title' => esc_html__( 'Start', 'elementor' ),
	1182	+ 'left' => [
	1183	+ 'title' => esc_html__( 'Left', 'elementor' ),
1192	1184	'icon' => 'eicon-text-align-left',
1193	1185	],
1194	1186	'center' => [
1195	1187	'title' => esc_html__( 'Center', 'elementor' ),
		@@ -1194,10 +1186,10 @@
1194	1186	'center' => [
1195	1187	'title' => esc_html__( 'Center', 'elementor' ),
1196	1188	'icon' => 'eicon-text-align-center',
1197	1189	],
1198		- 'end' => [
1199		- 'title' => esc_html__( 'End', 'elementor' ),
	1190	+ 'right' => [
	1191	+ 'title' => esc_html__( 'Right', 'elementor' ),
1200	1192	'icon' => 'eicon-text-align-right',
1201	1193	],
1202	1194	'justify' => [
1203	1195	'title' => esc_html__( 'Justified', 'elementor' ),
		@@ -1203,13 +1195,8 @@
1203	1195	'title' => esc_html__( 'Justified', 'elementor' ),
1204	1196	'icon' => 'eicon-text-align-justify',
1205	1197	],
1206	1198	],
1207		- 'classes' => 'elementor-control-start-end',
1208		- 'selectors_dictionary' => [
1209		- 'left' => is_rtl() ? 'end' : 'start',
1210		- 'right' => is_rtl() ? 'start' : 'end',
1211		- ],
1212	1199	'selectors' => [
1213	1200	'{{WRAPPER}} > .elementor-container' => 'text-align: {{VALUE}};',
1214	1201	],
1215	1202	]
		@@ -1216,9 +1203,9 @@
1216	1203	);
1217	1204
1218	1205	$this->end_controls_section();
1219	1206
1220		- // Section Advanced.
	1207	+ // Section Advanced
1221	1208	$this->start_controls_section(
1222	1209	'section_advanced',
1223	1210	[
1224	1211	'label' => esc_html__( 'Advanced', 'elementor' ),
		@@ -1363,9 +1350,9 @@
1363	1350	);
1364	1351
1365	1352	$this->end_controls_section();
1366	1353
1367		- // Section Responsive.
	1354	+ // Section Responsive
1368	1355	$this->start_controls_section(
1369	1356	'_section_responsive',
1370	1357	[
1371	1358	'label' => esc_html__( 'Responsive', 'elementor' ),
		@@ -1438,14 +1425,9 @@
1438	1425	if ( ! settings.background_play_once ) {
1439	1426	videoAttributes += ' loop';
1440	1427	}
1441	1428
1442		- view.addRenderAttribute(
1443		- 'background-video-container',
1444		- {
1445		- 'class': 'elementor-background-video-container',
1446		- }
1447		- );
	1429	+ view.addRenderAttribute( 'background-video-container', 'class', 'elementor-background-video-container' );
1448	1430
1449	1431	if ( ! settings.background_play_on_mobile ) {
1450	1432	view.addRenderAttribute( 'background-video-container', 'class', 'elementor-hidden-mobile' );
1451	1433	}
		@@ -1450,15 +1432,15 @@
1450	1432	view.addRenderAttribute( 'background-video-container', 'class', 'elementor-hidden-mobile' );
1451	1433	}
1452	1434	#>
1453	1435	<div {{{ view.getRenderAttributeString( 'background-video-container' ) }}}>
1454		- <div class="elementor-background-video-embed" role="presentation"></div>
1455		- <video class="elementor-background-video-hosted" role="presentation" {{ videoAttributes }}></video>
	1436	+ <div class="elementor-background-video-embed"></div>
	1437	+ <video class="elementor-background-video-hosted elementor-html5-video" {{ videoAttributes }}></video>
1456	1438	</div>
1457	1439	<# } #>
1458	1440	<div class="elementor-background-overlay"></div>
1459		- <div class="elementor-shape elementor-shape-top" aria-hidden="true"></div>
1460		- <div class="elementor-shape elementor-shape-bottom" aria-hidden="true"></div>
	1441	+ <div class="elementor-shape elementor-shape-top"></div>
	1442	+ <div class="elementor-shape elementor-shape-bottom"></div>
1461	1443	<div class="elementor-container elementor-column-gap-{{ settings.gap }}"></div>
1462	1444	<?php
1463	1445	}
1464	1446
		@@ -1479,24 +1461,19 @@
1479	1461	?> <?php $this->print_render_attribute_string( '_wrapper' ); ?>>
1480	1462	<?php
1481	1463	if ( 'video' === $settings['background_background'] ) :
1482	1464	if ( $settings['background_video_link'] ) :
1483		- $is_embed_video = Embed::is_embed_video( $settings['background_video_link'] );
	1465	+ $video_properties = Embed::get_video_properties( $settings['background_video_link'] );
1484	1466
1485		- $this->add_render_attribute(
1486		- 'background-video-container',
1487		- [
1488		- 'class' => 'elementor-background-video-container',
1489		- ]
1490		- );
	1467	+ $this->add_render_attribute( 'background-video-container', 'class', 'elementor-background-video-container' );
1491	1468
1492	1469	if ( ! $settings['background_play_on_mobile'] ) {
1493		- $this->add_render_attribute( 'background-video-container', 'class', 'elementor-hidden-mobile' );
	1470	+ $this->add_render_attribute( 'background-video-container', 'class', 'elementor-hidden-phone' );
1494	1471	}
1495	1472	?>
1496	1473	<div <?php $this->print_render_attribute_string( 'background-video-container' ); ?>>
1497		- <?php if ( $is_embed_video ) : ?>
1498		- <div class="elementor-background-video-embed" role="presentation"></div>
	1474	+ <?php if ( $video_properties ) : ?>
	1475	+ <div class="elementor-background-video-embed"></div>
1499	1476	<?php
1500	1477	else :
1501	1478	$video_tag_attributes = 'autoplay muted playsinline';
1502	1479	if ( 'yes' !== $settings['background_play_once'] ) :
		@@ -1502,9 +1479,9 @@
1502	1479	if ( 'yes' !== $settings['background_play_once'] ) :
1503	1480	$video_tag_attributes .= ' loop';
1504	1481	endif;
1505	1482	?>
1506		- <video class="elementor-background-video-hosted" role="presentation" <?php
	1483	+ <video class="elementor-background-video-hosted elementor-html5-video" <?php
1507	1484	// PHPCS - the variable $video_tag_attributes is a plain string.
1508	1485	echo $video_tag_attributes; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
1509	1486	?>></video>
1510	1487	<?php endif; ?>
		@@ -1632,9 +1609,9 @@
1632	1609	return;
1633	1610	}
1634	1611
1635	1612	?>
1636		- <div class="elementor-shape elementor-shape-<?php echo esc_attr( $side ); ?>" aria-hidden="true" data-negative="<?php
	1613	+ <div class="elementor-shape elementor-shape-<?php echo esc_attr( $side ); ?>" data-negative="<?php
1637	1614	Utils::print_unescaped_internal_string( $negative ? 'true' : 'false' );
1638	1615	?>">
1639	1616	<?php
1640	1617	// PHPCS - The file content is being read from a strict file path structure.