Sidebar panel

The Sidebar Panel is the primary control interface within the Live Editor, where you add elements and adjust their settings. It is structurally divided into three key areas: the top bar, the widget selection, and the bottom bar.

Live Editor - Sidebar panel
Live Editor - Sidebar panel

Hide the Sidebar Panel

Click the Hide Panel control to collapse the Sidebar Panel and create more space for the Canvas. Click the control again to reopen the Sidebar Panel and continue editing.

Components of the Sidebar Panel

Top bar 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 pa... Read more
Widget selection The Widget Selection panel, located in the Live Editor's sidebar, contains the widgets available for building your page. Here you can find headings, images, product grids, and other elements to add to... Read more
Bottom bar The Bottom Bar is a fixed toolbar located at the bottom of the Sidebar Panel. It provides quick access to document settings, navigation tools, responsive previews, previewing, and options for saving o... Read more
Page Settings The Page Settings panel contains document-level controls for the page, content, or template you are currently editing. Unlike element settings, these controls apply to the document itself and can incl... Read more
Language The Language panel allows you to switch between languages and, in a PrestaShop Multistore environment, change the shop context directly within the Creative Elements Live Editor. You can also insert... Read more
Navigator The Navigator provides a hierarchical overview of the elements in your document. It helps you find, select, organize, and manage Containers, Sections, Columns, and Widgets, even in complex layouts wit... Read more
History The History panel helps you review and restore changes made in the Creative Elements Live Editor. It provides two types of history: Actions for changes made during the current editing session, and Rev... Read more
Responsive Mode Responsive Mode allows you to preview and customize your design for different screen sizes directly in the Creative Elements Live Editor. You can switch between Desktop, Tablet Portrait, and Mobile Po... Read more
© WebshopWorks - Professional PrestaShop Addons