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