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 or publishing your work. Depending on the editing context, additional controls such as Language and shop context selection may also be available.

Live Editor - Bottom Bar Live Editor - Bottom Bar

Settings

Open the settings panel for the page or template you are currently editing. The available options depend on the document type and may include its title, status, and layout.

For a complete guide to the available options, visit our Page Settings article.

Learn more about Page Settings →

Language

Switch between the available languages when editing multilingual content. When PrestaShop Multistore is enabled and multiple shops are available, this menu also provides a shop context selector, allowing you to work with content in the appropriate store.

Note: The Language control is available when the shop has multiple active languages or the PrestaShop Multistore feature is enabled. In a Multistore setup with multiple shops, the menu also includes a shop context selector.

To learn how to manage multilingual content and shop contexts, see our Language & Context guide.

View the Language Guide →

Open the Navigator panel to view the structure of your page as a hierarchy of elements. Use it to find, select, reorder, and access the settings of elements without searching for them on the Canvas.

For detailed instructions on working with the page structure, visit our Navigator guide.

Explore the Navigator →

History

Open the History panel to review changes made during editing. Use the Actions tab to return to an earlier editing step or redo an action. The Revisions tab provides access to available saved versions of the document.

To learn more about tracking and restoring changes, visit our History guide.

Read about the History panel →

Responsive Mode

Open Responsive Mode to preview and adjust your design at different screen sizes. Switch between the available device views, such as Desktop, Tablet, and Mobile, to check how your layout responds across devices.

For a full walkthrough of responsive editing, see our Responsive Mode documentation.

Learn more about Responsive Mode →

Preview Changes

Open a preview of the current document without the Live Editor interface. Use this option to check how your design appears on the storefront before publishing your changes.


Publish / Update

Save the changes made to the current document. The button label changes depending on the document's current state, for example Publish for unpublished content or Update for content that has already been published.


Save Options

Click the arrow next to the Save button to access additional saving options.

Live Editor - Save Options

Save Options

Save Draft

Save your changes as a draft without publishing them.

Save as Template

Save the current design as a reusable template that you can insert into other pages or templates.

© WebshopWorks - Professional PrestaShop Addons