Edit document
Slider
Slider is a gh-element that allows to make a slideshow of images from items. Due to it, the images can be swiped like a slider.
Functional Characteristics
This element can be used to display advertising banners or to display products.
Value Format
Slider does not contain any value.
Element Options
Slider settings are consists of three blocks.
Field Settings
The first block of settings configures the main aspects of the element. It also contains standard field settings.
| Name | Description |
|---|---|
| Application | allows to select the source application; details... |
| Image | allows to select the source field; details... |
| Height | allows to set the element height; details... |
Application
This is the application from which all needed data will be taken.
Image
This function allows to select the field from which images will be taken for slideshow.
Height
You can set the slider height due to this function. There are seven possible values:
- 64
- 128
- 256
- 384
- 512
- 768
- 1024
Advanced Settings
This group of settings allows you to add a link and an image name to the item image, in addition to the main settings.
| Name | Description |
|---|---|
| Show URL | allows to add link to the image; details... |
| URL | allows to select the field from which links wil be taken; details... |
| Show Text | allows you to show the text associated with the image; details... |
| Text | allows to select field from which text will be taken; details... |
Show URL
This setting allows you to add URLs to images. When a user clicks on an image, he goes to a specific link.
URL
This is the setting where you have to enter the link which will be used in the slider.
Show Text
This function allows to configure whether any text will appears when user hover his/her cursor over the image in the slider.
Text
This is the text that will be displayed when user hover his/her cursor over the image in the slider.
Filter
This block contains the standard filter element. Due to this, you can customize which items will be displayed by using different filters.
Element Style
The slider is the element whose interpretation types are more useful for its style than all other style settings, which are standard.
Data Model
The slider data model contains all element settings:
{
"data_model": {
"app_id": "28560",
"filters_list": [],
"height": "512",
"image": {
"field_id": "671841"
},
"interpretation": [],
"text": {
"active": 1,
"field_id": "671831"
},
"url": {
"active": 1,
"field_id": "679766"
}
}
}
| Name | Type | Description |
|---|---|---|
| app_id | string |
contains ID of the source application |
| filters_list | array |
contains all filters that are applied to the element |
| height | string |
contains value of height of the slider |
| image | object |
contains settings of the image for slider |
| field_id | string |
contains ID of the field from which images will be taken for slider |
| interpretation | array |
contains all element interpretation types |
| text | object |
contains text settings |
| active | boolean |
shows whether the text will be shown in slider or not |
| field_id | string |
contains ID of the from which text will be taken for slider |
| url | object |
contains URL settings |
| active | boolean |
shows whether links will be used in slider |
| field_id | string |
contains ID of the field which URL will be taken for slider |
Filtration
This element cannot be filtered out.
Interpretation
Both types of slider interpretation display images of items and allows to follow specific links, but they still have few differences:
Logos
The first type of interpretation displays images of items with gaps between them. It also do not allow image names be displayed.
Projects
This type displays images without gaps. In addition, when you hover your cursor over any image, it is shaded and its name is displayed on it.
