You can add settings to a widget that provide a finer level control over the widget’s behavior when it is added to a layout. For example, the Related Products widget shown below has settings that allow the page designer to specify the number of related products to show and whether to display the name or price for related products. Any customizable settings that have been configured for a widget are available via the widget’s Settings tab.
To view a widget’s Settings tab:
From the Design menu, select the Layout tab.
From the Layout tab menu, select the layout that contains the widget whose settings you want to view by clicking the grid view.
The layout shows all of the widgets used in the layout.
Click on the widget’s setting icon to view the widget information. Depending on the widget you select, you may see different tabs available, such as Layout, Settings and About.
When you have finished making your changes, click Save.
Any configurable widget settings you create are added to the widget’s view model and can be referenced from the widget’s HTML template using a data-bind attribute. Examples for creating the data bind are provided later in this section.