Enhanced Slider
Example

Settings
{
"version": ...,
"theme_name": ...,
"repo_url": ...,
"support_url": ...,
...
"components": [
{
"name": "enhanced-slider",
"title": "Slider (Emhanced)",
"icon": "sicon-image-carousel",
"path": "home.enhanced-slider",
"fields": [
{
"id": "is_wide",
"type": "boolean",
"text": "Wide Screen",
"format": "switch",
"selected": true
},
{
"id": "slides",
"type": "collection",
"format": "collection",
"required": true,
"minLength": 1,
"maxLength": 10,
"label": "Images List",
"fields": [
{
"id": "image",
"type": "string",
"format": "image",
"required": true
},
{
"id": "title",
"type": "string",
"label": "Header Title (optional)"
},
{
"id": "description",
"type": "string",
"format": "textarea",
"label": "Description (optional)"
}
]
}
]
}
]
}
Theme Preview

Variables
theme.json
file as per the merchant settings. They are located in the components section's fields.HomeEnhancedSlider
component
object
optional
component
section.slides
array [object {3}]
optional
position
integer
optional
Usage
Modified at 2025-03-04 12:54:02