{ "name": "divitorque/info-card", "d4Shortcode": "ba_card", "moduleClassName": "dtq_card", "moduleOrderClassName": "dtq_card", "title": "Image Card", "titles": "Image Cards", "moduleIcon": "divitorque/info-card", "category": "module", "attributes": { "module": { "type": "object", "selector": "{{selector}}", "default": { "advanced": { "useIcon": { "desktop": { "value": "off" } }, "icon": { "desktop": { "value": { "unicode": "+", "type": "divi", "weight": "400" } } }, "useLightbox": { "desktop": { "value": "off" } }, "useBadge": { "desktop": { "value": "off" } }, "useButton": { "desktop": { "value": "off" } }, "buttonUrl": { "desktop": { "value": "" } }, "buttonNewWindow": { "desktop": { "value": "off" } }, "imagePosition": { "desktop": { "value": "top" } }, "iconColor": { "desktop": { "value": "#333" } }, "iconSize": { "desktop": { "value": "45px" } }, "imageHoverAnimation": { "desktop": { "value": "none" } }, "imageOverflow": { "desktop": { "value": "hidden" } }, "customHeight": { "desktop": { "value": "on" } }, "imageHeight": { "desktop": { "value": "300px" } }, "imageWidth": { "desktop": { "value": "auto" } }, "imagePadding": { "desktop": { "value": "0px|0px|0px|0px" } }, "iconPadding": { "desktop": { "value": "25px|25px|25px|25px" } }, "btnSpacingTop": { "desktop": { "value": "10px" } }, "titleBottomSpacing": { "desktop": { "value": "10px" } }, "contentOverflow": { "desktop": { "value": "visible" } }, "contentAlignment": { "desktop": { "value": "left" } }, "contentPadding": { "desktop": { "value": "25px|25px|25px|25px" } }, "iconBgColor": { "desktop": { "value": "" } }, "overlayOnHover": { "desktop": { "value": "on" } }, "overlayHoverSpeed": { "desktop": { "value": "500ms" } }, "overlayIcon": { "desktop": { "value": "" } }, "overlayIconColor": { "desktop": { "value": "#2EA3F2" } }, "overlayIconSize": { "desktop": { "value": "32px" } }, "overlayIconOpacity": { "desktop": { "value": "1" } }, "overlayColor": { "desktop": { "value": "#2EA3F2" } }, "badgePosition": { "desktop": { "value": "right_top" } }, "badgeIsCenterX": { "desktop": { "value": "off" } }, "badgeIsCenterY": { "desktop": { "value": "off" } }, "badgeOffsetX": { "desktop": { "value": "15px" } }, "badgeOffsetY": { "desktop": { "value": "15px" } }, "badgePadding": { "desktop": { "value": "5px|15px|5px|15px" } }, "badgeBgColor": { "desktop": { "value": "#ffffff" } } } }, "settings": { "meta": { "adminLabel": {} }, "advanced": { "htmlAttributes": {}, "useIcon": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "module.advanced.useIcon", "label": "Use Icon", "description": "Here you can choose whether icon set below should be used.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "icon": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "module.advanced.icon", "label": "Select Icon", "description": "Choose an icon to display with your card.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/icon-picker" } } }, "useLightbox": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "module.advanced.useLightbox", "label": "Open Photo in Lightbox", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "useBadge": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "module.advanced.useBadge", "label": "Use Badge", "description": "Here you can choose whether badge should be used.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "useButton": { "groupType": "group-item", "item": { "groupSlug": "contentButton", "attrName": "module.advanced.useButton", "label": "Use Button", "description": "Here you can choose whether button should be used.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "buttonUrl": { "groupType": "group-item", "item": { "groupSlug": "contentButton", "attrName": "module.advanced.buttonUrl", "label": "Button Link", "description": "Define the button link url for your button.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true }, "component": { "type": "field", "name": "divi/text" } } }, "buttonNewWindow": { "groupType": "group-item", "item": { "groupSlug": "contentButton", "attrName": "module.advanced.buttonNewWindow", "label": "Open Button link in new window", "description": "Here you can choose whether button URL should be opened in new window.", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "imagePosition": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.imagePosition", "label": "Image/Icon Position", "description": "Select Image or icon placement.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "top": { "label": "Top" }, "left": { "label": "Left" }, "right": { "label": "Right" } } } } } }, "iconColor": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.iconColor", "label": "Icon Color", "description": "Here you can define a custom color for your icon.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "iconSize": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.iconSize", "label": "Icon Size", "description": "Control the size of the icon by increasing or decreasing the range.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 400, "step": 1, "defaultUnit": "px" } } } }, "imageHoverAnimation": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.imageHoverAnimation", "label": "Image Hover Animation", "description": "Select image mouse hover animation.", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "none": { "label": "None" }, "zoom-in": { "label": "Zoom In" }, "zoom-out": { "label": "Zoom Out" }, "pulse": { "label": "Pulse" }, "bounce": { "label": "Bounce" }, "flash": { "label": "Flash" }, "rubberBand": { "label": "Rubber Band" }, "shake": { "label": "Shake" }, "swing": { "label": "Swing" }, "tada": { "label": "Tada" }, "wobble": { "label": "Wobble" }, "jello": { "label": "Jello" }, "heartBeat": { "label": "Heart Beat" }, "bounceIn": { "label": "Bounce In" }, "fadeIn": { "label": "Fade In" }, "flip": { "label": "Flip" }, "rotateIn": { "label": "Rotate In" }, "slideInUp": { "label": "Slide In Up" }, "slideInDown": { "label": "Slide In Down" } } } } } }, "imageOverflow": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.imageOverflow", "label": "Image Overflow", "description": "Here you can control image overflow on the X and Y axis. If set to hidden, image will be clipped.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "hidden": { "label": "Hidden" }, "visible": { "label": "Visible" } } } } } }, "customHeight": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.customHeight", "label": "Custom Image Height", "description": "Here you can choose whether custom image height should be used.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "imageHeight": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.imageHeight", "label": "Image Height", "description": "This sets a static height value for your card image.", "priority": 70, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 1000, "step": 1, "defaultUnit": "px" } } } }, "imageWidth": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.imageWidth", "label": "Image Width", "description": "This sets a static width value for your card image.", "priority": 80, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 1000, "step": 1, "defaultUnit": "px" } } } }, "imagePadding": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.imagePadding", "label": "Image Padding", "description": "Padding adds extra space to the inside of the element.", "priority": 90, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/spacing" } } }, "iconPadding": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.iconPadding", "label": "Icon Padding", "description": "Padding adds extra space to the inside of the element.", "priority": 100, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/spacing" } } }, "contentOverflow": { "groupType": "group-item", "item": { "groupSlug": "designCard", "attrName": "module.advanced.contentOverflow", "label": "Content Overflow", "description": "Here you can control card content overflow on the X and Y axis.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "hidden": { "label": "Hidden" }, "visible": { "label": "Visible" } } } } } }, "contentAlignment": { "groupType": "group-item", "item": { "groupSlug": "designCard", "attrName": "module.advanced.contentAlignment", "label": "Alignment", "description": "Align content to the left, right or center.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "left": { "label": "Left" }, "center": { "label": "Center" }, "right": { "label": "Right" } } } } } }, "contentPadding": { "groupType": "group-item", "item": { "groupSlug": "designCard", "attrName": "module.advanced.contentPadding", "label": "Content Padding", "priority": 30, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/spacing" } } }, "btnSpacingTop": { "groupType": "group-item", "item": { "groupSlug": "designButton", "attrName": "module.advanced.btnSpacingTop", "label": "Spacing Top", "description": "Here you can define a custom spacing at the top of the button.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 500, "step": 1, "defaultUnit": "px" } } } }, "iconBgColor": { "groupType": "group-item", "item": { "groupSlug": "designImageIcon", "attrName": "module.advanced.iconBgColor", "label": "Icon Background Color", "description": "Here you can define a custom background color for your icon.", "priority": 110, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "overlayOnHover": { "groupType": "group-item", "item": { "groupSlug": "designOverlay", "attrName": "module.advanced.overlayOnHover", "label": "Overlay", "description": "Enable overlay on hover.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "overlayHoverSpeed": { "groupType": "group-item", "item": { "groupSlug": "designOverlay", "attrName": "module.advanced.overlayHoverSpeed", "label": "Speed", "description": "Set how long it will take for the overlay to be visible.", "priority": 15, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 5000, "step": 50, "defaultUnit": "ms", "allowedUnits": [ "ms" ] } } } }, "overlayIcon": { "groupType": "group-item", "item": { "groupSlug": "designOverlay", "attrName": "module.advanced.overlayIcon", "label": "Overlay Icon", "description": "Select icon for the overlay.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/icon-picker" } } }, "overlayIconColor": { "groupType": "group-item", "item": { "groupSlug": "designOverlay", "attrName": "module.advanced.overlayIconColor", "label": "Overlay Icon Color", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "overlayIconSize": { "groupType": "group-item", "item": { "groupSlug": "designOverlay", "attrName": "module.advanced.overlayIconSize", "label": "Overlay Icon Size", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 200, "step": 1, "defaultUnit": "px" } } } }, "overlayIconOpacity": { "groupType": "group-item", "item": { "groupSlug": "designOverlay", "attrName": "module.advanced.overlayIconOpacity", "label": "Overlay Icon Opacity", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 1, "step": 0.02 } } } }, "overlayColor": { "groupType": "group-item", "item": { "groupSlug": "designOverlay", "attrName": "module.advanced.overlayColor", "label": "Overlay Color", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "badgePosition": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "attrName": "module.advanced.badgePosition", "label": "Badge Position", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "right_top": { "label": "Right Top" }, "right_bottom": { "label": "Right Bottom" }, "left_top": { "label": "Left Top" }, "left_bottom": { "label": "Left Bottom" } } } } } }, "badgeIsCenterX": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "attrName": "module.advanced.badgeIsCenterX", "label": "Use Horizontal Position Center", "description": "If enabled the badge will be in horizontally center position.", "priority": 12, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "badgeIsCenterY": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "attrName": "module.advanced.badgeIsCenterY", "label": "Use Vertical Position Center", "description": "If enabled the badge will be in vertically center position.", "priority": 14, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "badgeOffsetX": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "attrName": "module.advanced.badgeOffsetX", "label": "Badge Offset X", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 500, "step": 1, "defaultUnit": "px" } } } }, "badgeOffsetY": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "attrName": "module.advanced.badgeOffsetY", "label": "Badge Offset Y", "priority": 30, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 500, "step": 1, "defaultUnit": "px" } } } }, "badgePadding": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "attrName": "module.advanced.badgePadding", "label": "Badge Padding", "priority": 40, "render": true, "features": { "sticky": false, "responsive": true, "hover": false }, "component": { "type": "field", "name": "divi/spacing" } } }, "badgeBgColor": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "attrName": "module.advanced.badgeBgColor", "label": "Badge Background Color", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } } }, "decoration": { "animation": {}, "layout": {}, "background": {}, "border": {}, "boxShadow": {}, "filters": {}, "overflow": {}, "position": {}, "scroll": {}, "spacing": {}, "sizing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {}, "disabledOn": {} } }, "styleProps": { "background": { "selector": "{{selector}} .dtq-card", "selectors": { "desktop": { "value": "{{selector}} .dtq-card", "hover": "{{selector}} .dtq-card:hover" } } }, "border": { "selector": "{{selector}} .dtq-card", "selectors": { "desktop": { "value": "{{selector}} .dtq-card", "hover": "{{selector}} .dtq-card:hover" } } }, "boxShadow": { "selector": "{{selector}} .dtq-card", "selectors": { "desktop": { "value": "{{selector}} .dtq-card", "hover": "{{selector}} .dtq-card:hover" } } }, "spacing": { "selector": "{{selector}} .dtq-card", "important": true }, "sizing": { "selector": "{{selector}} .dtq-card", "important": true } } }, "photo": { "type": "object", "selector": "{{selector}} .dtq-card-figure img", "default": { "decoration": { "border": { "desktop": { "value": { "radius": { "topLeft": "0px", "topRight": "0px", "bottomLeft": "0px", "bottomRight": "0px" }, "styles": { "all": { "width": "0px", "color": "#333", "style": "solid" } } } } } } }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "photo.innerContent", "label": "Upload Card Image", "description": "Upload an image to display for the card.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/upload" } } }, "advanced": { "alt": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "photo.advanced.alt", "label": "Image Alt Text", "description": "Here you can define the HTML ALT text for your image.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/text" } } } }, "decoration": { "border": { "groupType": "group-item", "item": { "groupSlug": "designImageIconBorder", "priority": 10, "render": true, "component": { "name": "divi/border", "type": "group", "props": { "grouped": false } } } } } } }, "badge": { "type": "object", "selector": "{{selector}} .dtq-card-badge", "elementType": "richText", "tagName": "div", "inlineEditor": "richText", "attributes": { "class": "dtq-card-badge" }, "default": { "innerContent": { "desktop": { "value": "Badge" } }, "decoration": { "font": { "font": { "desktop": { "value": { "size": "13px" } } } }, "border": { "desktop": { "value": { "radius": { "topLeft": "0px", "topRight": "0px", "bottomLeft": "0px", "bottomRight": "0px" }, "styles": { "all": { "width": "0", "color": "#333", "style": "solid" } } } } } } }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "badge.innerContent", "label": "Badge Text", "description": "Define the badge text for your card.", "priority": 70, "render": true, "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true }, "component": { "type": "field", "name": "divi/text" } } }, "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designBadgeFont", "priority": 10, "render": true, "component": { "name": "divi/font", "type": "group", "props": { "grouped": false, "fieldLabel": "Badge" } } } }, "border": { "groupType": "group-item", "item": { "groupSlug": "designBadge", "priority": 60, "render": true, "component": { "name": "divi/border", "type": "group", "props": { "grouped": false } } } } } } }, "title": { "type": "object", "selector": "{{selector}} .dtq-card-title", "elementType": "heading", "tagName": "h3", "inlineEditor": "plainText", "attributes": { "class": "dtq-card-title" }, "childrenSanitizer": "et_core_esc_previously", "default": { "decoration": { "font": { "font": { "desktop": { "value": { "headingLevel": "h3", "size": "22px" } } } } } }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "title.innerContent", "label": "Title Text", "description": "Define the title text for your card.", "priority": 80, "render": true, "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true }, "component": { "type": "field", "name": "divi/text" } } }, "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designTitle", "priority": 10, "render": true, "component": { "name": "divi/font", "type": "group", "props": { "grouped": false, "fieldLabel": "Title", "fields": { "headingLevel": { "render": true } } } } } } } } }, "description": { "type": "object", "selector": "{{selector}} .dtq-card-desc", "elementType": "richText", "tagName": "div", "inlineEditor": "richText", "attributes": { "class": "dtq-card-desc" }, "childrenSanitizer": "et_core_esc_previously", "default": { "decoration": { "bodyFont": { "body": { "font": { "desktop": { "value": { "size": "14px" } } } } } } }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentMain", "attrName": "description.innerContent", "label": "Description", "description": "Input the description text for your card module.", "priority": 90, "render": true, "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true }, "component": { "type": "field", "name": "divi/richtext" } } }, "decoration": { "bodyFont": { "groupType": "group-item", "item": { "groupSlug": "designDescription", "priority": 10, "render": true, "component": { "name": "divi/font-body", "type": "group", "props": { "fieldLabel": "Description" } } } } } } }, "button": { "type": "object", "selector": "{{selector}} .dtq-btn-card", "elementType": "button", "tagName": "a", "attributes": { "class": "dtq-btn-default dtq-btn-card" }, "default": { "innerContent": { "desktop": { "value": { "text": "Click Here" } } } }, "settings": { "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentButton", "attrName": "button.innerContent", "label": "Button Text", "description": "Define the button text for your button.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": true }, "component": { "type": "field", "name": "divi/text" } } }, "decoration": { "button": { "groupType": "group-item", "item": { "groupSlug": "designButton", "attrName": "button.decoration.button", "priority": 20, "render": true, "component": { "name": "divi/button", "type": "group" } } } } } } }, "customCssFields": { "icon": { "subName": "icon", "selectorSuffix": " .dtq-card-icon i" }, "image": { "subName": "image", "selectorSuffix": " .dtq-card-figure img" }, "badge": { "subName": "badge", "selectorSuffix": " .dtq-card .dtq-card-badge" }, "title": { "subName": "title", "selectorSuffix": " .dtq-card .dtq-card-title" }, "desc": { "subName": "desc", "selectorSuffix": " .dtq-card .dtq-card-desc" }, "button": { "subName": "button", "selectorSuffix": " .dtq-card .dtq-btn-card" } }, "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "contentMain": { "panel": "content", "priority": 10, "groupName": "mainContent", "component": { "name": "divi/composite", "props": { "groupLabel": "Content" } } }, "contentButton": { "panel": "content", "priority": 20, "groupName": "button", "component": { "name": "divi/composite", "props": { "groupLabel": "Button" } } }, "designCard": { "panel": "design", "priority": 10, "groupName": "card", "component": { "name": "divi/composite", "props": { "groupLabel": "Card" } } }, "designImageIcon": { "panel": "design", "priority": 20, "groupName": "imageIcon", "component": { "name": "divi/composite", "props": { "groupLabel": "Image/Icon" } } }, "designImageIconBorder": { "panel": "design", "priority": 25, "groupName": "imageIconBorder", "component": { "name": "divi/composite", "props": { "groupLabel": "Image/Icon Border" } } }, "designOverlay": { "panel": "design", "priority": 30, "groupName": "overlay", "component": { "name": "divi/composite", "props": { "groupLabel": "Overlay" } } }, "designBadge": { "panel": "design", "priority": 40, "groupName": "badge", "component": { "name": "divi/composite", "props": { "groupLabel": "Badge" } } }, "designBadgeFont": { "panel": "design", "priority": 45, "groupName": "badgeFont", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Badge Text", "clipboardCategory": "style", "presetGroup": "divi/font" } } }, "designTitle": { "panel": "design", "priority": 50, "groupName": "title", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Title", "clipboardCategory": "style", "presetGroup": "divi/font" } } }, "designDescription": { "panel": "design", "priority": 60, "groupName": "description", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Description", "clipboardCategory": "style", "presetGroup": "divi/font-body" } } }, "designButton": { "panel": "design", "priority": 70, "groupName": "button", "component": { "name": "divi/composite", "props": { "groupLabel": "Button" } } } } } }