Enhanced Square Banners
Example

Settings
{
"version": ...,
"theme_name": ...,
"repo_url": ...,
"support_url": ...,
...
"components": [
{
"name": "enhanced-square-banners",
"title": "Square images (enhanced)",
"icon": "sicon-image",
"path": "home.enhanced-square-images",
"fields": [
{
"id": "banners",
"type": "collection",
"format": "collection",
"required": true,
"minLength": 1,
"maxLength": 5,
"label": "Images List",
"fields": [
{
"id": "image",
"type": "string",
"format": "image",
"required": true
},
{
"id": "url",
"type": "string",
"format": "url",
"label": "Link",
"placeholder": "Enter the link here...",
"inputType": "url",
"required": true
},
{
"id": "title",
"type": "string",
"label": "Main Header (optional)"
},
{
"id": "description",
"type": "string",
"format": "textarea",
"label": "Description text (optional)"
}
]
}
]
}
]
}
Theme Preview

Variables
HomeEnhancedSquareBanners
component
object
optional
component
section.banners
array [object {4}]
optional
position
integer
optional
Usage
banner.image
and banner.url
.
Modified at 2025-03-04 12:54:02