History

The History panel is a powerful tool that tracks all the changes you make in the Live Editor. It acts as a safety net, allowing you to undo mistakes, redo actions, or revert your entire page to a previously saved version. The panel is divided into two distinct tabs: Actions and Revisions.

How to Access the History Panel

To access the History panel, click the clock icon () located in the bottom-left corner of the editor's bottom bar.

Live Editor - Bottom barLive Editor - Bottom bar

Understanding the Two Tabs

Actions Tab

The Actions tab logs every single change you make during an editing session. This includes editing text, adjusting a margin, changing a color, dragging a widget, and more. It provides a fine-grained, step-by-step record of your work. To undo a mistake, simply click on a previous action in the list, and the editor will revert to that state. You can also move forward again by clicking on a more recent action.

Use the Actions tab for undoing recent, minor mistakes. For example, if you just changed a color and don't like it, a single click in the Actions tab is the fastest way to revert.

Using the Actions Tab (For Quick Undos)

  1. Open the History panel by clicking the icon in the bottom bar. It will open to the 'Actions' tab by default.
  2. You will see a chronological list of every change you've made in the current session, starting from "Editing Started."
  3. To undo a change, simply click on a previous action in the list. The editor will instantly revert the page to the state it was in at that point.
  4. To redo an action you've undone, click on a more recent item further up the list.
The Creative Elements History Panel - Actions tab The Creative Elements History Panel - Actions tab

Revisions Tab

The Revisions tab saves a complete snapshot of your page each time you click the UPDATE button. This creates major restore points for your work. You can click on any revision in the list to preview how the page looked at that time. If you decide to restore it, click the "Apply" button.

Use the Revisions tab for restoring your page after making significant, unwanted changes, or to go back to a version from a previous day. For example, if you've spent an hour redesigning a section and decide to scrap it, reverting to the last revision is more efficient than undoing dozens of individual actions.

Using the Revisions Tab (For Major Restores)

  1. Open the History panel and click on the 'Revisions' tab.
  2. You will see a list of all previously saved versions of the page, timestamped for clarity. A new revision is created every time you click the UPDATE button.
  3. Click on any revision in the list. The main canvas will update to show a preview of what the page looked like at that time, but this change is not yet permanent.
  4. If you are satisfied with the preview, click the green Apply button that appears at the top of the panel to restore this version.
The Creative Elements History Panel - Revisions tab The Creative Elements History Panel - Revisions tab
Note: Applying a revision is a significant action. It discards your current unsaved changes (your draft) and replaces the editor's content with the selected revision. The version you were working on is not lost; it is saved as the most recent revision.

Understanding Drafts, Autosave, and Collaboration

In addition to manual saves, Creative Elements uses a draft and autosave system to protect your work and manage editing between multiple users.

What is a Draft?

A draft is a version of your page that contains your most recent changes, but has not yet been published. It's designed to let you save work-in-progress without it affecting the live version of your site. Each user has their own separate draft for a page they are editing.

A draft can be created in two ways:

  • Autosave: If changes are detected in the template, an autosave will occur within approximately 90 seconds, saving your work to a draft.
  • Save Draft: You can manually save your work as a draft without publishing it.

When you open a page that has a draft version, the editor will notify you that you are in draft mode. These changes will not appear on the live site until you click the UPDATE button.

Working with Multiple Users

Because each user has their own draft, it's possible for two users to see different versions of the same page if they are editing simultaneously. The History panel can help resolve this.

If you find that your version is different from a colleague's, it is because you are both working on separate drafts. To resolve this:

  1. One user must decide to make their version the official one by clicking the UPDATE button.
  2. This action publishes their draft, making it the new live version.
  3. The other user can then refresh their editor to see the new live version and continue editing from there.

Managing Revisions

While the History panel provides access to your revisions, Creative Elements allows you to control how many revisions are stored for each piece of content. Limiting the number of revisions is a best practice that helps keep your database optimized and prevent it from becoming unnecessarily large.

You can find this setting by navigating to your PrestaShop back-office and going to Creative Elements > Settings > General tab.

Limit Revisions
This setting allows you to set a maximum number of revisions that will be saved for each page or template. You can choose a number from 1 to 30, or disable the revision history. For most users, a limit of 5-10 is a good balance between safety and database performance.
Delete all revisions above the limit
This is a cleanup tool. After you set a new, lower limit, you can use this button to delete all older revisions that exceed your new limit across your entire site.
Settings of Revisions Settings of Revisions
Warning: The action to "Delete all revisions above the limit" is a one-time, irreversible process. It permanently removes the older revision data from your database.
© WebshopWorks - Professional PrestaShop Addons