Move xstore controls inside elementor editor below “layout” tab

Hello @Martin,

We would like to suggest the following workaround, which will place all XStore sections under the default Elementor sections: https://gyazo.com/6934c368884f69d8cff6edbf58733218.

If you would like to implement this solution, please add the following code snippet to your child theme’s functions.php file (https://gyazo.com/e45becebb928a9418dcf6970b5e7f856):

add_action( 'elementor/editor/before_enqueue_scripts', 'etheme_child_enqueue_editor_styles', 9999 );
function etheme_child_enqueue_editor_styles() {
	wp_add_inline_style( 'et-core-elementor-style', 'div#elementor-controls {
	    display: flex;
	    flex-wrap: wrap;
	    flex-direction: column;
	}

	div#elementor-controls > .elementor-control[class*=etheme] {
	    order: 2;
	}');
}

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Martin,

Unfortunately, it is only possible to reorder the tabs using CSS. If you would like us to temporarily modify the original file with our modules to comment them such tabs on the code side, please provide us with temporary wp-admin and FTP access, so the Layout will be displayed as first section on all widgets.

Please note that these changes are temporary and will be lost after a theme or plugin update. However, this can serve as a temporary solution during your development stage.

Best regards,
Jack Richardson
The 8Theme’s Team