Appearance
eWizard.js v5.16.0 and eWizard CLI v0.30.1
April 2022
With the current release you get:
New eWizard.js framework features and improvements.
eWizard CLI new commands and options.
New in eWizard.js
Custom filters for email blocks
You can now make custom filters for your email blocks in eWizard.js. Add your filters to the filters array in the blocks.json file of an email project. You can apply a filter to a block with the filters field in the components array of the blocks.json file.
You can also create block groups in the filters array and add a block to a group with the groups field.
For more information, see Block groups and filters.
mobileContentIndents mixin improvements
Use the mobileContentIndents mixin to apply classes to the email components for the correct display on mobile devices. The defaultConfig.ts file of the mixin has a rule function. This function defines how to apply a class and the classList array with classes.
For more information, see mobileContentIndents mixin
Block order updates
From now on, the order of blocks in eWizard Editor is defined by the blocks-themes.json file of an email template. If the template doesn't have the blocks-themes.json file, the order is defined by the blocks.json file.
For more information, see Block groups and filters.
New in eWizard CLI
wiz docs
Added a new wiz docs command to view eWizard.js and eWizard CLI documentation. Run this command with options to open the specific sections:
wiz docs --edetailerfor e-Detailer docswiz docs --emailfor email docswiz docs --sitefor landing page docs
For more information, see wiz docs.
wiz thumbs, wiz screen block, and wiz screen preview
When you run the wiz thumbs, wiz screen block, or wiz screen preview commands in a project without a development build, eWizard.js automatically runs the wiz dev command. This ensures that the screenshots, thumbnails, and icons include any changes made in a project.
For more information, see wiz thumbs, wiz screen preview, wiz screen block.
Messenger ad
With eWizard CLI, you can initialize a messenger ad—a landing page designed for promotional campaigns in different messengers like WeChat.
You can customize your messenger ad template in a code editor and upload it to eWizard Editor. The template is a directory that includes files with markup, project settings, and common media.
For more information, see Messenger ad.
Documentation updates
Enjoy the recently updated eWizard.js and eWizard CLI articles.