{
"_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
"name": "divi/gallery",
"d4Shortcode": "et_pb_gallery",
"moduleClassName": "et_pb_gallery",
"moduleOrderClassName": "et_pb_gallery",
"title": "Gallery",
"titles": "Galleries",
"moduleIcon": "divi/module-gallery",
"category": "module",
"childrenName": [],
"videos": [
{
"id": "BRjX-pNHk-s",
"name": "An introduction to the Gallery module"
},
{
"id": "1iqjhnHVA9Y",
"name": "Design Settings and Advanced Module Settings"
},
{
"id": "boNZZ0MYU0E",
"name": "Saving and loading from the library"
}
],
"attributes": {
"module": {
"type": "object",
"selector": "{{selector}}",
"elementType": "element",
"settings": {
"advanced": {
"elements": {
"groupType": "group-item",
"item": {
"groupSlug": "contentElements",
"priority": 20,
"render": true,
"component": {
"type": "group",
"name": "divi/elements",
"props": {
"grouped": false
}
}
}
},
"html": {},
"link": {
"priority": 70,
"component": {
"type": "group",
"name": "divi/link"
}
},
"text": {
"priority": 49,
"component": {
"type": "group",
"name": "divi/text"
}
},
"fullwidth": {
"groupType": "group-item",
"item": {
"groupSlug": "designLayout",
"attrName": "module.advanced.fullwidth",
"label": "Layout",
"description": "Toggle between the various gallery layout types.",
"category": "layout",
"features": {
"responsive": false,
"hover": false,
"sticky": false,
"preset": [
"html"
]
},
"render": true,
"priority": 10,
"component": {
"type": "field",
"name": "divi/select",
"props": {
"options": {
"off": {
"label": "Grid"
},
"on": {
"label": "Slider"
}
}
}
}
}
},
"postsNumber": {
"groupType": "group-item",
"item": {
"groupSlug": "contentMainContent",
"attrName": "module.advanced.postsNumber",
"label": "Image Count",
"description": "Define the number of images that should be displayed per page.",
"category": "configuration",
"features": {
"responsive": false,
"hover": false,
"sticky": false,
"preset": "content"
},
"render": true,
"priority": 20,
"component": {
"type": "field",
"name": "divi/text"
}
}
},
"showTitleAndCaption": {
"groupType": "group-item",
"item": {
"groupSlug": "contentElements",
"attrName": "module.advanced.showTitleAndCaption",
"label": "Show Title and Caption",
"description": "Whether or not to show the title and caption for images (if available).",
"category": "configuration",
"features": {
"sticky": false,
"preset": [
"html"
]
},
"render": true,
"priority": 10,
"component": {
"type": "field",
"name": "divi/toggle"
}
}
},
"auto": {
"groupType": "group-item",
"item": {
"groupSlug": "designAnimation",
"priority": 10,
"render": true,
"label": "Automatic Animation",
"description": "If you would like the slider to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired.",
"features": {
"sticky": false,
"responsive": false,
"hover": false,
"preset": [
"script"
]
},
"component": {
"name": "divi/toggle",
"type": "field"
}
}
},
"autoSpeed": {
"groupType": "group-item",
"item": {
"groupSlug": "designAnimation",
"priority": 10,
"render": true,
"label": "Automatic Animation Speed (in ms)",
"description": "Here you can designate how fast the slider fades between each slide, if 'Automatic Animation' option is enabled above. The higher the number the longer the pause between each rotation.",
"features": {
"sticky": false,
"responsive": false,
"hover": false,
"preset": [
"script"
]
},
"component": {
"name": "divi/text",
"type": "field"
}
}
}
},
"decoration": {
"animation": {
"groupType": "group-item",
"item": {
"groupSlug": "designAnimation",
"priority": 5,
"render": true,
"component": {
"type": "group",
"name": "divi/animation",
"props": {
"grouped": false
}
}
}
},
"attributes": {},
"background": {
"priority": 80,
"component": {
"type": "group",
"name": "divi/background"
}
},
"conditions": {
"priority": 40,
"component": {
"type": "group",
"name": "divi/conditions"
}
},
"disabledOn": {
"priority": 99,
"component": {
"type": "group",
"name": "divi/disabled-on"
}
},
"order": {},
"overflow": {
"priority": 99,
"component": {
"type": "group",
"name": "divi/overflow"
}
},
"position": {
"priority": 190,
"component": {
"type": "group",
"name": "divi/position"
}
},
"scroll": {
"groupType": "group-item",
"item": {
"priority": 210,
"render": true,
"groupSlug": "advancedScrollModule",
"component": {
"name": "divi/scroll",
"type": "group",
"props": {
"grouped": false,
"fields": {
"gridMotion": {
"render": true
}
}
}
}
}
},
"sizing": {
"priority": 80,
"component": {
"type": "group",
"name": "divi/sizing"
}
},
"spacing": {
"priority": 90,
"component": {
"type": "group",
"name": "divi/spacing"
}
},
"sticky": {
"priority": 200,
"component": {
"type": "group",
"name": "divi/sticky"
}
},
"transform": {
"priority": 109,
"component": {
"type": "group",
"name": "divi/transform"
}
},
"transition": {
"priority": 60,
"component": {
"type": "group",
"name": "divi/transition"
}
},
"zIndex": {
"priority": 190,
"component": {
"type": "group",
"name": "divi/z-index"
}
},
"boxShadow": {
"priority": 96,
"component": {
"type": "group",
"name": "divi/box-shadow",
"props": {
"groupLabel": "Box Shadow"
}
}
},
"filters": {
"priority": 100,
"component": {
"type": "group",
"name": "divi/filters"
}
},
"interactions": {}
},
"meta": {
"meta": {}
}
},
"styleProps": {
"background": {
"selector": "{{selector}}.et_pb_gallery"
},
"sizing": {
"propertySelectors": {
"desktop": {
"value": {
"margin-right": "{{selector}}.et_pb_gallery.et_pb_module",
"margin-left": "{{selector}}.et_pb_gallery.et_pb_module"
}
}
},
"important": {
"desktop": {
"value": {
"margin-left": true,
"margin-right": true
}
}
}
},
"spacing": {
"selector": "{{selector}}.et_pb_gallery",
"important": {
"desktop": {
"value": {
"margin": true
}
}
}
},
"filters": {
"selector": "{{selector}}"
}
}
},
"title": {
"type": "object",
"selector": "{{selector}} .et_pb_gallery_title",
"supportsCustomAttributes": true,
"attributes": {
"class": "et_pb_gallery_title"
},
"elementType": "heading",
"settings": {
"decoration": {
"font": {
"priority": 51,
"component": {
"type": "group",
"name": "divi/font",
"props": {
"fields": {
"headingLevel": {
"render": true
}
},
"fieldLabel": "Title",
"groupLabel": "Title Text"
}
}
}
}
},
"styleProps": {
"selector": "{{selector}}.et_pb_gallery .et_pb_gallery_title",
"font": {
"important": {
"font": {
"desktop": {
"value": {
"color": true
}
}
}
}
}
}
},
"caption": {
"type": "object",
"selector": "{{selector}} .et_pb_gallery_caption",
"supportsCustomAttributes": true,
"attributes": {
"class": "et_pb_gallery_caption"
},
"elementType": "element",
"settings": {
"decoration": {
"font": {
"priority": 52,
"component": {
"type": "group",
"name": "divi/font",
"props": {
"fieldLabel": "Caption",
"groupLabel": "Caption Text"
}
}
}
}
},
"styleProps": {
"selector": "{{selector}}.et_pb_gallery .mfp-title, {{selector}}.et_pb_gallery .et_pb_gallery_caption",
"font": {
"important": {
"font": {
"desktop": {
"value": {
"color": true
}
}
}
}
}
}
},
"pagination": {
"type": "object",
"selector": "{{selector}} .et_pb_gallery_pagination",
"supportsCustomAttributes": true,
"elementType": "element",
"settings": {
"advanced": {
"showPagination": {
"groupType": "group-item",
"item": {
"groupSlug": "contentElements",
"attrName": "pagination.advanced.showPagination",
"label": "Show Pagination",
"description": "Whether or not to show pagination for the gallery.",
"category": "configuration",
"features": {
"sticky": false,
"preset": [
"html"
]
},
"render": true,
"priority": 10,
"component": {
"type": "field",
"name": "divi/toggle"
}
}
}
},
"decoration": {
"font": {
"priority": 53,
"component": {
"type": "group",
"name": "divi/font",
"props": {
"fieldLabel": "Pagination",
"groupLabel": "Pagination Text",
"fields": {
"textAlign": {
"component": {
"props": {
"options": {
"left": {
"icon": "divi/text-align-left",
"label": "Left"
},
"center": {
"icon": "divi/text-align-center",
"label": "Center"
},
"right": {
"icon": "divi/text-align-right",
"label": "Right"
}
}
}
}
}
}
}
}
}
}
},
"styleProps": {
"selector": "{{selector}}.et_pb_gallery .et_pb_gallery_pagination a",
"font": {
"propertySelectors": {
"font": {
"desktop": {
"value": {
"text-align": "{{selector}}.et_pb_gallery .et_pb_gallery_pagination ul"
}
}
}
},
"important": {
"font": {
"desktop": {
"value": {
"color": true
}
}
}
}
}
}
},
"item": {
"type": "object",
"selector": "{{selector}} .et_pb_gallery_item",
"elementType": "element",
"settings": {
"decoration": {
"border": {
"groupType": "group-item",
"item": {
"groupSlug": "designItem",
"render": true,
"priority": 95,
"component": {
"type": "group",
"name": "divi/border",
"props": {
"grouped": false,
"groupLabel": "Border"
}
}
}
}
}
},
"styleProps": {
"border": {
"propertySelectors": {
"desktop": {
"value": {
"border-radius": "{{selector}}.et_pb_gallery .et_pb_gallery_item",
"border-style": "{{selector}}.et_pb_gallery .et_pb_gallery_item"
}
}
}
}
}
},
"image": {
"type": "object",
"selector": "{{selector}} .et_pb_gallery_image img",
"supportsCustomAttributes": true,
"elementType": "element",
"settings": {
"advanced": {
"orientation": {
"groupType": "group-item",
"item": {
"groupSlug": "designLayout",
"attrName": "image.advanced.orientation",
"label": "Thumbnail Orientation",
"description": "Choose the orientation of the gallery thumbnails.
Note: If this option appears to have no effect, you might need to regenerate your thumbnails.",
"features": {
"responsive": false,
"hover": false,
"sticky": false,
"preset": [
"html"
]
},
"render": true,
"priority": 10,
"component": {
"type": "field",
"name": "divi/select",
"props": {
"options": {
"landscape": {
"label": "Landscape"
},
"portrait": {
"label": "Portrait"
}
}
}
}
}
},
"galleryIds": {
"groupType": "group-item",
"item": {
"groupSlug": "contentMainContent",
"attrName": "image.advanced.galleryIds",
"label": "Images",
"description": "Choose the images that you would like to appear in the image gallery.",
"category": "basic_option",
"features": {
"responsive": false,
"hover": false,
"sticky": false,
"preset": "content"
},
"render": true,
"priority": 10,
"component": {
"type": "field",
"name": "divi/upload-gallery"
}
}
},
"galleryOrderby": {
"groupType": "group-item",
"item": {
"groupSlug": "contentMainContent",
"attrName": "image.advanced.galleryOrderby",
"label": "Image Order",
"description": "Select an ordering method for the gallery. This controls which gallery items appear first in the list.",
"features": {
"responsive": false,
"hover": false,
"sticky": false,
"preset": "content"
},
"render": true,
"priority": 10,
"component": {
"type": "field",
"name": "divi/select",
"props": {
"options": {
"default": {
"label": "Default"
},
"rand": {
"label": "Random"
}
}
}
}
}
}
},
"decoration": {
"border": {
"groupType": "group-item",
"item": {
"groupSlug": "designImage",
"render": true,
"priority": 10,
"component": {
"type": "group",
"name": "divi/border",
"props": {
"grouped": true,
"fieldLabel": "Image"
}
}
}
},
"boxShadow": {
"groupType": "group-item",
"item": {
"groupSlug": "designImage",
"render": true,
"priority": 10,
"component": {
"type": "group",
"name": "divi/box-shadow",
"props": {
"grouped": true,
"fieldLabel": "Image "
}
}
}
},
"filters": {
"groupType": "group-item",
"item": {
"groupSlug": "designImage",
"render": true,
"priority": 10,
"component": {
"type": "group",
"name": "divi/filters",
"props": {
"grouped": true,
"fieldLabel": "Image "
}
}
}
}
}
},
"styleProps": {
"border": {
"propertySelectors": {
"desktop": {
"value": {
"border-radius": "{{selector}}.et_pb_gallery .et_pb_gallery_image",
"border-style": "{{selector}}.et_pb_gallery .et_pb_gallery_image"
}
}
}
},
"boxShadow": {
"selector": "{{selector}} .et_pb_gallery_image",
"useOverlay": true
},
"filters": {
"selector": "{{selector}} .et_pb_gallery_image img"
}
},
"styleComponentsProps": {
"background": false,
"boxShadow": {
"settings": {
"overlay": true
}
}
}
},
"overlay": {
"type": "object",
"selector": "",
"elementType": "element",
"settings": {
"innerContent": {
"groupType": "group-items",
"items": {
"icon": {
"groupSlug": "designOverlay",
"attrName": "overlay.innerContent",
"subName": "icon",
"label": "Overlay Icon",
"description": "Here you can define a custom icon for the overlay",
"category": "configuration",
"features": {
"hover": false
},
"render": true,
"priority": 30,
"component": {
"type": "field",
"name": "divi/icon-picker"
}
}
}
},
"advanced": {
"zoomIconColor": {
"groupType": "group-item",
"item": {
"groupSlug": "designOverlay",
"attrName": "overlay.advanced.zoomIconColor",
"label": "Overlay Icon Color",
"description": "Here you can define a custom color for the zoom icon.",
"features": {
"hover": false,
"dynamicContent": {
"type": "color"
}
},
"render": true,
"priority": 10,
"component": {
"type": "field",
"name": "divi/color-picker"
}
}
},
"hoverOverlayColor": {
"groupType": "group-item",
"item": {
"groupSlug": "designOverlay",
"attrName": "overlay.advanced.hoverOverlayColor",
"label": "Overlay Background Color",
"description": "Here you can define a custom color for the overlay",
"features": {
"hover": false,
"dynamicContent": {
"type": "color"
}
},
"render": true,
"priority": 20,
"component": {
"type": "field",
"name": "divi/color-picker"
}
}
}
}
}
},
"galleryGrid": {
"type": "object",
"selector": "{{selector}} .et_pb_gallery_items",
"elementType": "element",
"settings": {
"decoration": {
"layout": {
"groupType": "group-item",
"item": {
"groupSlug": "designLayout",
"priority": 10,
"render": true,
"component": {
"type": "group",
"name": "divi/layout",
"props": {
"grouped": false,
"defaultGroupAttr": {
"desktop": {
"value": {
"display": "grid",
"gridColumnCount": "4"
}
}
},
"fields": {
"gridColumnCount": {
"baseFieldDefault": "4"
}
}
}
}
}
}
}
}
}
},
"customCssFields": {
"galleryItem": {
"label": "Gallery Item",
"subName": "galleryItem",
"selectorSuffix": " .et_pb_gallery_item"
},
"overlay": {
"label": "Overlay",
"subName": "overlay",
"selectorSuffix": " .et_overlay"
},
"overlayIcon": {
"label": "Overlay Icon",
"subName": "overlayIcon",
"selectorSuffix": " .et_overlay:before"
},
"galleryItemTitle": {
"label": "Gallery Item Title",
"subName": "galleryItemTitle",
"selectorSuffix": " .et_pb_gallery_title"
},
"galleryItemCaption": {
"label": "Gallery Item Caption",
"subName": "galleryItemCaption",
"selectorSuffix": " .et_pb_gallery_caption"
},
"galleryPagination": {
"label": "Gallery Pagination",
"subName": "galleryPagination",
"selectorSuffix": " .et_pb_gallery_pagination"
},
"galleryPaginationActive": {
"label": "Pagination Active Page",
"subName": "galleryPaginationActive",
"selectorSuffix": " .et_pb_gallery_pagination a.active"
}
},
"settings": {
"content": "auto",
"advanced": "auto",
"groups": {
"contentMainContent": {
"panel": "content",
"groupName": "main_content",
"priority": 10,
"multiElements": true,
"component": {
"name": "divi/composite",
"props": {
"groupLabel": "Images"
}
}
},
"contentElements": {
"panel": "content",
"groupName": "contentElements",
"priority": 10,
"multiElements": true,
"component": {
"name": "divi/composite",
"props": {
"groupLabel": "Elements",
"preset": "content"
}
}
},
"designLayout": {
"panel": "design",
"groupName": "layout",
"priority": 10,
"multiElements": true,
"component": {
"name": "divi/composite",
"props": {
"groupLabel": "Layout",
"clipboardCategory": "style",
"presetGroup": "divi/layout"
}
}
},
"designOverlay": {
"panel": "design",
"groupName": "overlay",
"priority": 10,
"multiElements": true,
"component": {
"name": "divi/composite",
"props": {
"groupLabel": "Overlay",
"clipboardCategory": "style"
}
}
},
"designItem": {
"panel": "design",
"groupName": "item",
"priority": 95,
"multiElements": true,
"component": {
"name": "divi/composite",
"props": {
"groupLabel": "Border",
"clipboardCategory": "style",
"presetGroup": "divi/border"
}
}
},
"designImage": {
"panel": "design",
"groupName": "image",
"priority": 10,
"multiElements": true,
"component": {
"name": "divi/composite",
"props": {
"groupLabel": "Image",
"clipboardCategory": "style"
}
}
},
"designAnimation": {
"panel": "design",
"priority": 120,
"groupName": "animation",
"multiElements": true,
"component": {
"name": "divi/composite",
"props": {
"groupLabel": "Animation",
"clipboardCategory": "style",
"presetGroup": "divi/animation"
}
}
}
}
}
}