{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "kadence/image",
"title": "Advanced Image",
"category": "kadence-blocks",
"usesContext": [
"postId",
"queryId",
"allowResize",
"imageCrop",
"kadence/dynamicSource",
"kadence/repeaterRowData",
"kadence/repeaterRow",
"kadence/headerPostId",
"kadence/headerIsSticky",
"kadence/headerIsTransparent"
],
"description": "Image block with greater controls and advanced features",
"keywords": [
"img",
"image",
"photo",
"kb"
],
"textdomain": "kadence-blocks",
"attributes": {
"align": {
"type": "string"
},
"url": {
"type": "string",
"source": "attribute",
"selector": "img",
"attribute": "src",
"__experimentalRole": "content"
},
"alt": {
"type": "string",
"source": "attribute",
"selector": "img",
"attribute": "alt",
"default": "",
"__experimentalRole": "content"
},
"caption": {
"type": "string",
"source": "html",
"selector": "figcaption",
"__experimentalRole": "content"
},
"title": {
"type": "string",
"source": "attribute",
"selector": "img",
"attribute": "title",
"__experimentalRole": "content"
},
"id": {
"type": "number",
"__experimentalRole": "content"
},
"width": {
"type": "number"
},
"height": {
"type": "number"
},
"imgMaxWidth": {
"type": "number"
},
"imgMaxWidthTablet": {
"type": "number"
},
"imgMaxWidthMobile": {
"type": "number"
},
"sizeSlug": {
"type": "string"
},
"ratio": {
"type": "string"
},
"useRatio": {
"type": "boolean",
"default": false
},
"link": {
"type": "string",
"__experimentalRole": "content"
},
"linkTarget": {
"type": "boolean",
"default": false
},
"linkNoFollow": {
"type": "boolean",
"default": false
},
"linkSponsored": {
"type": "boolean",
"default": false
},
"linkDestination": {
"type": "string"
},
"linkTitle": {
"type": "string"
},
"linkClass": {
"type": "string",
"source": "attribute",
"selector": "figure > a",
"attribute": "class"
},
"uniqueID": {
"type": "string"
},
"marginDesktop": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"marginTablet": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"marginMobile": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"marginUnit": {
"type": "string",
"default": "px"
},
"paddingDesktop": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"paddingTablet": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"paddingMobile": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"paddingUnit": {
"type": "string",
"default": "px"
},
"borderColor": {
"type": "string",
"default": ""
},
"backgroundColor": {
"type": "string",
"default": ""
},
"borderRadius": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"tabletBorderRadius": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"mobileBorderRadius": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"borderRadiusUnit": {
"type": "string",
"default": "px"
},
"borderWidthUnit": {
"type": "string",
"default": "px"
},
"borderWidthDesktop": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"borderWidthTablet": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"borderWidthMobile": {
"type": "array",
"default": [
"",
"",
"",
""
]
},
"displayBoxShadow": {
"type": "boolean",
"default": false
},
"boxShadow": {
"type": "array",
"default": [
{
"color": "#000000",
"opacity": 0.2,
"spread": 0,
"blur": 14,
"hOffset": 0,
"vOffset": 0,
"inset": false
}
]
},
"displayDropShadow": {
"type": "boolean",
"default": false
},
"dropShadow": {
"type": "array",
"default": [
{
"color": "#000000",
"opacity": 0.2,
"blur": 14,
"hOffset": 0,
"vOffset": 0
}
]
},
"imageFilter": {
"type": "string",
"default": "none"
},
"showCaption": {
"type": "boolean",
"default": true
},
"captionStyles": {
"type": "array",
"default": [
{
"size": [
"",
"",
""
],
"sizeType": "px",
"lineHeight": [
"",
"",
""
],
"lineType": "px",
"letterSpacing": [
"",
"",
""
],
"textTransform": "",
"family": "",
"google": false,
"style": "",
"weight": "",
"variant": "",
"subset": "",
"loadGoogle": true,
"color": "",
"background": ""
}
]
},
"maskSvg": {
"type": "string",
"default": "none"
},
"maskUrl": {
"type": "string"
},
"maskSize": {
"type": "string",
"default": "auto"
},
"maskPosition": {
"type": "string",
"default": "center center"
},
"maskRepeat": {
"type": "string",
"default": "no-repeat"
},
"zIndex": {
"type": "number"
},
"inQueryBlock": {
"type": "boolean",
"default": false
},
"preventLazyLoad": {
"type": "boolean",
"default": false
},
"globalAlt": {
"type": "boolean",
"default": false
},
"borderStyle": {
"type": "array",
"default": [
{
"top": [
"",
"",
""
],
"right": [
"",
"",
""
],
"bottom": [
"",
"",
""
],
"left": [
"",
"",
""
],
"unit": "px"
}
]
},
"tabletBorderStyle": {
"type": "array",
"default": [
{
"top": [
"",
"",
""
],
"right": [
"",
"",
""
],
"bottom": [
"",
"",
""
],
"left": [
"",
"",
""
],
"unit": "px"
}
]
},
"mobileBorderStyle": {
"type": "array",
"default": [
{
"top": [
"",
"",
""
],
"right": [
"",
"",
""
],
"bottom": [
"",
"",
""
],
"left": [
"",
"",
""
],
"unit": "px"
}
]
},
"overlayOpacity": {
"type": "number",
"default": 0.3
},
"overlay": {
"type": "string",
"default": ""
},
"overlayType": {
"type": "string",
"default": "normal"
},
"overlayGradient": {
"type": "string",
"default": ""
},
"overlayBlendMode": {
"type": "string"
},
"urlSticky": {
"type": "string"
},
"altSticky": {
"type": "string"
},
"titleSticky": {
"type": "string"
},
"idSticky": {
"type": "number"
},
"widthSticky": {
"type": "number"
},
"heightSticky": {
"type": "number"
},
"sizeSlugSticky": {
"type": "string"
},
"urlTransparent": {
"type": "string"
},
"altTransparent": {
"type": "string"
},
"titleTransparent": {
"type": "string"
},
"idTransparent": {
"type": "number"
},
"widthTransparent": {
"type": "number"
},
"heightTransparent": {
"type": "number"
},
"sizeSlugTransparent": {
"type": "string"
},
"imagePosition": {
"type": "string",
"default": ""
},
"tooltip": {
"type": "string",
"source": "html",
"selector": ".kb-tooltip-hidden-content",
"__experimentalRole": "content"
},
"tooltipPlacement": {
"type": "string",
"default": ""
},
"tooltipDash": {
"type": "boolean",
"default": false
}
},
"supports": {
"anchor": true,
"ktanimate": true,
"ktanimateadd": true,
"ktanimatepreview": true,
"ktdynamic": true,
"kbMetadata": true
}
}