The Top Bar is located at the top of the Live Editor's Sidebar Panel. It contains the Menu icon , which opens the editor menu, and the Widgets Panel icon , which returns you to the widget selection panel.

Creative Elements Live Editor - Top Bar
Live Editor - Top Bar

Click the Menu icon to open the editor menu. The menu is organized into Settings, More, and Navigate From Page. Use the back arrow to return to the previous panel.

Creative Elements Live Editor - Menu
Live Editor - Menu

Settings

Theme Style

Open the site-wide design settings for Creative Elements. Create and manage reusable Global Colors and Global Fonts, customize the default appearance of elements such as typography, buttons, images, icons, and form fields, and configure settings including background, layout, lightbox, and custom CSS.

Learn more in the Theme Style documentation.

Module Settings

Open the Creative Elements module configuration page in the PrestaShop back office in a new tab. Use it to manage module-level settings and features, including optional features such as Grid Containers.

User Preferences

Customize how the Live Editor behaves for your workflow. These preferences affect your editing experience rather than the appearance of the published page.

Live Editor - User Preferences

User Preferences

UI Theme

Choose the editor's appearance: Light, Dark, or Auto Detect.

Panel Width

Adjust the width of the Sidebar Panel.

Editing Handles

Show additional editing handles when hovering over elements to make them easier to manage.

Enable Lightbox In Editor

Enable the image lightbox inside the Live Editor.

Hidden Elements

Choose how hidden elements appear while editing.

Default Device View

Choose which device view opens by default in the Live Editor.

Exit to

Choose where you are redirected when exiting the Live Editor.


More

Keyboard Shortcuts

Open a popup listing the available editor shortcuts, grouped into Actions, Panels, and Go To. These include undo and redo, copy and paste, saving a draft, opening Theme Style or Navigator, and switching to Responsive Mode.

Creative Elements - Keyboard Shortcuts
Keyboard Shortcuts

About Creative Elements

Open the Creative Elements website to learn more about the module.


View Page

Open the current page outside the editor to see the published page as visitors see it. Save any changes you want to keep before leaving the editor.

Exit

Leave the Live Editor. The destination depends on the Exit to setting in User Preferences: PrestaShop Edit View, PrestaShop List View, or Back Office. If you have not chosen an exit destination yet, Creative Elements may prompt you to select one.

Note: Save your changes before using Exit. Exiting is not the same as saving or publishing your work.
© WebshopWorks - Professional PrestaShop Addons