Skip to content

Image editor options

The imageEditorOptions option hides individual sections of the Image Editor's control panel. Every section is visible by default, and each name listed in hideControls removes one of them.

Configuration

Add the imageEditorOptions object to your TOPOL_OPTIONS configuration and list the sections to hide:

ts
imageEditorOptions: {
  hideControls: [
    "edit_bg",  // Hides the background editing section
    "crop",     // Hides the size and crop section
    "text",     // Hides the text editing section
    "elements", // Hides the Elements section
    "pexels",   // Hides the Pexels stock photo integration
    "upload",   // Hides the image upload section
  ],
},

Those six values are the complete set. An unrecognized name is ignored rather than rejected, so a typo silently leaves the section visible.

Showing all features

To show all features, either remove the imageEditorOptions object from your TOPOL_OPTIONS entirely, or set the hideControls array to empty:

ts
imageEditorOptions: {
  hideControls: [],
},