CatalogSelector Widget
This Widgets generates a selection for products (categories at not implemented yet, but possibil). The given HTML code will be cloned to and modified to create this selection.
Parent Container Options
Headline text | data-catalog_selector-headline_text
| String | Required
Textphrase for the collapse headline.
Add button text | data-catalog_selector-add_button_text
| String | Required
Textphrase for the add new dropdown button.
Form group selector | data-catalog_selector-group_selector
| String | Optional
This selector is required to select the form group that must be contained in the given HTML.
Label selector | data-catalog_selector-label_selector
| String | Optional
This selector is required to select the label of the form group.
Dropdown selector | data-catalog_selector-dropdown_selector
| String | Optional
This selector is required to select dropdown of the form group.
Remove icon column selector | data-catalog_selector-remove_selector
| String | Optional
This selector is required to select the column for the remove icon of the form group.
Selected data | data-catalog_selector-selected_data
| String | Optional
Already selected data for the selection.
Example
<div data-gx-widget="catalog_selector"
data-catalog_selector-group_selector=".form-group"
data-catalog_selector-label_selector="label"
data-catalog_selector-dropdown_selector=".catalog-selector-dropdown"
data-catalog_selector-remove_selector=".catalog-selector-remove"
data-catalog_selector-headline_text="HEADLINE"
data-catalog_selector-add_button_text="Add dropdown"
data-catalog_selector-selected_data="1,2,3,4"
>
<div class="form-group">
<label class="col-md-4">{$txt.LABEL_SHOW_FOR_PRODUCT}:</label>
<div class="col-md-3">
<select class="form-control catalog-selector-dropdown"
name="content_manager[infopage][sitemap_changefreq][{$languageCode}]"></select>
</div>
<div class="col-md-1 catalog-selector-remove"></div>
</div>
</div>