File Content: global.php <?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> Submit