← All changes | includes/editor-templates/global.php +20 -71 4.2.0 → 3.10.0-dev1 View file →

		@@ -3,12 +3,8 @@
3	3
4	4	if ( ! defined( 'ABSPATH' ) ) {
5	5	exit; // Exit if accessed directly.
6	6	}
7		-
8		-function echo_select_your_structure_title() {
9		- echo esc_html__( 'Select your structure', 'elementor' );
10		-}
11	7	?>
12	8	<script type="text/template" id="tmpl-elementor-empty-preview">
13	9	<div class="elementor-first-add">
14	10	<div class="elementor-icon eicon-plus"></div>
		@@ -15,64 +11,32 @@
15	11	</div>
16	12	</script>
17	13
18	14	<script type="text/template" id="tmpl-elementor-add-section">
19		- <# if ( $e.components.get( 'document/elements' ).utils.allowAddingWidgets() ) { #>
20	15	<div class="elementor-add-section-inner">
21		- <button type="button" class="elementor-add-section-close" data-tooltip="<?php echo esc_attr__( 'Close', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Close', 'elementor' ); ?>">
	16	+ <div class="elementor-add-section-close">
22	17	<i class="eicon-close" aria-hidden="true"></i>
23		- </button>
24		- <?php
25		- $experiments_manager = Plugin::$instance->experiments;
26		- if ( $experiments_manager->is_feature_active( 'container' ) ) { ?>
27		- <button type="button" class="elementor-add-section-back" data-tooltip="<?php echo esc_attr__( 'Back', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Back', 'elementor' ); ?>">
28		- <i class="eicon-chevron-left" aria-hidden="true"></i>
29		- </button>
30		- <?php } ?>
	18	+ <span class="elementor-screen-only"><?php echo esc_html__( 'Close', 'elementor' ); ?></span>
	19	+ </div>
31	20	<div class="e-view elementor-add-new-section">
32	21	<?php
	22	+ $experiments_manager = Plugin::$instance->experiments;
33	23	$add_container_title = esc_html__( 'Add New Container', 'elementor' );
34	24	$add_section_title = esc_html__( 'Add New Section', 'elementor' );
35	25
36	26	$button_title = ( $experiments_manager->is_feature_active( 'container' ) ) ? $add_container_title : $add_section_title;
37	27	?>
38		- <button type="button" class="elementor-add-section-area-button elementor-add-section-button" data-tooltip="<?php echo esc_attr( $button_title ); ?>" aria-label="<?php echo esc_attr( $button_title ); ?>">
39		- <i class="eicon-plus" aria-hidden="true"></i>
40		- </button>
41		- <# if ( 'loop-item' !== elementor.documents.getCurrent()?.config?.type || elementorCommon.config.experimentalFeatures[ 'container' ] ) {
42		- const additionalClass = 'loop-item' === elementor.documents.getCurrent()?.config?.type && elementor.documents.getCurrent()?.config?.settings?.settings?.source?.includes( 'taxonomy' )
43		- ? 'elementor-edit-hidden'
44		- : ''; #>
45		- <button type="button" class="{{ additionalClass }} elementor-add-section-area-button elementor-add-template-button" data-tooltip="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>" aria-label="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>">
46		- <i class="eicon-folder" aria-hidden="true"></i>
47		- </button>
48		- <# } #>
	28	+ <div class="elementor-add-section-area-button elementor-add-section-button" title="<?php echo esc_attr( $button_title ); ?>">
	29	+ <i class="eicon-plus"></i>
	30	+ </div>
	31	+ <div class="elementor-add-section-area-button elementor-add-template-button" title="<?php echo esc_attr__( 'Add Template', 'elementor' ); ?>">
	32	+ <i class="eicon-folder"></i>
	33	+ </div>
49	34	<div class="elementor-add-section-drag-title"><?php echo esc_html__( 'Drag widget here', 'elementor' ); ?></div>
50	35	</div>
51		- <div class="e-view e-con-shared-styles e-con-select-type">
52		- <div class="e-con-select-type__title"><?php echo esc_html__( 'Which layout would you like to use?', 'elementor' ); ?></div>
53		- <div class="e-con-select-type__icons">
54		- <button type="button" class="e-con-select-type__icons__icon flex-preset-button">
55		- <svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
56		- <rect width="41.698" height="84.9997" fill="#D5DADE"/>
57		- <rect x="43.3018" width="41.698" height="41.6498" fill="#D5DADE"/>
58		- <rect x="43.3018" y="43.3506" width="41.698" height="41.6498" fill="#D5DADE"/>
59		- </svg>
60		- <div class="e-con-select-type__icons__icon__subtitle"><?php echo esc_html__( 'Flexbox', 'elementor' ); ?></div>
61		- </button>
62		- <button type="button" class="e-con-select-type__icons__icon grid-preset-button">
63		- <svg width="85" height="85" viewBox="0 0 85 85" fill="none" xmlns="http://www.w3.org/2000/svg">
64		- <rect x="0.5" y="0.5" width="83.9997" height="84" stroke="#9DA5AE" stroke-dasharray="2 2"/>
65		- <path d="M42.501 0.484375V84.6259" stroke="#9DA5AE" stroke-dasharray="1 1"/>
66		- <path d="M84.623 42.501L-0.00038953 42.501" stroke="#9DA5AE" stroke-dasharray="1 1"/>
67		- </svg>
68		- <div class="e-con-select-type__icons__icon__subtitle"><?php echo esc_html__( 'Grid', 'elementor' ); ?></div>
69		- </button>
70		- </div>
71		- </div>
72	36	<div class="e-view elementor-select-preset">
73		- <div class="elementor-select-preset-title"><?php echo_select_your_structure_title(); ?></div>
74		- <div class="elementor-select-preset-list">
	37	+ <div class="elementor-select-preset-title"><?php echo esc_html__( 'Select your Structure', 'elementor' ); ?></div>
	38	+ <ul class="elementor-select-preset-list">
75	39	<#
76	40	const structures = [ 10, 20, 30, 40, 21, 22, 31, 32, 33, 50, 34, 60 ];
77	41
78	42	structures.forEach( ( structure ) => {
		@@ -77,44 +41,29 @@
77	41
78	42	structures.forEach( ( structure ) => {
79	43	const preset = elementor.presetsFactory.getPresetByStructure( structure ); #>
80	44
81		- <button type="button" class="elementor-preset" data-structure="{{ structure }}">
	45	+ <li class="elementor-preset elementor-column elementor-col-16" data-structure="{{ structure }}">
82	46	{{{ elementor.presetsFactory.getPresetSVG( preset.preset ).outerHTML }}}
83		- </button>
84		- <# } ); #>
85		- </div>
	47	+ </li>
	48	+ <# } ); #>
	49	+ </ul>
86	50	</div>
87		- <div class="e-view e-con-select-preset e-con-select-preset-flex">
88		- <div class="e-con-select-preset__title"><?php echo_select_your_structure_title(); ?></div>
	51	+ <div class="e-view e-con-select-preset">
	52	+ <div class="e-con-select-preset__title"><?php echo esc_html__( 'Select your Structure', 'elementor' ); ?></div>
89	53	<div class="e-con-select-preset__list">
90	54	<#
91	55	elementor.presetsFactory.getContainerPresets().forEach( ( preset ) => {
92	56	#>
93		- <button type="button" class="e-con-preset" data-preset="{{ preset }}">
	57	+ <div class="e-con-preset" data-preset="{{ preset }}">
94	58	{{{ elementor.presetsFactory.generateContainerPreset( preset ) }}}
95		- </button>
	59	+ </div>
96	60	<#
97	61	} );
98	62	#>
99	63	</div>
100	64	</div>
101		- <div class="e-view e-con-shared-styles e-con-select-preset-grid">
102		- <div class="e-con-select-preset__title"><?php echo_select_your_structure_title(); ?></div>
103		- <div class="e-con-select-preset__list">
104		- <#
105		- elementor.presetsFactory.getContainerGridPresets().forEach( ( preset ) => {
106		- #>
107		- <button type="button" class="e-con-preset" data-structure="{{ preset }}">
108		- {{{ elementor.presetsFactory.generateContainerGridPreset( preset ) }}}
109		- </button>
110		- <#
111		- } );
112		- #>
113		- </div>
114		- </div>
115	65	</div>
116		- <# } #>
117	66	</script>
118	67
119	68	<script type="text/template" id="tmpl-elementor-tag-controls-stack-empty">
120	69	<?php echo esc_html__( 'This tag has no settings.', 'elementor' ); ?>