Themes

Published

The themes define the overall look and structure of the website and the theme settings let you set colors, fonts, and add content such as images and text.

Theme settings
In theme settings you have settings to the left and a preview to the right.

All themes have different settings but commonly the theme settings will allow to add content and settings such as:

  • Header and footer, navigation and options.
  • Index page content.
  • Restricted page for a closed site content.
  • Color settings.

For specific settings see guides on default CMS theme or eCommerce theme

Theme settings view in admin
Theme settings view in admin
  1. Settings Theme setting sections
  2. Phone view Display preview in phone size
  3. Tablet preview Display preview in tablet size
  4. Desktop preview Display preview in fullwith
  5. Save Save theme settings
Working with theme settings

Themes in admin

Go to themes in Cradle admin
Theme settings are found under the Themes view in admin on a theme cards for both published and unpublished themes.

Themes are located in the left-side menu. In the Themes view published and unpublished themes are listed.

Themes view in admin with numbers
Themes view in admin

The themes view in admin displays the themes containing code that builds the site or the shop. It is possible to have multiple themes uploaded at the same time, but only one can be published. Themes can be duplicated, exported, imported and deleted.

  1. Install theme Installs a theme from any URL pointing at a zip-file containing a valid theme structure
  2. Create theme Adds a copy of the default theme
  3. Upload theme Imports a theme by file upload
  4. Theme settings Enter theme settings for theme
  5. Theme editor Opens theme code editor
  6. Theme information Displays information about the theme
  7. Update Update function for themes, updates the theme from url
  8. Export Exports the theme as a zip file
  9. Duplicate Makes a copy of the theme
  10. Publish Publishes the theme
  11. View site Opens the site in a new tab
  12. Preview theme Opens the site with a preview of the theme

Update theme

A theme can be updated to the latest version if the theme has a link to a accessible theme. The update function keeps all the files in the media catalog, theme settings as well as added files but replaces all other files.

Updating the theme and publishing it.

Steps in video

  1. Duplicate the active theme
  2. Press Update on the theme which was just created.
  3. Check the updated theme by viewing it in the theme settings preview or open in the browser.
  4. Publish the theme.
Why is there no update button on my un-published theme?
The theme needs to have a source provided in the `/config/settings.json` file to update from. You can fix this by adding a URL in the source field.

Adding themes

You can find themes at our Cradle CMS Github.

Themes can be added by uploading a zip-file or by installing from an URL.

Upload theme

With the upload button you can import a theme in the format as a zip file.

Install from URL

It is possible to add a theme by using an URL to a zip file or a github repository.

Adding a theme from github with an URL

Modifying theme settings file

Config file in theme editor
Theme code editor view of config.json file.

All themes have open code access and can be modified in the code editor built in to Cradle CMS & eCommerce. In the Theme editor the file settings.json in folder config contains all the information to build the theme settings view, more on the possibilities.