| @@ -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> | |
| 89 | - <div class="e-con-select-preset__list"> | |
| 51 | + <div class="e-view e-container-select-preset"> | |
| 52 | + <div class="e-container-select-preset__title"><?php echo esc_html__( 'Select your Structure', 'elementor' ); ?></div> | |
| 53 | + <div class="e-container-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-container-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' ); ?> |