Wix Blocks: Creating and Managing Design Presets
5 min read
Wix Blocks is open to all Wix Studio users. To get access to Blocks, join Wix Studio.
Create multiple designs for the same widget. When you create design presets for a widget, its functionality and data remain the same, while the way it looks can change a lot. You can also use presets to create different designs for different devices (for example: desktop, tablet and mobile). Learn more about design presets in Blocks.
To create design presets in Blocks:
- Open your app in the Wix Blocks Editor. Your app opens with the Design tab selected and the Widgets and Design
panel open. - Click + Add Design Preset.
- Click the ֿMore Actions icon
to rename, duplicate or delete a preset. Note that if you only have one preset, you cannot delete it.
Make Changes Per Preset Versus Global Changes
Some changes you make in one preset impact only the current one, while others impact all of them. As a rule of thumb, design changes are per-preset, while structure or data changes are global. Here's a guide to help you track what happens when.
Changes that impact all presets
in the element's action bar and then click Display -> Hide on all other Presets). Changes that impact only your current preset
Notes
- Preview: You can switch between your design presets in Preview mode by using the dropdown in the top menu.
- Deleting the first preset: When you add new presets, their design is based on the first one. If you delete the first preset, new presets are based on the second one (which is now the first).
Switch Between a Widget's Design Presets on a Site
Blocks allows you to install your various design presets on a site. When you install an app in one of the Wix editors, its presets appear in the Add to Site panel when you click on any app in My Apps. If you installed one preset and want to change it, you can switch to another preset through the design 
button in the widget's action bar.
button in the widget's action bar. 
Change Presets According to Breakpoint
You can create a different preset for each breakpoint.
Wix Studio users can select from three tabs - desktop, tablet or mobile 
. When you are in that tab, change your preset through the design 
button in the widget's action bar. The presets of the other tabs will not change.
. When you are in that tab, change your preset through the design button in the widget's action bar. The presets of the other tabs will not change. 
Wix Editor users can also create different presets for different breakpoints, selecting from two tabs - desktop or mobile. When you are in your chosen tab, change your preset through the design 
button in the widget's action bar. The presets of the other tab will not change.
button in the widget's action bar. The presets of the other tab will not change.
Did this help?
|