跳转到主要内容

移除操作

要从上下文菜单中移除一个现有的操作,我们需要从某个组中删除该操作。

移除小部件操作

在下面的示例中,我们将从位于 widget 上下文菜单中的 custom-widget-actions 组中移除 widget-action 操作:

elementor.hooks.addFilter( 'elements/context-menu/groups', ( customGroups, elementType ) => {

	if ( 'widget' === elementType ) {
		customGroups.forEach( ( group ) => {
			if ( 'custom-widget-actions' === group.name ) {
				const actionIndex = group.actions.findIndex( ( action ) => 'widget-action' === action.name );
				if ( actionIndex > -1 ) {
					group.actions.splice( actionIndex, 1 );
				}
			}
		} );
	}

	return customGroups;

} );

移除列操作

现在我们将从位于 column 上下文菜单中的 custom-column-actions 组中移除 column-action 操作:

elementor.hooks.addFilter( 'elements/context-menu/groups', ( customGroups, elementType ) => {

	if ( 'column' === elementType ) {
		customGroups.forEach( ( group ) => {
			if ( 'custom-column-actions' === group.name ) {
				const actionIndex = group.actions.findIndex( ( action ) => 'column-action' === action.name );
				if ( actionIndex > -1 ) {
					group.actions.splice( actionIndex, 1 );
				}
			}
		} );
	}

	return customGroups;

} );

移除区块操作

接下来我们将从位于 section 上下文菜单中的 custom-section-actions 组中移除 section-action 操作:

elementor.hooks.addFilter( 'elements/context-menu/groups', ( customGroups, elementType ) => {

	if ( 'section' === elementType ) {
		customGroups.forEach( ( group ) => {
			if ( 'custom-section-actions' === group.name ) {
				const actionIndex = group.actions.findIndex( ( action ) => 'section-action' === action.name );
				if ( actionIndex > -1 ) {
					group.actions.splice( actionIndex, 1 );
				}
			}
		} );
	}

	return customGroups;

} );