PIM Design Selector

This widget shows designs for products configured in the PIM module and allows you to select one of them.

{
    "name": "design-selector",
    "type": "pim-design-selector",
    "params": {...}
}

Getting Design Variants

The designs property shows design variants. You can obtain these designs through the PIM Ajax widget.

note

If you use this widget in the toolPanel or rightToolPanel, embed it in the group widget. To learn more about this widget, read the Group article.

{
    "name": "design-selector",
    "type": "pim-design-selector",
    "params": {
        "designs": "{{ $['pim-ajax'].designs }}"
    }
}

Params

Name	Type	Description	Default value
designs	ProductInformationDesign[]	Contains design variants	empty array
showItemsTitle	boolean	If true, displays a title below a thumbnail	false
itemsPerPage	number	Defines the quantity of thumbnail per page	24
onChange	function	A function or array of functions that will be executed when an item is changed	null
onItemDoubleClick	function	A function or array of functions that will be executed when an item is double-clicked	null
onItemClick	function	A function or array of functions that will be executed when an item is clicked	null