Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Log in as the target user/domainfront, click your user name top-right, then "Preset Manager" on the overlay menu.

  2. Click "the Create" button top-left of the list. Then select module type from the dropdown, fill in the new Preset's name and click "Create" bottom-right.

  3. Configure any CSS properties you can with the usual Editor UI on the next screen and click "Save changes" top-right.

  4. Anything you cannot configure with the UI, you need to enter into this module's styles JSON directly.

  5. Click the "edit as JSON" button bottom-left or simply add /json to the page's URL and then add nodes for HTML elements and their CSS properties as you'd do in the domainfront's Module settings.

Once you are done, save the changes and check desktop and module preview if the modules looks all right. You will probably need to go through several iterations.
Once this is done, the CSS and other settings from the preset you've just created can be applied to any other module of the same type with the "Presets" dropdown in the "Settings" tab. They will be saved in the "presets" node of its JSON data and merged to any other CSS it already has set. In case the same CSS property is set differently on both of them, the original settings in the module will prevail, being on a lower-level.

...

Info

Presets that you set in the way described above are added in the templateModuleIds JSON node in Theme settings, as in the example below:
"templateModuleIds": [
1363771,  
1364397,  
1364398
]

You can copy this into another domain front to reuse the presets.
Also, make sure you update these settings if you're editing JSON in a local file. If you remove or don't include this node, the Editor won't display your presets for this specific domainfront.