Snow effect

The Snow effect widget enables you to simulate snow falling on any element of the web page with an icon of your choice.
It can be useful to add playfulness to your website during a specific time of the year (Christmas, Halloween, Thanksgiving, Valentine's Day, your company anniversary and so on) or to highlight a specific section of the page.

Configuring the widget

During this configuration step, layout, content and style changes are displayed in real-time.
To apply your changes, proceed as follows:

1. Go through each and every tab of the configuration form and select the options that are applicable.
2. Click Save to save your changes.
3. If necessary, you can click History in the toolbar on the right-hand side, then click the widget you added to reopen the configuration form and edit your changes.

⭐ Good to know

An informative message is displayed if you try to create a widget when one has already been configured for that variation or scenario. Once closed, it won’t be displayed again. However, this doesn’t prevent you from creating another widget, if you need to.

List of options for the Snow effect widget

Three tabs (Layout, Content, Style) are available to configure the widget.

⭐ Good to know

The Save button will only be enabled once you have gone through each tab.

Layout tab

1. Select the element of the page on which you want the icons to fall.
2. Define the position of the widget compared to the layer. You can choose to have your icons fall above or under the layer, or to customize their position.
   For more information on the layer position, refer to Z-index demystified.

Content tab

Enter the number of icons you want to fall on your element or page (up to 200). 
Two options are available to configure your widget:

• Select an icon among the default icons proposed by AB Tasty
  Or
• Upload your own image by uploading it from your browser or by entering the image path.

Style tab

Select the style options (Icon size, Average animation duration, Animation direction, Icon rotation during animation) you want to apply to your widget. 

Refer to the Widget Style options article for more information on all available Style options. 

⭐ Good to know

If you want to: edit, duplicate, rename, delete a widget, please check the Widget Frequently Asked Questions article.