Starting or customising a theme

Maropost Commerce Cloud provides a fully customisable template file structure so you can create or update any part of a theme when needed. All of our themes are built using the Bootstrap CSS framework and utilise standard HTML, CSS, JavaScript, jQuery, and our own templating B@SE language to display and layout content.

*For the latest versions of any theme dependencies please refer to the latest version of our base theme Skeletal.

Releasing an official theme on the platform

Interested in launching a theme on Maropost Commerce Cloud that any merchant can purchase and use? We have a number of requirements for themes officially lauching on the platform so please reach out to our Partner Team before starting any development with a short theme pitch and we'll get back to you.

Developing a bespoke / one-off theme

Follow one of our suggested developer workflow guides to start creating a bespoke theme for a single client:

Customise a current theme

You can use SFTP to access any theme already installed on a Maropost Commerce Cloud webstore. Open the theme template file directly in your SFTP Client or your favourite Code Editor, then make your changes (ensuring these are actually pushed back to the webstore server and not just made locally on your machine).

If the changes you are making affect multiple templates or are particularly large, you may want to consider spinning up a Staging Theme to make and test the changes there.

Preview your theme changes

Maropost Commerce Cloud cannot be run in a local environment, so regardless of your workflow, theme changes will need to be loaded onto a webstore via SFTP to be tested.

All Maropost Commerce Cloud theme templates are parsed on our servers and turned into standard HTML pages before being sent to the browser. This means you cannot upload your own .html or other server files and expect these to be displayed. If you want to make changes to a Maropost Commerce Cloud webstore frontend, these must be done using our template file structure.

For example, to create a new page layout, you would generally update or add a {template_name}.template.html file to the themes templates > cms folder, then make your changes in that file and apply it to a page using the Maropost Commerce Cloud control panel.

*For a full rundown of our general theme structure see an Introduction to Maropost Commerce Cloud.

Was this article useful?

Be notified when this page is updated. Optional.