Page Themes

Page themes create exceptions to the current style and design conventions of your website. While it is important that your website has a consistent overall style, sometimes a certain page requires special attention or a unique visual identity. Page themes allow you to deviate from the standard design and apply custom styles, layouts, and functionalities to specific pages.

To work with page themes, in the CloudSuite Admin go to Settings > Page Themes. An overview appears, listing all themes that have already been defined. Click an existing theme to open its coding or click Create Theme to create a new one.

note

For a page theme to actually have any effect on the pages to which it is assigned, work is required on the CloudSuite front-end. Without such modifications, neither the simple presence of the theme in the Admin not the theme's assignment to a page has any effect.

Data

In the Data tab, give your page theme a suitable Name and optionally a Description.

JSON Schema

In the JSON Schema tab, configure every field that you want to be editable.

For example, to configure an option to show a red background, you might enter the following JSON code:.

JSON Schema
{
  "type": "object",
  "properties": {
    "should_have_red_background": {
      "title": "Red Background",
      "type": "boolean",
      "format": "checkbox",
      "default": true
    }
  }
}

After you have saved the theme, the configured fields are visible in the Data tab.

Data​

JSON Schema​

Data

JSON Schema