A custom block has one look and many uses. You change the look in the Blocks panel, where the change reaches every use. You change the content of one use on its page. Detach turns one use back into regular blocks.
Change the look everywhere
Open your project in Fantasma.
On a page, select a use of the custom block. Its name shows in purple at the top of the right sidebar.
Click the name. A menu opens.
Select Edit block. The Blocks panel opens with the custom block on the canvas.
On the canvas, select the part you want to change, such as its heading or the box around it.
Change its settings in the right sidebar.
Every use of the custom block changes as you go. You can also open a custom block from the Blocks panel by clicking it under Custom. The right sidebar lists, under Used by, the pages that use it. Click one to open that page. To go back to a page yourself, click the Templates icon in the icon rail, then the page.
Add a variant
A custom block can come in more than one look, such as a plain and a filled card. Each use picks one.
With the custom block open in the Blocks panel, click + next to Variants, in the right sidebar or at the bottom of the Blocks panel. A copy of the variant you selected last, or of the last variant, appears as a new column on the canvas.
On a page, a use of a custom block with two or more variants shows a Variant field at the top of the right sidebar. A custom block can have up to 24 variants.
Change the content of one use
Select the use on the page. The right sidebar shows the text, links and images of this use, and the settings that are not part of the shared look, such as its height, spacing and Display. A change here stays in this use. To change the shared look of this use only, detach it.
Detach a use
On a page, select the use.
Click its name at the top of the right sidebar. A menu opens.
Select Detach.
Right-clicking the use opens a menu with Detach too.
The use becomes regular blocks that look the same as before, with the look of the custom block as their own settings. Later changes to the custom block no longer reach them. To undo a detach, press ⌘Z. On Windows, Ctrl replaces ⌘.
A use inside a section that follows a pattern cannot be detached on the page. Select that section, click Edit pattern in the right sidebar, and detach the use in the pattern.
Rename, duplicate or delete a custom block
In the Blocks panel, right-click the custom block under Custom. The menu offers Rename, Change icon, Duplicate and Delete custom block.
When you delete a custom block, a dialog lists how many blocks use it. Its uses stay on their pages and keep its look as their own settings, as if you detached each one.
A custom block has one look and many uses. You change the look in the Blocks panel, where the change reaches every use. You change the content of one use on its page. Detach turns one use back into regular blocks.
Change the look everywhere
Every use of the custom block changes as you go. You can also open a custom block from the Blocks panel by clicking it under Custom. The right sidebar lists, under Used by, the pages that use it. Click one to open that page. To go back to a page yourself, click the Templates icon in the icon rail, then the page.
Add a variant
A custom block can come in more than one look, such as a plain and a filled card. Each use picks one.
You rename and remove a variant on the canvas, by its name over the column, as Change how every button looks shows.
On a page, a use of a custom block with two or more variants shows a Variant field at the top of the right sidebar. A custom block can have up to 24 variants.
Change the content of one use
Select the use on the page. The right sidebar shows the text, links and images of this use, and the settings that are not part of the shared look, such as its height, spacing and Display. A change here stays in this use. To change the shared look of this use only, detach it.
Detach a use
Right-clicking the use opens a menu with Detach too.
The use becomes regular blocks that look the same as before, with the look of the custom block as their own settings. Later changes to the custom block no longer reach them. To undo a detach, press ⌘ Z. On Windows, Ctrl replaces ⌘.
A use inside a section that follows a pattern cannot be detached on the page. Select that section, click Edit pattern in the right sidebar, and detach the use in the pattern.
Rename, duplicate or delete a custom block
In the Blocks panel, right-click the custom block under Custom. The menu offers Rename, Change icon, Duplicate and Delete custom block.
When you delete a custom block, a dialog lists how many blocks use it. Its uses stay on their pages and keep its look as their own settings, as if you detached each one.