Theme Editor for PrestaShop

What it is

The Theme Editor is the Studio of our PrestaShop themes: a full-page editor, opened from the back office, that shows a live preview of your real shop and lets you change how it looks and is laid out. Colors, fonts, the header, the product page, the mini cart, the newsletter, the footer, the spacing between areas. It ships inside our themes (the first is Aura) and is not sold on its own.

Why is it different from the other ways of customizing a theme? A page builder gives you freedom on a page but usually adds its own layer of markup, scripts and requests, and it rarely knows what a product page or a header is. Editing .tpl and CSS by hand gives you control, but every change needs a developer, a cache clear and a risk at the next update. The Studio sits in between: the theme declares what can be changed, with sensible limits, and you change it visually. Nothing is a free-form canvas, so nothing breaks the design.

A tour of the Studio

The side panel has four areas: Header, Page, Footer and Style, each with groups, plus a search box that finds any setting by name. The preview is your real shop, in computer, tablet or phone width. What you change is a draft that only the employee using the Studio sees. Visitors see nothing until you press Save, and every step can be undone and redone. Texts are edited per language, and you can set a margin before and after almost every area.

Header and product page builders

The header builder treats the top bar and the header as one zone. Drag the logo, menu, search, language, currency, account, wishlist, cart and up to three custom buttons between the top bar, the header, a row below, a floating position or hidden. Start from a preset (classic, one bar, centered logo, shop layout) and adjust. Search has its own options, from size and corners to being collapsed to one round button that opens over its neighbors, and all header controls share one look.

The product page is a menu: structure (five layouts, including three columns), photos, buy button, wishlist button, details as accordion, tabs or all open, and one look for the sections under the product, plus six ready-made designs. The map of the page shows where each block lives (info column, side column, full-width row, sections) and lets you drag it somewhere else, in the map or in the live preview.

Palette and fonts

The theme works with one palette: main color, secondary, soft surfaces, text and background. Components such as the menu, the slider buttons, the search, the header controls, the newsletter and the buttons let you choose among the palette colors, not any color, which is how a shop stays coherent after ten edits by three people.

Fonts come from Google Fonts, but your visitors never talk to Google. The first time you choose a font your shop downloads its files and serves them itself, with only the Latin subsets and the body font preloaded. There is no third-party request and nothing to add to your cookie or privacy text for it.

Content Blocks slots

Some places in the product page map are Your content slots: above or below the buy button, in the side column, full width, after the details. They are fed by Content Blocks Pro, our block builder. The map shows the blocks in each slot with a link to edit them or to create one. A trust strip, a size guide or a banner goes on the product page without touching a template.

Export, import and store designs by vertical

From the module page, Export downloads one zip with the theme values in all languages, the order of the home sections, which of our modules are on, and the content of the slider, the menu and the blocks with their images and videos. Import applies it to another shop. Links to categories, products and pages travel by what they point to (friendly URL, product reference), so they are found again; a link to something the other shop does not have is left empty and reported.

That gives you two uses. You can move a finished design from QA to production in minutes. And you can ship complete store designs: a bikes store, a fashion store, a lingerie store, a watches store, each one a pack with its look, images, texts and blocks ready to import.

Compatibility and performance

The Studio works on PrestaShop 8.2 and 9 with PHP 8.1 or later and uses no overrides. The values you save reach the storefront as one small inline <style> of a few hundred bytes in the page head, with no extra request and no JavaScript for the options. Until you change something nothing is printed. Our themes are tested against weight budgets (JavaScript, CSS, fonts, requests) that must not go above those of the Hummingbird theme they are built on.

Who it is for

• Merchants who want to change the look of their shop without opening a ticket with a developer.
• Agencies that deliver many shops: set up one design, export it and import it in the next one, and give the client an editor they can use.
• Theme sellers and designers who want to offer complete store designs by vertical, with the editor, the modules and the content in one package.

The Studio is part of our themes, so you get it with the theme. It also has a module contract: any of our addons can add its own panel, and the slider, the menu, the blocks and the reviews already do.