[
'name' => 'divi/accordion',
'd4Shortcode' => 'et_pb_accordion',
'title' => 'Accordion',
'titles' => 'Accordions',
'moduleIcon' => 'divi/module-accordion',
'childModuleName' => 'divi/accordion-item',
'childModuleTitle' => 'Accordion Item',
'category' => 'module',
'childrenName' => ['divi/accordion-item'],
'allowAllElements' => true,
'videos' => [
[
'id' => 'k8-bjvI850I',
'name' => 'An introduction to the Accordion 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}}',
'styleProps' => [
'border' => [
'selector' =>
'{{selector}}.et_pb_accordion .et_pb_accordion_item'
],
'boxShadow' => [
'selector' => '{{selector}} .et_pb_toggle'
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selector}}.et_pb_accordion .et_pb_toggle_content'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'priority' => 15,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => true
],
'orientation' => [
'render' => true
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false,
'defaultGroupAttr' => [
'desktop' => [
'value' => [
'flexDirection' => 'column',
'columnGap' => '30px',
'rowGap' => '30px'
]
]
]
]
]
]
],
'border' => [],
'boxShadow' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'type' => 'group',
'name' => 'divi/scroll',
'props' => [
'grouped' => false,
'fields' => [
'gridMotion' => [
'render' => true
]
]
]
]
]
],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} h1.et_pb_toggle_title, {{selector}} h2.et_pb_toggle_title, {{selector}} h3.et_pb_toggle_title, {{selector}} h4.et_pb_toggle_title, {{selector}} h5.et_pb_toggle_title, {{selector}} h6.et_pb_toggle_title',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'color' => [
'render' => true,
'priority' => 5
],
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'closedToggleIcon' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_toggle_close',
'styleProps' => [
'icon' => [
'selector' => '{{selector}} .et_pb_toggle_title:before',
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'contentIcon' => [
'groupSlug' => 'contentToggleIcon',
'attrName' =>
'closedToggleIcon.decoration.icon',
'priority' => 10,
'render' => true,
'category' => 'basic_option',
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'groupLabel' => 'Toggle Icon',
'fields' => [
'icon' => [
'render' => true
],
'color' => [
'render' => false
],
'useSize' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
],
'designIcon' => [
'groupSlug' => 'designToggleIcon',
'attrName' =>
'closedToggleIcon.decoration.icon',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'fieldLabel' => 'Icon',
'fields' => [
'icon' => [
'render' => false
],
'color' => [
'render' => true
],
'useSize' => [
'render' => true
],
'size' => [
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' =>
'icon-font-size',
'defaultUnit' =>
'px',
'min' => 1,
'minLimit' => 1,
'max' => 120
]
]
]
]
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_accordion .et_pb_toggle_content',
'settings' => [
'decoration' => [
'bodyFont' => [
'priority' => 30,
'component' => [
'props' => [
'groups' => [
'body' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
]
]
]
]
]
]
]
],
'openToggle' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_toggle_open',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title'
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designToggle',
'attrName' =>
'openToggle.decoration.background',
'subName' => 'color',
'label' => 'Open Toggle Background Color',
'description' =>
'You can pick unique background colors for toggles when they are in their open and closed states. Choose the open state background color here.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'attrName' => 'openToggle.decoration.font.font',
'subName' => 'color',
'label' => 'Open Title Text Color',
'description' =>
'You can pick unique text colors for toggle titles when they are open and closed. Choose the open state title color here.',
'priority' => 5,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'closedToggle' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_toggle_close',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .et_pb_toggle_close h1.et_pb_toggle_title,{{selector}} .et_pb_toggle_close h2.et_pb_toggle_title,{{selector}} .et_pb_toggle_close h3.et_pb_toggle_title,{{selector}} .et_pb_toggle_close h4.et_pb_toggle_title,{{selector}} .et_pb_toggle_close h5.et_pb_toggle_title,{{selector}} .et_pb_toggle_close h6.et_pb_toggle_title'
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designToggle',
'attrName' =>
'closedToggle.decoration.background',
'subName' => 'color',
'label' => 'Closed Toggle Background Color',
'description' =>
'You can pick unique background colors for toggles when they are in their open and closed states. Choose the closed state background color here.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designClosedTitleText',
'attrName' => 'closedToggle.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Closed Title Text',
'fieldLabel' => 'Closed Title',
'fields' => [
'color' => [
'priority' => 5,
'render' => true
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'toggle' => [
'label' => 'Toggle',
'subName' => 'toggle',
'selectorSuffix' => ' .et_pb_toggle'
],
'openToggle' => [
'label' => 'Open Toggle',
'subName' => 'openToggle',
'selectorSuffix' => ' .et_pb_toggle_open'
],
'toggleTitle' => [
'label' => 'Toggle Title',
'subName' => 'toggleTitle',
'selectorSuffix' => ' .et_pb_toggle_title'
],
'toggleIcon' => [
'label' => 'Toggle Icon',
'subName' => 'toggleIcon',
'selectorSuffix' => ' .et_pb_toggle_title:before'
],
'toggleContent' => [
'label' => 'Toggle Content',
'subName' => 'toggleContent',
'selectorSuffix' => ' .et_pb_toggle_content'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentToggleIcon' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentToggleIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Toggle Icon'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designToggleIcon' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designToggleIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'designToggle' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designToggle',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Toggle'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designClosedTitleText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designClosedTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Closed Title Text',
'presetGroup' => 'divi/font'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'accordion-item' => [
'name' => 'divi/accordion-item',
'd4Shortcode' => 'et_pb_accordion_item',
'title' => 'Accordion Item',
'titles' => 'Accordion Items',
'moduleIcon' => 'divi/module-accordion-item',
'category' => 'child-module',
'childrenName' => [],
'videos' => [
[
'id' => 'OBbuKXTJyj8',
'name' => 'An introduction to the Accordion 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}}',
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_toggle'
],
'border' => [
'selector' =>
'{{selectorPrefix}}.et_pb_accordion .et_pb_module{{baseSelector}}.et_pb_toggle'
],
'boxShadow' => [
'important' => true
],
'spacing' => [
'selector' => '{{selector}}.et_pb_toggle',
'important' => true
],
'layout' => [
'selector' => '{{selector}} .et_pb_toggle_content'
]
],
'settings' => [
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'priority' => 15,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'border' => [],
'boxShadow' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_toggle_title',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_toggle_title'
],
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'The title will appear above the content and when the toggle is closed.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'color' => [
'priority' => 5,
'render' => true
],
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'closedToggleIcon' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_toggle_close',
'styleProps' => [
'icon' => [
'selector' =>
'{{selector}}.et_pb_toggle_close .et_pb_toggle_title:before',
'propertySelectors' => [
'desktop' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_toggle_close .et_pb_toggle_title:before, {{selector}}.et_pb_toggle_close .et_vb_toggle_overlay'
]
]
],
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'font-size' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'icon' => [
'groupSlug' => 'designToggleIcon',
'attrName' =>
'closedToggleIcon.decoration.icon',
'label' => 'Closed Icon',
'priority' => 10,
'render' => true,
'category' => 'basic_option',
'features' => [
'preset' => ['style', 'html']
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
],
'iconAttributes' => [
'groupSlug' => 'designToggleIcon',
'attrName' =>
'closedToggleIcon.decoration.icon',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'fieldLabel' => 'Icon',
'fields' => [
'icon' => [
'render' => false
],
'color' => [
'render' => true
],
'useSize' => [
'render' => true
],
'size' => [
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' =>
'icon-font-size',
'defaultUnit' =>
'px',
'min' => 1,
'minLimit' => 1,
'max' => 120
]
]
]
]
]
]
]
]
]
]
]
],
'openToggle' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_accordion_item.et_pb_toggle.et_pb_toggle_open',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designToggle',
'attrName' =>
'openToggle.decoration.background',
'subName' => 'color',
'label' => 'Open Toggle Background Color',
'description' =>
'You can pick unique background colors for toggles when they are in their open and closed states. Choose the open state background color here.',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'attrName' => 'openToggle.decoration.font.font',
'subName' => 'color',
'label' => 'Open Title Text Color',
'description' =>
'You can pick unique text colors for toggle titles when they are open and closed. Choose the open state title color here.',
'priority' => 5,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'closedToggle' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_accordion_item.et_pb_toggle.et_pb_toggle_close',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designToggle',
'attrName' =>
'closedToggle.decoration.background',
'subName' => 'color',
'label' => 'Closed Toggle Background Color',
'description' =>
'You can pick unique background colors for toggles when they are in their open and closed states. Choose the open state background color here.',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'groupSlug' => 'designClosedTitleText',
'attrName' =>
'closedToggle.decoration.font.font',
'subName' => 'color',
'label' => 'Closed Title Text Color',
'description' =>
'You can pick unique text colors for toggle titles when they are open and closed. Choose the closed state title color here.',
'priority' => 5,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'font' => [
'groupSlug' => 'designClosedTitleText',
'attrName' =>
'closedToggle.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Closed Title Text',
'fieldLabel' => 'Closed Title',
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_toggle .et_pb_toggle_content',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_toggle_content'
],
'styleProps' => [
'bodyFont' => [
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'Input the main text content for your module here.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/richtext'
]
]
],
'decoration' => [
'bodyFont' => [
'priority' => 30,
'component' => [
'props' => [
'groups' => [
'body' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'openToggle' => [
'label' => 'Open Toggle',
'subName' => 'openToggle',
'selectorSuffix' => ' .et_pb_toggle.et_pb_toggle_open'
],
'toggleTitle' => [
'label' => 'Toggle Title',
'subName' => 'toggleTitle',
'selectorSuffix' => ' .et_pb_toggle_title'
],
'toggleIcon' => [
'label' => 'Toggle Icon',
'subName' => 'toggleIcon',
'selectorSuffix' => ' .et_pb_toggle_title:before'
],
'toggleContent' => [
'label' => 'Toggle Content',
'subName' => 'toggleContent',
'selectorSuffix' => ' .et_pb_toggle_content'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'designToggleIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designToggleIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'designToggle' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designToggle',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Toggle'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designClosedTitleText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designClosedTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Closed Title Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'audio' => [
'name' => 'divi/audio',
'd4Shortcode' => 'et_pb_audio',
'moduleClassName' => 'et_pb_audio',
'title' => 'Audio',
'titles' => 'Audios',
'moduleIcon' => 'divi/module-audio',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'DcsCYxd20U0',
'name' => 'An introduction to the Audio Player 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_audio_module',
'important' => true
],
'spacing' => [
'selector' => '{{selector}}.et_pb_audio_module',
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selectorPrefix}}.et_pb_column {{baseSelector}} .et_pb_audio_module_content'
]
]
],
'important' => true
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_audio_module.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_audio_module.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'border' => [
'selector' => '{{selector}}.et_pb_audio_module'
],
'boxShadow' => [
'useOverlay' => true
],
'overflow' => [
'selector' => '{{selector}}.et_pb_audio_module'
],
'layout' => [
'selector' => '{{selector}} .et_pb_audio_module_content'
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
],
'caption' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_audio_module p',
'supportsCustomAttributes' => true,
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'groupLabel' => 'Caption Text',
'fieldLabel' => 'Caption'
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'artistName' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_audio_module p.et_audio_module_meta strong',
'tagName' => 'strong',
'inlineEditor' => false,
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'artistName.innerContent',
'label' => 'Artist',
'description' => 'Define an artist name.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
]
],
'albumName' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_audio_module p.et_audio_module_meta span',
'tagName' => 'span',
'inlineEditor' => false,
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'albumName.innerContent',
'label' => 'Album',
'description' => 'Define an album name.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
]
],
'audio' => [
'type' => 'object',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'groupSlug' => 'contentAudio',
'render' => true,
'attrName' => 'audio.innerContent',
'label' => 'Audio File',
'description' =>
'Define the audio file for use in the module. To remove an audio file from the module, simply delete the URL from the settings field.',
'category' => 'basic_option',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/upload',
'type' => 'field',
'props' => [
'dataType' => 'audio',
'chooseText' => 'Choose an Audio file',
'uploadButtonText' => 'Upload an audio file'
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} h2, {{selector}} h1.et_pb_module_header, {{selector}} h3.et_pb_module_header, {{selector}} h4.et_pb_module_header, {{selector}} h5.et_pb_module_header, {{selector}} h6.et_pb_module_header',
'attributes' => [
'class' => 'et_pb_module_header'
],
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' => 'Define a title.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title'
]
]
]
]
],
'tagName' => 'h2',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_audio_module h2, {{selector}}.et_pb_audio_module h1.et_pb_module_header, {{selector}}.et_pb_audio_module h3.et_pb_module_header, {{selector}}.et_pb_audio_module h4.et_pb_module_header, {{selector}}.et_pb_audio_module h5.et_pb_module_header, {{selector}}.et_pb_audio_module h6.et_pb_module_header',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_audio_cover_art',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentImage',
'priority' => 10,
'render' => true,
'attrName' => 'image.innerContent',
'subName' => 'src',
'label' => 'Image',
'description' =>
'Upload your desired image, or type in the URL to the image you would like to display.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/upload',
'type' => 'field',
'props' => [
'chooseText' => 'Choose an Image',
'uploadButtonText' => 'Upload an image'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'boxShadow' => [
'useOverlay' => true
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
]
],
'customCssFields' => [
'audioCoverArt' => [
'label' => 'Audio Cover Art',
'subName' => 'audioCoverArt',
'selectorSuffix' => ' .et_pb_audio_cover_art'
],
'audioContent' => [
'label' => 'Audio Content',
'subName' => 'audioContent',
'selectorSuffix' => ' .et_pb_audio_module_content'
],
'audioTitle' => [
'label' => 'Audio Title',
'subName' => 'audioTitle',
'selectorSuffix' => ' .et_pb_audio_module_content h2'
],
'audioMeta' => [
'label' => 'Audio Meta',
'subName' => 'audioMeta',
'selectorSuffix' => ' .et_audio_module_meta'
],
'audioButtons' => [
'label' => 'Player Buttons',
'subName' => 'audioButtons',
'selectorSuffix' =>
' .mejs-button.mejs-playpause-button button:before, .mejs-button.mejs-volume-button.mejs-mute button:before'
],
'audioTimer' => [
'label' => 'Player Timer',
'subName' => 'audioTimer',
'selectorSuffix' =>
' .mejs-time.mejs-duration-container .mejs-duration'
],
'audioSliders' => [
'label' => 'Player Sliders',
'subName' => 'audioSliders',
'selectorSuffix' =>
' .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total, .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total'
],
'audioSlidersCurrent' => [
'label' => 'Player Sliders Current',
'subName' => 'audioSlidersCurrent',
'selectorSuffix' =>
' .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-current, .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-handle, .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .et_audio_container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentAudio' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'audio',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Audio'
]
]
],
'contentImage' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'image',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'imageStyle',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'before-after-image' => [
'name' => 'divi/before-after-image',
'd4Shortcode' => 'et_pb_before_after_image',
'moduleClassName' => 'et_pb_before_after_image',
'moduleOrderClassName' => 'et_pb_before_after_image',
'title' => 'Before/After Image',
'titles' => 'Before/After Images',
'moduleIcon' => 'divi/module-before-after-image',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'beforeImage' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_before_image img',
'elementType' => 'image',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'beforeImageSrc' => [
'groupSlug' => 'contentImages',
'attrName' => 'beforeImage.innerContent',
'subName' => 'src',
'label' => 'Before Image',
'description' => 'Upload the "before" image.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'responsive' => true,
'hover' => true,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
]
]
]
]
],
'afterImage' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_after_image img',
'elementType' => 'image',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'afterImageSrc' => [
'groupSlug' => 'contentImages',
'attrName' => 'afterImage.innerContent',
'subName' => 'src',
'label' => 'After Image',
'description' => 'Upload the "after" image.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'responsive' => true,
'hover' => true,
'preset' => 'content'
],
'render' => true,
'priority' => 20,
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
]
]
]
]
],
'slider' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'orientation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSlider',
'attrName' => 'slider.advanced.orientation',
'label' => 'Orientation',
'description' =>
'Choose whether the slider moves horizontally or vertically.',
'category' => 'configuration',
'render' => true,
'priority' => 5,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['style']
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'defaultValue' => 'horizontal',
'options' => [
'horizontal' => [
'label' => 'Horizontal'
],
'vertical' => [
'label' => 'Vertical'
]
]
]
]
]
],
'position' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSlider',
'attrName' => 'slider.advanced.position',
'label' => 'Position',
'description' =>
'Set the position of the slider (0-100).',
'category' => 'configuration',
'render' => true,
'priority' => 8,
'defaultAttr' => [
'desktop' => [
'value' => '50%'
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
],
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['style']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'order',
'minLimit' => 0,
'maxLimit' => 100,
'defaultValue' => '50'
]
]
]
],
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSlider',
'priority' => 10,
'render' => true,
'attrName' => 'slider.advanced.color',
'label' => 'Slider Color',
'description' =>
'Choose a color for the slider circle and line.',
'category' => 'color_option',
'features' => [
'dynamicContent' => [
'type' => 'color'
],
'responsive' => true,
'hover' => true,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'arrowColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSlider',
'priority' => 20,
'render' => true,
'attrName' => 'slider.advanced.arrowColor',
'label' => 'Arrow Color',
'description' =>
'Choose a color for the slider arrows inside the circle.',
'category' => 'color_option',
'features' => [
'dynamicContent' => [
'type' => 'color'
],
'responsive' => true,
'hover' => true,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'beforeLabel' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_before_label',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'item' => [
'groupSlug' => 'contentLabels',
'attrName' => 'beforeLabel.innerContent',
'label' => 'Before Label',
'description' => 'Label for the "before" image.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'attributes' => [
'class' =>
'et_pb_before_after_image_label et_pb_before_label'
],
'tagName' => 'div',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously'
],
'afterLabel' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_after_label',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'item' => [
'groupSlug' => 'contentLabels',
'attrName' => 'afterLabel.innerContent',
'label' => 'After Label',
'description' => 'Label for the "after" image.',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'attributes' => [
'class' =>
'et_pb_before_after_image_label et_pb_after_label'
],
'tagName' => 'div',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously'
],
'labels' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLabels',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Label',
'groupLabel' => 'Label Text'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLabels',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Labels'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLabels',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Labels'
]
]
]
],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLabels',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => true,
'fieldLabel' => 'Labels'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label',
'hover' =>
'{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label'
]
]
],
'spacing' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label',
'hover' =>
'{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label'
]
]
],
'border' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label',
'hover' =>
'{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label'
]
]
],
'background' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_before_label, {{selector}} .et_pb_after_label',
'hover' =>
'{{selector}}{{:hover}} .et_pb_before_label, {{selector}}{{:hover}} .et_pb_after_label'
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentImages' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'images',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Images'
]
]
],
'contentLabels' => [
'panel' => 'content',
'priority' => 20,
'multiElements' => true,
'groupName' => 'labels',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Labels'
]
]
],
'designLabels' => [
'panel' => 'design',
'priority' => 30,
'multiElements' => false,
'groupName' => 'labels',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Labels',
'clipboardCategory' => 'style'
]
]
],
'designSlider' => [
'panel' => 'design',
'priority' => 40,
'multiElements' => false,
'groupName' => 'slider',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Slider',
'clipboardCategory' => 'style'
]
]
]
]
]
],
'blog' => [
'name' => 'divi/blog',
'd4Shortcode' => 'et_pb_blog',
'title' => 'Blog',
'titles' => 'Blogs',
'moduleIcon' => 'divi/module-blog',
'childrenName' => [],
'category' => 'module',
'videos' => [
[
'id' => 'bJ0MBUQfmog',
'name' => 'An introduction to the Blog module'
],
[
'id' => 'jETCzKVv6P0',
'name' => 'How To Use Divi Blog Post Formats'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'boxShadow' => [
'selector' => '{{selector}} article.et_pb_post'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'text' => [
'priority' => 10,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => true
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentBackground',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false
]
]
]
],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'name' => 'divi/scroll',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'gridMotion' => [
'render' => true
]
]
]
]
]
],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'boxShadow' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'post' => [
'type' => 'object',
'selector' => '{{selector}} .et_grid_module article.et_pb_post',
'settings' => [
'advanced' => [
'useCurrentLoop' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.useCurrentLoop',
'label' => 'Posts For Current Page',
'description' =>
'Display posts for the current page. Useful on archive and index pages.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'type' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.type',
'label' => 'Post Type',
'description' =>
'Choose posts of which post type you would like to display.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => []
]
]
]
],
'number' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.number',
'label' => 'Post Count',
'description' =>
'Choose how much posts you would like to display per page.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'categories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.categories',
'label' => 'Included Categories',
'description' =>
'Choose which categories you would like to include in the feed.',
'category' => 'basic_option',
'priority' => 30,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/checkboxes',
'props' => [
'options' => []
]
]
]
],
'dateFormat' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.dateFormat',
'label' => 'Date Format',
'description' =>
'If you would like to adjust the date format, input the appropriate PHP date format here.',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'excerptContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.excerptContent',
'label' => 'Content Length',
'description' =>
'Showing the full content will not truncate your posts on the index page. Showing the excerpt will only display your excerpt text.',
'priority' => 50,
'render' => true,
'features' => [
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'off' => [
'label' => 'Show Excerpt'
],
'on' => [
'label' => 'Show Content'
]
]
]
]
]
],
'excerptManual' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.excerptManual',
'label' => 'Use Post Excerpts',
'description' =>
'Disable this option if you want to ignore manually defined excerpts and always generate it automatically.',
'category' => 'configuration',
'priority' => 60,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'excerptLength' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.excerptLength',
'label' => 'Excerpt Length',
'description' =>
'Define the length of automatically generated excerpts. Leave blank for default ( 270 ) ',
'category' => 'configuration',
'priority' => 70,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'offset' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'post.advanced.offset',
'label' => 'Post Offset Number',
'description' =>
'Choose how many posts you would like to skip. These posts will not be shown in the feed.',
'category' => 'configuration',
'priority' => 80,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'showExcerpt' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'post.advanced.showExcerpt',
'label' => 'Show Excerpt',
'description' => 'Turn excerpt on and off.',
'category' => 'configuration',
'priority' => 70,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBorder',
'attrName' => 'post.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false,
'fieldLabel' => 'Grid Layout'
]
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_post .entry-featured-image-url,{{selector}} .et_pb_post .et_pb_slides,{{selector}} .et_pb_post .et_pb_video_overlay',
'supportsCustomAttributes' => true,
'styleProps' => [
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_post .entry-featured-image-url,{{selector}} .et_pb_post img,{{selector}} .et_pb_post .et_pb_slides,{{selector}} .et_pb_post .et_pb_video_overlay'
],
'filters' => [
'selector' =>
'{{selector}} img,{{selector}} .et_pb_slides,{{selector}} .et_pb_video_overlay'
]
],
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'image.advanced.enable',
'label' => 'Show Featured Image',
'description' =>
'This will turn thumbnails on and off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true
]
]
]
]
]
]
],
'readMore' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_post div.post-content a.more-link',
'supportsCustomAttributes' => true,
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'readMore.advanced.enable',
'label' => 'Show Read More Button',
'description' =>
'Here you can define whether to show "read more" link after the excerpts or not.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 50,
'component' => [
'props' => [
'groupLabel' => 'Read More Text',
'fieldLabel' => 'Read More'
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'selector' =>
'{{selector}} .wp-pagenavi a, {{selector}} .wp-pagenavi span, {{selector}} .pagination a',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'pagination.advanced.enable',
'label' => 'Show Pagination',
'description' => 'Turn pagination on and off.',
'category' => 'configuration',
'priority' => 80,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 50,
'component' => [
'props' => [
'groupLabel' => 'Pagination Text',
'fieldLabel' => 'Pagination'
]
]
]
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_post .post-meta, {{selector}} .et_pb_post .post-meta a, #left-area {{selector}} .et_pb_post .post-meta, #left-area {{selector}} .et_pb_post .post-meta a',
'supportsCustomAttributes' => true,
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'advanced' => [
'showAuthor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'meta.advanced.showAuthor',
'label' => 'Show Author',
'description' =>
'Turn on or off the author link.',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showDate' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'meta.advanced.showDate',
'label' => 'Show Date',
'description' => 'Turn the date on or off.',
'category' => 'configuration',
'priority' => 40,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'meta.advanced.showCategories',
'label' => 'Show Categories',
'description' =>
'Turn the category links on or off.',
'category' => 'configuration',
'priority' => 50,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showComments' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'meta.advanced.showComments',
'label' => 'Show Comment Count',
'description' =>
'Turn comment count on and off.',
'category' => 'configuration',
'priority' => 60,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 40,
'component' => [
'props' => [
'fieldLabel' => 'Meta',
'groupLabel' => 'Meta Text',
'presetGroup' => 'divi/font-body'
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_post .entry-title, {{selector}} .not-found-title',
'supportsCustomAttributes' => true,
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_post .entry-title, {{selector}} .et_pb_post .entry-title a, {{selector}} .not-found-title',
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'font-family' =>
'{{selector}} .et_pb_post .entry-title a, {{selector}} .not-found-title',
'font-weight' =>
'{{selector}} .et_pb_post .entry-title a, {{selector}} .not-found-title',
'text-transform' =>
'{{selector}} .et_pb_post .entry-title a, {{selector}} .not-found-title',
'color' =>
'{{selector}} .et_pb_post .entry-title a, {{selector}} .not-found-title'
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'priority' => 20,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_post .post-content, {{selector}}.et_pb_bg_layout_light .et_pb_post .post-content p, {{selector}}.et_pb_bg_layout_dark .et_pb_post .post-content p',
'supportsCustomAttributes' => true,
'styleProps' => [
'bodyFont' => [
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .et_pb_post,{{selector}} .et_pb_post .post-content * ',
'line-height' =>
'{{selector}} .et_pb_post p'
]
]
]
]
],
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'settings' => [
'decoration' => [
'bodyFont' => [
'priority' => 30,
'component' => [
'props' => [
'groups' => [
'body' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
]
]
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_overlay',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Overlay Background Color',
'description' =>
'Here you can define a custom color for the overlay',
'priority' => 30,
'render' => true,
'features' => [
'hover' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.advanced.enable',
'label' => 'Featured Image Overlay',
'description' =>
'If enabled, an overlay color and icon will be displayed when a visitors hovers over the featured image of a post.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'overlayIcon' => [
'type' => 'object',
'selector' => '{{selector}} .et_overlay::before',
'styleProps' => [
'icon' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'subName' => 'color',
'label' => 'Overlay Icon Color',
'description' =>
'Here you can define a custom color for the overlay icon',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'icon' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'label' => 'Overlay Icon',
'description' =>
'Here you can define a custom icon for the overlay',
'category' => 'configuration',
'priority' => 40,
'render' => true,
'features' => [
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
]
]
]
]
],
'fullwidth' => [
'type' => 'object',
'selector' =>
'{{selector}}:not(.et_pb_blog_grid_wrapper) article.et_pb_post',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBorder',
'attrName' => 'fullwidth.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false
]
]
]
]
]
]
],
'blogGrid' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_posts',
'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' => '3',
'flexDirection' => 'column'
]
]
],
'fields' => [
'gridColumnCount' => [
'baseFieldDefault' => '3'
]
]
]
]
]
]
]
]
],
'masonry' => [
'type' => 'object',
'selector' => '{{selector}} .et_grid_module .et_pb_post',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentBackground',
'attrName' => 'masonry.decoration.background',
'subName' => 'color',
'label' => 'Grid Tile Background Color',
'priority' => 5,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker',
'props' => [
'showPickerPalettes' => false,
'addTitle' => 'Add Background Color',
'showPaletteOnPickerActive' => true
]
]
]
]
]
]
]
],
'script' => ['divi-module-library-script-blog'],
'customCssFields' => [
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' => ' .et_pb_post .entry-title'
],
'content' => [
'label' => 'Body',
'subName' => 'content',
'selectorSuffix' => ' .post-content'
],
'postMeta' => [
'label' => 'Post Meta',
'subName' => 'postMeta',
'selectorSuffix' => ' .post-meta'
],
'pagenavi' => [
'label' => 'Pagenavi',
'subName' => 'pagenavi',
'selectorSuffix' => ' .wp-pagenavi'
],
'featuredImage' => [
'label' => 'Featured Image',
'subName' => 'featuredImage',
'selectorSuffix' => ' .entry-featured-image-url img'
],
'readMore' => [
'label' => 'Read More Button',
'subName' => 'readMore',
'selector' => '{{selector}} a.more-link',
'selectorSuffix' => ''
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'content' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'content',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentBackground' => [
'panel' => 'content',
'groupName' => 'background',
'priority' => 90,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Background',
'presetGroup' => 'divi/background'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designBorder' => [
'panel' => 'design',
'priority' => 90,
'groupName' => 'designBorder',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Border',
'presetGroup' => 'divi/border'
]
]
]
]
]
],
'blurb' => [
'name' => 'divi/blurb',
'd4Shortcode' => 'et_pb_blurb',
'title' => 'Blurb',
'titles' => 'Blurbs',
'moduleIcon' => 'divi/module-blurb',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'SFuDWEMH-qg',
'name' => 'An introduction to the Blurb module'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'imageIcon' => [
'type' => 'object',
'label' => 'Image or Icon',
'selector' => '{{selector}} .et_pb_main_blurb_image img',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'useIcon' => [
'groupSlug' => 'contentImageIcon',
'attrName' => 'imageIcon.innerContent',
'subName' => 'useIcon',
'label' => 'Use Icon',
'description' =>
'Here you can choose whether icon set below should be used.',
'category' => 'basic_option',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'icon' => [
'groupSlug' => 'contentImageIcon',
'attrName' => 'imageIcon.innerContent',
'subName' => 'icon',
'label' => 'Icon',
'description' =>
'Choose an icon to display with your blurb.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
],
'src' => [
'groupSlug' => 'contentImageIcon',
'attrName' => 'imageIcon.innerContent',
'subName' => 'src',
'label' => 'Image',
'description' =>
'Upload an image to display at the top of your blurb.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'responsive' => true,
'hover' => true,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
],
'animation' => [
'groupSlug' => 'designAnimation',
'attrName' => 'imageIcon.innerContent',
'subName' => 'animation',
'label' => 'Image/Icon Animation',
'description' =>
'This controls the direction of the lazy-loading animation.',
'features' => [
'sticky' => false,
'hover' => false,
'preset' => ['html']
],
'render' => true,
'priority' => 20,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'top' => [
'label' => 'Top To Bottom'
],
'left' => [
'label' => 'Left To Right'
],
'right' => [
'label' => 'Right To Left'
],
'bottom' => [
'label' => 'Bottom To Top'
],
'off' => [
'label' => 'No Animation'
]
]
]
]
]
]
],
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'attrName' => 'imageIcon.advanced.color',
'label' => 'Icon Color',
'description' =>
'Here you can define a custom color for your icon.',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'placement' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'attrName' => 'imageIcon.advanced.placement',
'label' => 'Image/Icon Placement',
'description' =>
'Here you can choose where to place the icon.',
'category' => 'layout',
'render' => true,
'priority' => 30,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'top' => [
'label' => 'Top'
],
'left' => [
'label' => 'Left'
]
]
]
]
]
],
'width' => [
'groupType' => 'group-items',
'items' => [
'image' => [
'groupSlug' => 'designImageIcon',
'attrName' => 'imageIcon.advanced.width',
'subName' => 'image',
'label' => 'Image Width',
'description' =>
'Here you can choose image width.',
'category' => 'layout',
'render' => true,
'priority' => 40,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'width',
'min' => 1,
'max' => 200
]
],
'features' => [
'preset' => ['html'],
'dynamicContent' => [
'type' => 'number'
]
]
],
'icon' => [
'groupSlug' => 'designImageIcon',
'attrName' => 'imageIcon.advanced.width',
'subName' => 'icon',
'label' => 'Icon Width',
'description' =>
'Here you can choose icon width.',
'render' => true,
'priority' => 40,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'font-size',
'min' => 1,
'max' => 200
]
],
'features' => [
'preset' => ['html'],
'dynamicContent' => [
'type' => 'number'
]
]
]
]
],
'alignment' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'attrName' => 'imageIcon.advanced.alignment',
'label' => 'Image/Icon Alignment',
'description' =>
'Align image/icon to the left, right or center.',
'category' => 'layout',
'render' => true,
'priority' => 50,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/button-options',
'props' => [
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' => 'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
],
'showLabel' => false
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'attrName' => 'imageIcon.decoration.background',
'subName' => 'color',
'label' => 'Image/Icon Background Color',
'description' =>
'Here you can define a custom background color.',
'render' => true,
'priority' => 20,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image/Icon'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image/Icon'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageIcon',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image/Icon'
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} .et-pb-icon, {{selector}} .et_pb_image_wrap',
'spacing' => [
'selector' =>
'{{selector}} .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, {{selector}} .et_pb_main_blurb_image .et-pb-icon',
'important' => true
],
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_main_blurb_image .et_pb_image_wrap.et_pb_only_image_mode_wrap',
'useOverlay' => true
],
'filters' => [
'selector' => '{{selector}} .et_pb_main_blurb_image',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_main_blurb_image',
'hover' =>
'{{selector}}{{:hover}} .et_pb_main_blurb_image'
]
]
],
'border' => [
'selector' =>
'{{selector}} .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, {{selector}} .et_pb_main_blurb_image .et-pb-icon',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, {{selector}} .et_pb_main_blurb_image .et-pb-icon',
'hover' =>
'{{selector}}{{:hover}} .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, {{selector}}{{:hover}} .et_pb_main_blurb_image .et-pb-icon'
]
]
],
'background' => [
'selector' =>
'{{selector}} .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, {{selector}} .et_pb_main_blurb_image .et-pb-icon',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, {{selector}} .et_pb_main_blurb_image .et-pb-icon',
'hover' =>
'{{selector}}{{:hover}} .et_pb_main_blurb_image .et_pb_only_image_mode_wrap, {{selector}}{{:hover}} .et_pb_main_blurb_image .et-pb-icon'
]
]
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
],
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
],
'layout' => [
'selector' => '{{selector}} .et_pb_blurb_content'
]
]
],
'title' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_module_header',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [],
'decoration' => [
'font' => []
]
],
'attributes' => [
'class' => 'et_pb_module_header'
],
'tagName' => 'h4',
'inlineEditor' => 'plainText',
'elementType' => 'headingLink',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' => '{{selector}} .et_pb_module_header',
'hover' =>
'{{selector}}{{:hover}} .et_pb_module_header'
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_blurb_description',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_blurb_description'
],
'settings' => [
'innerContent' => [
'item' => [
'groupSlug' => 'contentText',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
]
]
]
],
'decoration' => [
'bodyFont' => []
]
],
'styleProps' => [
'bodyFont' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .et_pb_blurb_description',
'hover' =>
'{{selector}}{{:hover}}, {{selector}}{{:hover}} .et_pb_blurb_description'
]
]
]
]
],
'contentContainer' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_blurb_content',
'elementType' => 'wrapper',
'attributes' => [
'class' => 'et_pb_blurb_content'
],
'settings' => [
'decoration' => [
'sizing' => [
'groupType' => 'group-items',
'items' => [
'maxWidth' => [
'groupSlug' => 'designSizing',
'attrName' =>
'contentContainer.decoration.sizing',
'subName' => 'maxWidth',
'label' => 'Content Width',
'description' =>
'Adjust the width of the content within the blurb.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'width',
'max' => 1100
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'blurbImage' => [
'label' => 'Blurb Image',
'subName' => 'blurbImage',
'selectorSuffix' => '.et_pb_module .et_pb_main_blurb_image'
],
'blurbTitle' => [
'label' => 'Blurb Title',
'subName' => 'blurbTitle',
'selectorSuffix' => ' .et_pb_module_header'
],
'blurbContent' => [
'label' => 'Blurb Content',
'subName' => 'blurbContent',
'selectorSuffix' => ' .et_pb_blurb_content'
]
],
'settings' => [
'groups' => [
'contentImageIcon' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'imageIcon',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image & Icon'
]
]
],
'designImageIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'imageIcon',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image & Icon',
'clipboardCategory' => 'style'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 120,
'groupName' => 'animation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/animation'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'button' => [
'name' => 'divi/button',
'd4Shortcode' => 'et_pb_button',
'moduleClassName' => 'et_pb_button',
'moduleOrderClassName' => 'et_pb_button',
'title' => 'Button',
'titles' => 'Buttons',
'moduleIcon' => 'divi/module-button',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'xDJFksZljlc',
'name' => 'An introduction to the Button 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}}',
'styleProps' => [
'spacing' => [
'selector' => '{{wrapperSelector}}',
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{wrapperSelector}} {{baseSelector}}'
]
]
],
'important' => true
],
'transform' => [
'selector' => '{{wrapperSelector}} a'
],
'position' => [
'selector' => '{{wrapperSelector}}'
],
'order' => [
'selector' => '{{wrapperSelector}}'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'loop' => [],
'text' => [
'component' => [
'props' => [
'fields' => [
'orientation' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
],
'alignment' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAlignment',
'priority' => 5,
'render' => true,
'attrName' => 'module.advanced.alignment',
'label' => 'Button Alignment',
'description' =>
'Here you can define the alignment of Button.',
'category' => 'configuration',
'multipleChoices' => false,
'features' => [
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/button-options',
'props' => [
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' => 'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
],
'showLabel' => false
]
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'button' => [
'type' => 'object',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l {{baseSelector}}',
'selector' =>
'body #page-container .et_pb_section {{baseSelector}}',
'elementType' => 'button',
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true,
'letter-spacing' => true,
'line-height' => true
]
]
]
]
],
'spacing' => [
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Input your desired button text.',
'groupSlug' => 'contentText',
'label' => 'Button Text',
'priority' => 10,
'render' => true,
'subName' => 'text',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentLink',
'attrName' => 'button.innerContent',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button-link',
'props' => [
'grouped' => false,
'attrName' => 'button.innerContent',
'fieldLabel' => 'Button'
]
]
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'component' => [
'props' => [
'fields' => [
'alignment' => [
'render' => false
],
'boxShadowGroup' => [
'render' => false
],
'buttonIconGroup' => [
'component' => [
'props' => [
'fields' => [
'placement' => [
'features' => [
'hover' => false
]
],
'onHover' => [
'features' => [
'hover' => false
]
]
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => true
],
'textAlign' => [
'render' => false
]
]
]
]
],
'spacingGroup' => [
'render' => false
]
]
]
]
],
'font' => [],
'spacing' => [
'component' => [
'props' => [
'fields' => [
'margin' => [
'render' => false
],
'padding' => [
'render' => false
]
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'link',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'designAlignment' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'alignment',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Alignment',
'clipboardCategory' => 'style'
]
]
]
]
],
'wrapper' => [
'status' => true,
'tag' => 'div'
]
],
'canvas-portal' => [
'name' => 'divi/canvas-portal',
'd4Shortcode' => 'et_pb_canvas_portal',
'title' => 'Canvas Portal',
'titles' => 'Canvas Portals',
'moduleIcon' => 'divi/canvas-portal',
'childrenName' => [],
'category' => 'module',
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'boxShadow' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'canvas' => [
'type' => 'object',
'selector' => '{{selector}}',
'supportsCustomAttributes' => false,
'settings' => [
'advanced' => [
'canvasId' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'canvas',
'attrName' => 'canvas.advanced.canvasId',
'label' => 'Canvas',
'description' =>
'Select a canvas to display in this portal.',
'priority' => 10,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => []
]
]
]
]
]
]
],
'css' => [
'type' => 'object',
'settings' => [
'advanced' => [
'customCss' => [],
'cssId' => [],
'cssClass' => []
]
]
]
],
'customCssFields' => [],
'settings' => [
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'canvas' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'canvas',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Canvas'
]
]
]
]
]
],
'circle-counter' => [
'name' => 'divi/circle-counter',
'd4Shortcode' => 'et_pb_circle_counter',
'moduleClassName' => 'et_pb_circle_counter',
'moduleOrderClassName' => 'et_pb_circle_counter',
'title' => 'Circle Counter',
'titles' => 'Circle Counters',
'moduleIcon' => 'divi/module-circle-counter',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'EEGJY0EbzFs',
'name' => 'An introduction to the Circle Counter 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}}.et_pb_circle_counter .et_pb_circle_counter_inner'
],
'border' => [
'selector' => '{{selector}}.et_pb_circle_counter'
],
'overflow' => [
'selector' => '{{selector}}.et_pb_circle_counter'
],
'spacing' => [
'selector' => '{{selector}}.et_pb_circle_counter',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_circle_counter.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_circle_counter.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'layout' => [
'selector' => '{{selector}} .et_pb_circle_counter_inner'
]
]
],
'circle' => [
'type' => 'object',
'selector' => '{{selector}} .percent canvas',
'settings' => [
'advanced' => [
'circle' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'circle',
'groupLabel' => 'Circle',
'groupType' => 'group',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Circle',
'clipboardCategory' => 'style',
'fields' => [
'color' => [
'attrName' =>
'circle.advanced.color',
'label' => 'Circle Color',
'description' =>
'This will change the fill color for the bar.',
'priority' => 5,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' =>
'$variable({"type":"color","value":{"name":"gcid-primary-color","settings":{}}})$'
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker',
'props' => []
]
],
'backgroundColor' => [
'attrName' =>
'circle.advanced.background',
'subName' => 'color',
'label' =>
'Circle Background Color',
'description' =>
'Pick a color to be used in the unfilled space of the circle.',
'groupName' => 'divi/background',
'priority' => 10,
'render' => true,
'features' => [
'preset' => ['style'],
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker',
'props' => []
]
],
'backgroundOpacity' => [
'attrName' =>
'circle.advanced.background',
'subName' => 'opacity',
'label' =>
'Circle Background Opacity',
'description' =>
'Decrease the opacity of the unfilled space of the circle to make the color fade into the background.',
'category' => 'configuration',
'groupName' => 'divi/background',
'priority' => 15,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => [
'opacity' => '0.1'
]
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'allowedUnits' => [''],
'defaultUnit' => '',
'minLimit' => 0.1,
'max' => 1,
'step' => 0.05
]
]
]
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_circle_counter h3, {{selector}}.et_pb_circle_counter h1.et_pb_module_header, {{selector}}.et_pb_circle_counter h2.et_pb_module_header, {{selector}}.et_pb_circle_counter h4.et_pb_module_header, {{selector}}.et_pb_circle_counter h5.et_pb_module_header, {{selector}}.et_pb_circle_counter h6.et_pb_module_header, {{selector}}.et_pb_circle_counter h3 a, {{selector}}.et_pb_circle_counter h1.et_pb_module_header a, {{selector}}.et_pb_circle_counter h2.et_pb_module_header a, {{selector}}.et_pb_circle_counter h4.et_pb_module_header a, {{selector}}.et_pb_circle_counter h5.et_pb_module_header a, {{selector}}.et_pb_circle_counter h6.et_pb_module_header a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_module_header'
],
'tagName' => 'h3',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'Input a title for the circle counter.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'number' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_circle_counter .percent p',
'supportsCustomAttributes' => true,
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'advanced' => [
'percentSign' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 15,
'render' => true,
'attrName' => 'number.advanced.percentSign',
'label' => 'Percent Sign',
'description' =>
'Here you can choose whether the percent sign should be added after the number set above.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'Off',
'on' => 'On'
]
]
]
]
]
],
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 10,
'render' => true,
'attrName' => 'number.innerContent',
'label' => 'Number',
'description' =>
'Define a number for the circle counter. (Don\'t include the percentage sign, use the option below.). Note: You can use only natural numbers from 0 to 100',
'category' => 'basic_option',
'features' => [
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNumberText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Number',
'fields' => [
'headingLevel' => [
'render' => false
],
'lineHeight' => [
'render' => false
]
]
]
]
]
]
]
]
],
'contentContainer' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_circle_counter_inner',
'elementType' => 'wrapper',
'attributes' => [
'class' => 'et_pb_circle_counter_inner'
]
]
],
'customCssFields' => [
'percent' => [
'label' => 'Percent Container',
'subName' => 'percent',
'selectorSuffix' => ' .percent'
],
'circleCounterTitle' => [
'label' => 'Circle Counter Title',
'subName' => 'circleCounterTitle',
'selectorSuffix' => ' .et_pb_module_header'
],
'percentText' => [
'label' => 'Percent Text',
'subName' => 'percentText',
'selectorSuffix' => ' .percent p'
]
],
'script' => ['divi-module-library-script-circle-counter'],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'element',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'titleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designNumberText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'numberText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Number Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'code' => [
'name' => 'divi/code',
'd4Shortcode' => 'et_pb_code',
'moduleClassName' => 'et_pb_code',
'moduleOrderClassName' => 'et_pb_code',
'title' => 'Code',
'titles' => 'Codes',
'moduleIcon' => 'divi/module-code',
'category' => 'module',
'videos' => [
[
'id' => 'dTY6-Cbr00A',
'name' => 'An introduction to the Code 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}}',
'styleProps' => [
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_code_inner',
'childrenSanitizer' => 'et_core_esc_previously',
'inlineEditor' => 'plainText',
'elementType' => 'content',
'tagName' => 'div',
'allowEmptyValue' => true,
'allowHtml' => true,
'attributes' => [
'class' => 'et_pb_code_inner'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'content.innerContent',
'label' => 'Code',
'description' =>
'Here you can create the content that will be used within the module.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/code',
'type' => 'field',
'props' => [
'mode' => 'html'
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
]
]
]
],
'column' => [
'name' => 'divi/column',
'd4Shortcode' => 'et_pb_column',
'title' => 'Column',
'titles' => 'Columns',
'moduleIcon' => 'divi/module-column',
'nestable' => true,
'category' => 'structure',
'childrenName' => [],
'videos' => [
[
'id' => 'R9ds7bEaHE8',
'name' => 'An introduction to the Column module'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'transition' => [],
'position' => [],
'scroll' => [],
'spacing' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fields' => [
'alignment' => [
'render' => false
],
'width' => [
'defaultAttr' => [
'desktop' => [
'value' => [
'width' => null
]
]
],
'component' => [
'props' => [
'defaultUnit' => ''
]
]
]
]
]
]
]
],
'sticky' => [],
'transform' => [],
'zIndex' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'loop' => [],
'link' => [
'item' => [
'groupSlug' => 'contentLink',
'component' => [
'props' => [
'fieldLabel' => 'Column'
]
]
]
]
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'width' => '{{selector}}.et_pb_column'
]
]
]
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin-right' => true
]
],
'phone' => [
'value' => [
'margin-right' => true,
'margin-top' => true
]
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-right' =>
'{{selectorPrefix}}.et_pb_row {{baseSelector}}.et_pb_column',
'margin-bottom' =>
'{{selectorPrefix}}.et_pb_row {{baseSelector}}.et_pb_column',
'margin-top' =>
'{{selectorPrefix}}.et_pb_row {{baseSelector}}.et_pb_column'
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
]
]
]
],
'column-inner' => [
'name' => 'divi/column-inner',
'd4Shortcode' => 'et_pb_column_inner',
'title' => 'Inner Column',
'titles' => 'Inner Columns',
'moduleIcon' => 'divi/module-column',
'category' => 'structure',
'childrenName' => [],
'videos' => [
[
'id' => 'R9ds7bEaHE8',
'name' => 'An introduction to the Column module'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'transition' => [],
'position' => [],
'scroll' => [],
'spacing' => [
'component' => [
'props' => [
'fields' => [
'margin' => [
'render' => false
]
]
]
]
],
'sticky' => [],
'transform' => [],
'zIndex' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'loop' => [],
'link' => [
'item' => [
'groupSlug' => 'contentLink',
'component' => [
'props' => [
'fieldLabel' => 'Column'
]
]
]
],
'html' => []
],
'meta' => [
'meta' => []
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
]
]
]
],
'comments' => [
'name' => 'divi/comments',
'd4Shortcode' => 'et_pb_comments',
'moduleClassName' => 'et_pb_comments_module',
'moduleOrderClassName' => 'et_pb_comments',
'title' => 'Comments',
'titles' => 'Comments',
'moduleIcon' => 'divi/module-comments',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'sCq1_JgWJTQ',
'name' => 'An introduction to the Comments 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}}',
'styleProps' => [
'spacing' => [
'important' => true
],
'border' => [
'important' => true
],
'layout' => [
'selector' => '{{selector}} #comment-wrap'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [],
'showReply' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'attrName' => 'module.advanced.showReply',
'label' => 'Show Reply Button',
'description' =>
'Disabling the reply button will prevent visitors from creating threaded comments.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .commentlist img.avatar',
'elementType' => 'image',
'settings' => [
'advanced' => [
'showAvatar' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'attrName' => 'image.advanced.showAvatar',
'label' => 'Show Author Avatar',
'description' =>
'Disabling the author avatar will remove the profile picture from the module.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.filters',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'boxShadow' => [
'selector' => '{{selector}} .commentlist img.avatar'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_comments_module .commentlist li img.avatar',
'border-style' =>
'{{selector}}.et_pb_comments_module .commentlist li img.avatar'
]
]
]
]
]
],
'field' => [
'type' => 'object',
'selector' =>
'{{selector}} #commentform textarea, {{selector}} #commentform input[type=\'text\'], {{selector}} #commentform input[type=\'email\'], {{selector}} #commentform input[type=\'url\']',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'spacing' => [],
'font' => []
],
'advanced' => [
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 100,
'render' => true,
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBorderGroup' => [
'render' => true,
'groupSlug' => 'designFieldField'
],
'focusFont' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'fields' => [
'headingLevel' => [
'render' => false
],
'family' => [
'render' => false
],
'weight' => [
'render' => false
],
'style' => [
'render' => false
],
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'lineColor' => [
'render' => false
],
'lineStyle' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
],
'textAlign' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => true
],
'border' => [
'important' => true
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin' =>
'{{selector}} #commentform .comment-form-comment, {{selector}} #commentform .comment-form-author, {{selector}} #commentform .comment-form-email, {{selector}} #commentform .comment-form-url'
]
]
]
],
'focus' => [
'selector' =>
'{{selector}} #commentform textarea:focus, {{selector}} #commentform input[type=\'text\']:focus, {{selector}} #commentform input[type=\'email\']:focus, {{selector}} #commentform input[type=\'url\']:focus'
],
'placeholder' => [
'selector' =>
'{{selector}} #commentform textarea::-webkit-input-placeholder, {{selector}} #commentform textarea::-moz-placeholder, {{selector}} #commentform textarea:-ms-input-placeholder, {{selector}} #commentform input::-webkit-input-placeholder, {{selector}} #commentform input::-moz-placeholder, {{selector}} #commentform input:-ms-input-placeholder'
]
]
],
'button' => [
'type' => 'object',
'selector' => '',
'elementType' => 'button',
'settings' => [
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'component' => [
'props' => [
'fields' => [
'buttonIconGroup' => [
'component' => [
'props' => [
'fields' => [
'settings' => [
'features' => [
'responsive' => true
]
]
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'alignment' => [
'visible' => true
]
]
]
]
],
'font' => [],
'spacing' => []
]
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_comments_module .et_pb_button',
'boxShadow' => [
'selector' => '{{selector}} .et_pb_button',
'propertySelectors' => [
'desktop' => [
'value' => [
'box-shadow' => '{{selector}} .et_pb_button'
]
]
]
],
'button' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'text-align' => '{{selector}} .form-submit'
]
]
]
],
'spacing' => [
'important' => true
]
]
],
'commentCount' => [
'type' => 'object',
'selector' => '',
'elementType' => 'heading',
'styleProps' => [
'selector' =>
'{{selector}} h1.page_title, {{selector}} h2.page_title, {{selector}} h3.page_title, {{selector}} h4.page_title, {{selector}} h5.page_title, {{selector}} h6.page_title',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'advanced' => [
'showCount' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 15,
'render' => true,
'attrName' => 'commentCount.advanced.showCount',
'label' => 'Show Comment Count',
'description' =>
'Disabling the comment count will remove the number of comments from the top of the module.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Comment Count Text',
'fieldLabel' => 'Comment Count'
]
]
]
]
]
],
'formTitle' => [
'type' => 'object',
'selector' => '',
'elementType' => 'heading',
'settings' => [
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Form Title Text',
'fieldLabel' => 'Form Title'
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} .comment-reply-title'
]
],
'meta' => [
'type' => 'object',
'selector' => '',
'elementType' => 'element',
'styleProps' => [
'selector' => '{{selector}} .comment_postinfo span',
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} .comment_postinfo'
]
]
]
],
'important' => [
'desktop' => [
'value' => true
]
]
]
],
'settings' => [
'advanced' => [
'showMeta' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'attrName' => 'meta.advanced.showMeta',
'label' => 'Show Meta',
'description' => 'Turn meta on or off.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Meta Text',
'fieldLabel' => 'Meta'
]
]
]
]
]
],
'commentText' => [
'type' => 'object',
'selector' => '',
'elementType' => 'content',
'settings' => [
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Comment Text',
'fieldLabel' => 'Comment'
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} .comment-content p',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields',
'clipboardCategory' => 'style'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'image',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
]
]
],
'customCssFields' => [
'mainHeader' => [
'label' => 'Comments Count',
'subName' => 'mainHeader',
'selectorSuffix' => ' h1#comments'
],
'commentBody' => [
'label' => 'Comment Body',
'subName' => 'commentBody',
'selectorSuffix' => ' .comment-body'
],
'commentMeta' => [
'label' => 'Comment Meta',
'subName' => 'commentMeta',
'selectorSuffix' => ' .comment_postinfo'
],
'commentContent' => [
'label' => 'Comment Content',
'subName' => 'commentContent',
'selectorSuffix' => ' .comment_area .comment-content'
],
'commentAvatar' => [
'label' => 'Comment Avatar',
'subName' => 'commentAvatar',
'selectorSuffix' => ' .comment_avatar'
],
'replyButton' => [
'label' => 'Reply Button',
'subName' => 'replyButton',
'selectorSuffix' => ' .comment-reply-link.et_pb_button'
],
'newTitle' => [
'label' => 'New Comment Title',
'subName' => 'newTitle',
'selectorSuffix' => ' h3#reply-title'
],
'messageField' => [
'label' => 'Message Field',
'subName' => 'messageField',
'selectorSuffix' => ' .comment-form-comment textarea#comment'
],
'nameField' => [
'label' => 'Name Field',
'subName' => 'nameField',
'selectorSuffix' => ' .comment-form-author input'
],
'emailField' => [
'label' => 'Email Field',
'subName' => 'emailField',
'selectorSuffix' => ' .comment-form-email input'
],
'websiteField' => [
'label' => 'Website Field',
'subName' => 'websiteField',
'selectorSuffix' => ' .comment-form-url input'
],
'submitButton' => [
'label' => 'Submit Button',
'subName' => 'submitButton',
'selectorSuffix' => ' .form-submit .et_pb_button#et_pb_submit'
]
]
],
'contact-field' => [
'name' => 'divi/contact-field',
'd4Shortcode' => 'et_pb_contact_field',
'moduleClassName' => 'et_pb_contact_field',
'moduleOrderClassName' => 'et_pb_contact_field',
'title' => 'Field',
'titles' => 'Fields',
'category' => 'child-module',
'childrenName' => [],
'videos' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'elementType' => 'element',
'styleProps' => [
'background' => [
'selector' => '{{selector}}'
],
'sizing' => [
'selector' =>
'{{selector}} input[type=text], {{selector}} input[type=email], {{selector}} textarea, {{selector}}[data-type=checkbox], {{selector}}[data-type=radio], {{selector}}[data-type=select], {{selector}}[data-type=select] select'
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selectorPrefix}}p{{baseSelector}}'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'border' => [
'selector' =>
'.et_pb_contact_form_container {{selector}}.et_pb_contact_field',
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'.et_pb_contact_form_container {{selector}}.et_pb_contact_field .input, .et_pb_contact_form_container {{selector}}.et_pb_contact_field .input[type="checkbox"] + label i, .et_pb_contact_form_container {{selector}}.et_pb_contact_field .input[type="radio"] + label i',
'border-style' =>
'.et_pb_contact_form_container {{selector}}.et_pb_contact_field .input, .et_pb_contact_form_container {{selector}}.et_pb_contact_field .input[type="checkbox"] + label i, .et_pb_contact_form_container {{selector}}.et_pb_contact_field .input[type="radio"] + label i'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} input, {{selector}} select, {{selector}} textarea, {{selector}} .et_pb_contact_field_options_list label > i',
'important' => true
],
'filters' => [
'selector' =>
'{{selector}} input, {{selector}} textarea, {{selector}} label'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'component' => [
'props' => [
'fields' => [
'orientation' => [
'component' => [
'props' => [
'allowClickToUnset' => true,
'renderEmptyStringAsDefaultValue' => true
]
]
],
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
],
'decoration' => [
'layout' => [],
'background' => [],
'border' => [
'component' => [
'props' => [
'fieldLabel' => 'Input'
]
]
],
'animation' => [],
'attributes' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}}.et_pb_contact_field .input',
'settings' => [
'decoration' => [
'background' => [],
'font' => []
],
'advanced' => [
'focus' => []
]
]
],
'fieldItem' => [
'type' => 'object',
'label' => 'Field',
'elementType' => 'element',
'selector' => '{{selector}} .et_pb_contact_form_label',
'attributes' => [
'class' => 'et_pb_contact_form_label'
],
'tagName' => 'label',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'advanced' => [
'id' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.id',
'label' => 'Field ID',
'description' =>
'Define the unique ID of this field. You should use only English characters without special characters and spaces.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'type' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.type',
'label' => 'Type',
'description' => 'Choose the type of field',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'input' => [
'label' => 'Input Field'
],
'email' => [
'label' => 'Email Field'
],
'text' => [
'label' => 'Textarea'
],
'checkbox' => [
'label' => 'Checkboxes'
],
'radio' => [
'label' => 'Radio Buttons'
],
'select' => [
'label' => 'Select Dropdown'
]
]
]
]
]
],
'minLength' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.minLength',
'label' => 'Minimum Length',
'description' =>
'Leave at 0 to remove restriction',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'allowedUnits' => [],
'defaultUnit' => ''
]
]
]
],
'maxLength' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.maxLength',
'label' => 'Maximum Length',
'description' =>
'Leave at 0 to remove restriction',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'allowedUnits' => [],
'defaultUnit' => ''
]
]
]
],
'allowedSymbols' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' =>
'fieldItem.advanced.allowedSymbols',
'label' => 'Allowed Symbols',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'all' => [
'label' => 'All'
],
'letters' => [
'label' => 'Letters Only (A-Z)'
],
'numbers' => [
'label' => 'Numbers Only (0-9)'
],
'alphanumeric' => [
'label' =>
'Alphanumeric Only (A-Z, 0-9)'
]
]
]
]
]
],
'checkboxOptions' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' =>
'fieldItem.advanced.checkboxOptions',
'label' => 'Options',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/sortable-list',
'type' => 'field',
'props' => [
'isCheckbox' => true,
'addFirstOnMount' => true,
'actions' => [
'right' => [
'move',
'link',
'copy',
'delete'
]
]
]
]
]
],
'radioOptions' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.radioOptions',
'label' => 'Options',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/sortable-list',
'type' => 'field',
'props' => [
'isRadio' => true,
'addFirstOnMount' => true,
'actions' => [
'right' => [
'move',
'link',
'copy',
'delete'
]
]
]
]
]
],
'selectOptions' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' =>
'fieldItem.advanced.selectOptions',
'label' => 'Options',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/sortable-list',
'type' => 'field',
'props' => [
'addFirstOnMount' => true,
'actions' => [
'right' => [
'move',
'copy',
'delete'
]
]
]
]
]
],
'required' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.required',
'label' => 'Required Field',
'description' =>
'Define whether the field should be required or optional',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 10,
'render' => true,
'attrName' => 'fieldItem.innerContent',
'label' => 'Title',
'description' =>
'Here you can define the content that will be placed within the current tab.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
]
],
'conditionalLogic' => [
'type' => 'object',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentConditionalLogic',
'priority' => 10,
'render' => true,
'attrName' => 'conditionalLogic.innerContent',
'label' => 'Rules',
'category' => 'layout',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/conditions',
'type' => 'field'
]
]
],
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentConditionalLogic',
'priority' => 5,
'render' => true,
'attrName' =>
'conditionalLogic.advanced.enable',
'label' => 'Enable',
'description' =>
'Enabling conditional logic makes this field only visible when any or all of the rules below are fulfilled
Note: Only fields with an unique and non-empty field ID can be used',
'category' => 'layout',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'relation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentConditionalLogic',
'priority' => 5,
'render' => true,
'attrName' =>
'conditionalLogic.advanced.relation',
'label' => 'Relation',
'description' =>
'Choose whether any or all of the rules should be fulfilled',
'category' => 'layout',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field',
'props' => [
'options' => [
'off' => 'Any',
'on' => 'All'
]
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentFieldOptions' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentFieldOptions',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field Options'
]
]
],
'contentConditionalLogic' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'contentConditionalLogic',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Conditional Logic'
]
]
]
]
]
],
'contact-form' => [
'name' => 'divi/contact-form',
'd4Shortcode' => 'et_pb_contact_form',
'moduleClassName' => 'et_pb_contact_form_container',
'moduleOrderClassName' => 'et_pb_contact_form',
'title' => 'Contact Form',
'titles' => 'Contact Forms',
'moduleIcon' => 'divi/module-contact-form',
'childModuleName' => 'divi/contact-field',
'childModuleTitle' => 'Field',
'childModuleTitleAttribute' => 'fieldItem',
'category' => 'module',
'childrenName' => ['divi/contact-field'],
'allowAllElements' => true,
'videos' => [
[
'id' => 'YM5qQRKKvVk',
'name' => 'An introduction to the Contact Form 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',
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-right' =>
'{{selector}}.et_pb_contact_form_container.et_pb_module',
'margin-left' =>
'{{selector}}.et_pb_contact_form_container.et_pb_module'
]
]
]
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_contact_form_container .input, {{selector}}.et_pb_contact_form_container .input[type="checkbox"] + label i, {{selector}}.et_pb_contact_form_container .input[type="radio"] + label i',
'border-style' =>
'{{selector}}.et_pb_contact_form_container .input, {{selector}}.et_pb_contact_form_container .input[type="checkbox"] + label i, {{selector}}.et_pb_contact_form_container .input[type="radio"] + label i'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_contact_field input, {{selector}} .et_pb_contact_field select, {{selector}} .et_pb_contact_field textarea, {{selector}} .et_pb_contact_field .et_pb_contact_field_options_list label > i, {{selector}} input.et_pb_contact_captcha'
],
'layout' => [
'selector' => '{{selector}} .et_pb_contact_form'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
]
]
]
]
],
'successMessage' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 10,
'render' => true,
'attrName' => 'module.advanced.successMessage',
'label' => 'Success Message',
'description' =>
'Type the message you want to display after successful form submission. Leave blank for default',
'category' => 'configuration',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [
'component' => [
'props' => [
'fieldLabel' => 'Inputs'
]
]
],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} h1, {{selector}} h2.et_pb_contact_main_title, {{selector}} h3.et_pb_contact_main_title, {{selector}} h4.et_pb_contact_main_title, {{selector}} h5.et_pb_contact_main_title, {{selector}} h6.et_pb_contact_main_title',
'supportsCustomAttributes' => true,
'elementType' => 'heading',
'attributes' => [
'class' => 'et_pb_contact_main_title'
],
'tagName' => 'h1',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'Define a title for your contact form.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_contact_form_container h1, {{selector}}.et_pb_contact_form_container h2.et_pb_contact_main_title, {{selector}}.et_pb_contact_form_container h3.et_pb_contact_main_title, {{selector}}.et_pb_contact_form_container h4.et_pb_contact_main_title, {{selector}}.et_pb_contact_form_container h5.et_pb_contact_main_title, {{selector}}.et_pb_contact_form_container h6.et_pb_contact_main_title'
]
],
'captcha' => [
'type' => 'object',
'selector' => '',
'elementType' => 'element',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_contact_form_container .et_pb_contact_right p'
],
'settings' => [
'decoration' => [
'font' => [
'priority' => 15,
'component' => [
'props' => [
'groupLabel' => 'Captcha Text',
'fieldLabel' => 'Captcha',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} .input',
'styleProps' => [
'selector' => '{{selector}} .input',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_contact_form_container .input, {{selector}}.et_pb_contact_form_container .input::placeholder, {{selector}}.et_pb_contact_form_container .input::-webkit-input-placeholder, {{selector}}.et_pb_contact_form_container .input::-moz-placeholder, {{selector}}.et_pb_contact_form_container .input:-ms-input-placeholder, {{selector}}.et_pb_contact_form_container .input[type=checkbox] + label, {{selector}}.et_pb_contact_form_container .input[type=radio] + label',
'hover' =>
'{{selector}}.et_pb_contact_form_container .input:hover, {{selector}}.et_pb_contact_form_container .input:hover::placeholder, {{selector}}.et_pb_contact_form_container .input:hover::-webkit-input-placeholder, {{selector}}.et_pb_contact_form_container .input:hover::-moz-placeholder, {{selector}}.et_pb_contact_form_container .input:hover:-ms-input-placeholder, {{selector}}.et_pb_contact_form_container .input[type=checkbox]:hover + label, {{selector}}.et_pb_contact_form_container .input[type=radio]:hover + label'
]
]
],
'settings' => [
'decoration' => [
'background' => [],
'font' => [],
'spacing' => []
],
'advanced' => [
'focus' => []
]
]
],
'button' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_contact_submit.et_pb_button',
'supportsCustomAttributes' => true,
'elementType' => 'button',
'tagName' => 'button',
'attributes' => [
'type' => 'submit',
'name' => 'et_builder_submit_button',
'class' => 'et_pb_contact_submit'
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_contact_form_container.et_pb_module .et_pb_button',
'boxShadow' => [
'selector' => '{{selector}} .et_pb_contact_submit',
'propertySelectors' => [
'desktop' => [
'value' => [
'box-shadow' =>
'{{selector}} .et_pb_contact_submit'
]
]
]
],
'spacing' => [
'important' => true
]
],
'elementProps' => [
'allowEmptyUrl' => true,
'type' => 'button'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 20,
'render' => true,
'attrName' => 'button.innerContent',
'subName' => 'text',
'label' => 'Submit Button',
'description' =>
'Define the text of the form submit button.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [],
'font' => [],
'spacing' => []
]
]
],
'email' => [
'type' => 'object',
'settings' => [
'advanced' => [
'receiver' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentEmail',
'priority' => 5,
'render' => true,
'attrName' => 'email.advanced.receiver',
'label' => 'Email Address',
'description' =>
'Input the email address where messages should be sent.
Note: email delivery and spam prevention are complex processes. We recommend using a delivery service such as Mandrill, SendGrid, or other similar service to ensure the deliverability of messages that are submitted through this form',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentEmail',
'priority' => 10,
'render' => true,
'attrName' => 'email.innerContent',
'label' => 'Message Pattern',
'description' =>
'Here you can define the custom pattern for the email Message. Fields should be included in following format - %%field_id%%. For example if you want to include the field with id = phone and field with id = message, then you can use the following pattern: My message is %%message%% and phone number is %%phone%%. Leave blank for default.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/textarea',
'type' => 'field',
'props' => [
'processing' => 'custom_message'
]
]
]
]
]
],
'redirect' => [
'type' => 'object',
'settings' => [
'advanced' => [
'useRedirect' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentRedirect',
'priority' => 5,
'render' => true,
'attrName' => 'redirect.advanced.useRedirect',
'label' => 'Enable Redirect URL',
'description' =>
'Redirect users after successful form submission.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentRedirect',
'priority' => 10,
'render' => true,
'attrName' => 'redirect.innerContent',
'label' => 'Redirect URL',
'description' => 'Type the Redirect URL',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'url'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
]
]
],
'customCssFields' => [
'contactTitle' => [
'label' => 'Contact Title',
'subName' => 'contactTitle',
'selectorSuffix' => ' .et_pb_contact_main_title'
],
'contactButton' => [
'label' => 'Contact Button',
'subName' => 'contactButton',
'selectorSuffix' =>
'.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit.et_pb_button'
],
'contactFields' => [
'label' => 'Form Fields',
'subName' => 'contactFields',
'selectorSuffix' => ' input'
],
'textField' => [
'label' => 'Message Field',
'subName' => 'textField',
'selectorSuffix' => ' textarea.et_pb_contact_message'
],
'captchaField' => [
'label' => 'Captcha Field',
'subName' => 'captchaField',
'selectorSuffix' => ' input.et_pb_contact_captcha'
],
'captchaLabel' => [
'label' => 'Captcha Text',
'subName' => 'captchaLabel',
'selectorSuffix' => ' .et_pb_contact_right p'
]
],
'script' => ['divi-module-library-script-contact-form'],
'settings' => [
'content' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentEmail' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'contentEmail',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Email'
]
]
],
'contentRedirect' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentRedirect',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Redirect'
]
]
],
'contentSpamProtection' => [
'panel' => 'content',
'priority' => 25,
'groupName' => 'contentSpamProtection',
'multiElements' => true,
'component' => [
'name' => 'divi/spam-protection',
'props' => [
'groupLabel' => 'Spam Protection'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields',
'clipboardCategory' => 'style'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'countdown-timer' => [
'name' => 'divi/countdown-timer',
'd4Shortcode' => 'et_pb_countdown_timer',
'moduleClassName' => 'et_pb_countdown_timer',
'moduleOrderClassName' => 'et_pb_countdown_timer',
'title' => 'Countdown Timer',
'titles' => 'Countdown Timers',
'moduleIcon' => 'divi/module-countdown-timer',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'EEGJY0EbzFs',
'name' => 'An introduction to the Countdown Timer 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}}',
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_countdown_timer'
],
'border' => [
'selector' => '{{selector}}.et_pb_countdown_timer'
],
'spacing' => [
'selector' => '{{selector}}.et_pb_countdown_timer',
'important' => true
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} h4, {{selector}} h1.title, {{selector}} h2.title, {{selector}} h3.title, {{selector}} h5.title, {{selector}} h6.title',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'title'
],
'tagName' => 'h4',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_countdown_timer h4, {{selector}}.et_pb_countdown_timer h1.title, {{selector}}.et_pb_countdown_timer h2.title, {{selector}}.et_pb_countdown_timer h3.title, {{selector}}.et_pb_countdown_timer h5.title, {{selector}}.et_pb_countdown_timer h6.title',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'This is the title displayed for the countdown timer.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .value',
'settings' => [
'advanced' => [
'dateTime' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 15,
'render' => true,
'attrName' => 'content.advanced.dateTime',
'label' => 'Date',
'description' =>
'This is the date the countdown timer is counting down to.',
'category' => 'basic_option',
'defaultAttr' => [
'desktop' => [
'value' => '2020-03-23 01:30'
]
],
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/timepicker',
'type' => 'field'
]
]
]
]
]
],
'number' => [
'type' => 'object',
'selector' =>
'{{selector}} .section p.value, {{selector}} .section.sep p',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_countdown_timer .section p.value, {{selector}}.et_pb_countdown_timer .section.sep p',
'font' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNumbersText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Numbers'
]
]
]
]
]
]
],
'separator' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_countdown_timer_container .section.sep p',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_countdown_timer .et_pb_countdown_timer_container .section.sep p',
'font' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSeparatorText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Separator',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
],
'label' => [
'type' => 'object',
'selector' => '{{selector}} .section p.label',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_countdown_timer .section p.label',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true,
'line-height' => true
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLabelText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Label'
]
]
]
]
]
]
]
],
'customCssFields' => [
'container' => [
'label' => 'Container',
'subName' => 'container',
'selectorSuffix' => ' .et_pb_countdown_timer_container'
],
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' => ' .title'
],
'timerSection' => [
'label' => 'Timer Section',
'subName' => 'timerSection',
'selectorSuffix' => ' .section'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'titleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designNumbersText' => [
'panel' => 'design',
'priority' => 22,
'groupName' => 'numbersText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Numbers Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designSeparatorText' => [
'panel' => 'design',
'priority' => 24,
'groupName' => 'separatorText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Separator Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designLabelText' => [
'panel' => 'design',
'priority' => 26,
'groupName' => 'labelText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Label Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'counter' => [
'name' => 'divi/counter',
'd4Shortcode' => 'et_pb_counter',
'title' => 'Bar Counter',
'titles' => 'Bar Counter',
'moduleIcon' => 'divi/module-bar-counter',
'category' => 'child-module',
'childrenName' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'conditions' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'spacing' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}}',
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}} .et_pb_counter_amount'
]
]
]
]
]
],
'barCounter' => [
'type' => 'object',
'selector' =>
'{{selectorPrefix}}.et_pb_counters li{{baseSelector}} .et_pb_counter_container',
'supportsCustomAttributes' => true,
'settings' => [
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'sizing' => []
]
],
'styleProps' => [
'background' => [
'important' => true
],
'sizing' => [
'selector' =>
'{{selector}} .et_pb_counter_container, {{selector}} .et_pb_counter_container .et_pb_counter_amount',
'propertySelectors' => [
'desktop' => [
'value' => [
'width' => '{{selector}}'
]
]
]
],
'border' => [
'selector' =>
'{{selector}} span.et_pb_counter_container',
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} span.et_pb_counter_container, {{selector}} span.et_pb_counter_amount'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} span.et_pb_counter_container'
]
],
'styleComponentsProps' => [
'background' => [
'settings' => [
'video' => true,
'pattern' => true,
'mask' => true
]
],
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}} .et_pb_counter_title',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'label' => 'Title',
'description' => 'Input a title for the counter.',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Title',
'groupLabel' => 'Title Text',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
]
],
'attributes' => [
'class' => 'et_pb_counter_title'
],
'tagName' => 'span',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'barProgress' => [
'type' => 'object',
'selector' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}} .et_pb_counter_amount_number',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'label' => 'Percent',
'description' =>
'Define a percentage for this bar.',
'features' => [
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'background' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'background',
'groupType' => 'group',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Bar Counter',
'clipboardCategory' => 'style',
'fields' => [
'color' => [
'subName' => 'color',
'label' => 'Bar Background Color',
'description' =>
'This will change the fill color for the bar.',
'groupName' => 'divi/background',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker',
'props' => []
]
]
]
]
]
],
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Percentage',
'groupLabel' => 'Percentage Text'
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}} .et_pb_counter_container .et_pb_counter_amount',
'selectors' => [
'desktop' => [
'value' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}} .et_pb_counter_container .et_pb_counter_amount',
'hover' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}} .et_pb_counter_container{{:hover}} .et_pb_counter_amount'
]
]
],
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selectorPrefix}}.et_pb_counters {{baseSelector}} .et_pb_counter_amount'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'text-align' => true,
'color' => true
]
]
]
]
]
]
]
],
'customCssFields' => [
'counterTitle' => [
'label' => 'Counter Title',
'subName' => 'counterTitle',
'selectorSuffix' => ' .et_pb_counter_title'
],
'counterContainer' => [
'label' => 'Counter Container',
'subName' => 'counterContainer',
'selectorSuffix' => ' .et_pb_counter_container'
],
'counterAmount' => [
'label' => 'Counter Amount',
'subName' => 'counterAmount',
'selectorSuffix' => ' .et_pb_counter_amount'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
]
]
]
],
'counters' => [
'name' => 'divi/counters',
'd4Shortcode' => 'et_pb_counters',
'title' => 'Bar Counters',
'titles' => 'Bar Counters',
'moduleIcon' => 'divi/module-bar-counters',
'childModuleName' => 'divi/counter',
'childModuleTitle' => 'Bar Counter',
'category' => 'module',
'childrenName' => ['divi/counter'],
'allowAllElements' => true,
'videos' => [
[
'id' => 'gn11R_zitEw',
'name' => 'An introduction to the Bar Counter 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false,
'defaultGroupAttr' => [
'desktop' => [
'value' => [
'flexDirection' => 'column',
'columnGap' => '30px',
'rowGap' => '10px'
]
]
]
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'name' => 'divi/scroll',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'gridMotion' => [
'render' => true
]
]
]
]
]
],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}.et_pb_counters',
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selector}} .et_pb_counter_amount'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
]
],
'barCounter' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_counter_container',
'settings' => [
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => []
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}}.et_pb_counters .et_pb_counter_container'
],
'border' => [
'selector' => '{{selector}} .et_pb_counter_container',
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .et_pb_counter_container, {{selector}} .et_pb_counter_amount'
]
]
]
]
],
'styleComponentsProps' => [
'background' => false
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_counters .et_pb_counter_title',
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Title',
'groupLabel' => 'Title Text',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
]
],
'attributes' => [
'class' => 'et_pb_module_header'
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'inlineEditor' => 'plainText',
'tagName' => 'span',
'childrenSanitizer' => 'et_core_esc_previously'
],
'barProgress' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_counters .et_pb_counter_amount_number',
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Percentage',
'groupLabel' => 'Percentage Text'
]
]
]
],
'advanced' => [
'usePercentages' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' =>
'barProgress.advanced.usePercentages',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'label' => 'Show Percentage',
'description' =>
'Turning off percentages will remove the percentage text from within the filled portion of the bar.',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'Off',
'on' => 'On'
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'children' => [
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'background',
'groupType' => 'group',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Bar',
'clipboardCategory' => 'style',
'fields' => [
'color' => [
'attrName' =>
'children.barProgress.decoration.background',
'subName' => 'color',
'label' => 'Bar Background Color',
'description' =>
'This will change the fill color for the bar.',
'groupName' => 'divi/background',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker',
'props' => []
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'counterTitle' => [
'label' => 'Counter Title',
'subName' => 'counterTitle',
'selectorSuffix' => ' .et_pb_counter_title'
],
'counterContainer' => [
'label' => 'Counter Container',
'subName' => 'counterContainer',
'selectorSuffix' => ' .et_pb_counter_container'
],
'counterAmount' => [
'label' => 'Counter Amount',
'subName' => 'counterAmount',
'selectorSuffix' => ' .et_pb_counter_amount'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'cta' => [
'name' => 'divi/cta',
'd4Shortcode' => 'et_pb_cta',
'moduleClassName' => 'et_pb_promo',
'moduleOrderClassName' => 'et_pb_cta',
'title' => 'Call To Action',
'titles' => 'Call To Actions',
'moduleIcon' => 'divi/module-cta',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'gV-l14jA2hE',
'name' => 'An introduction to the Call To Action 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_promo'
],
'border' => [
'selector' => '{{selector}}.et_pb_promo'
],
'overflow' => [
'selector' => '{{selector}}.et_pb_promo'
],
'spacing' => [
'selector' => '{{selector}}.et_pb_promo',
'important' => true
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_promo.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_promo.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'label' => 'Title',
'selector' =>
'{{selector}} h2, {{selector}} h1.et_pb_module_header, {{selector}} h3.et_pb_module_header, {{selector}} h4.et_pb_module_header, {{selector}} h5.et_pb_module_header, {{selector}} h6.et_pb_module_header',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 10,
'render' => true,
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'Input your value to action title here.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => []
]
],
'attributes' => [
'class' => 'et_pb_module_header'
],
'tagName' => 'h2',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_promo h2, {{selector}}.et_pb_promo h1.et_pb_module_header, {{selector}}.et_pb_promo h3.et_pb_module_header, {{selector}}.et_pb_promo h4.et_pb_module_header, {{selector}}.et_pb_promo h5.et_pb_module_header, {{selector}}.et_pb_promo h6.et_pb_module_header',
'font' => [
'important' => true
]
]
],
'content' => [
'type' => 'object',
'label' => 'Body',
'elementType' => 'content',
'selector' =>
'{{selector}} .et_pb_promo_description .et_pb_promo_content',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
]
]
]
],
'decoration' => [
'bodyFont' => []
]
],
'attributes' => [
'class' => 'et_pb_promo_content'
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_promo .et_pb_promo_description div',
'bodyFont' => [
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
]
],
'button' => [
'type' => 'object',
'selector' =>
'body #page-container {{selector}} .et_pb_promo_button.et_pb_button',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'button.innerContent',
'subName' => 'text',
'label' => 'Button',
'description' =>
'Input your desired button text, or leave blank for no button.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'groupSlug' => 'contentLink',
'render' => true,
'component' => [
'name' => 'divi/button-link',
'type' => 'group',
'props' => [
'grouped' => false,
'attrName' => 'button.innerContent',
'fieldLabel' => 'Button'
]
]
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [],
'font' => [],
'spacing' => []
]
],
'attributes' => [
'class' => 'et_pb_promo_button'
],
'elementType' => 'button',
'elementProps' => [
'hasWrapper' => true
],
'styleProps' => [
'selector' =>
'body #page-container {{selector}}.et_pb_promo .et_pb_promo_button.et_pb_button',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l {{baseSelector}}.et_pb_promo .et_pb_promo_button.et_pb_button',
'boxShadow' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'box-shadow' => '{{selector}} .et_pb_button'
]
]
]
],
'button' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}}.et_pb_promo .et_pb_button_wrapper'
]
]
]
],
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'line-height' => true
]
]
]
]
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin' =>
'{{selector}}.et_pb_promo .et_pb_button_wrapper .et_pb_promo_button.et_pb_button',
'padding' =>
'{{selector}}.et_pb_promo .et_pb_button_wrapper .et_pb_promo_button.et_pb_button'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
]
]
],
'customCssFields' => [
'description' => [
'label' => 'Promo Description',
'subName' => 'description',
'selectorSuffix' => ' .et_pb_promo_description'
],
'button' => [
'label' => 'Promo Button',
'subName' => 'button',
'selectorSuffix' =>
'.et_pb_promo .et_pb_button.et_pb_promo_button'
],
'title' => [
'label' => 'Promo Title',
'subName' => 'title',
'selectorSuffix' => ' .et_pb_promo_description h2'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'preset' => 'content'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'link',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
]
]
]
],
'divider' => [
'name' => 'divi/divider',
'd4Shortcode' => 'et_pb_divider',
'title' => 'Divider',
'titles' => 'Dividers',
'moduleIcon' => 'divi/module-divider',
'category' => 'module',
'videos' => [
[
'id' => 'KH6FqBFBEtk',
'name' => 'An introduction to the Divider 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true,
'width' => true
]
]
]
]
]
],
'divider' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'line' => [
'groupType' => 'group-items',
'items' => [
'show' => [
'attrName' => 'divider.advanced.line',
'subName' => 'show',
'label' => 'Show Divider',
'description' =>
'This settings turns on and off the 1px divider line, but does not affect the divider height.',
'category' => 'configuration',
'groupSlug' => 'contentVisibility',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
],
'color' => [
'attrName' => 'divider.advanced.line',
'subName' => 'color',
'label' => 'Line Color',
'description' =>
'This will adjust the color of the 1px divider line.',
'groupSlug' => 'designLine',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'style' => [
'attrName' => 'divider.advanced.line',
'subName' => 'style',
'label' => 'Line Style',
'description' =>
'Select the shape of the dividing line used for the divider.',
'category' => 'layout',
'groupSlug' => 'designLine',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'solid' => [
'label' => 'Solid'
],
'dashed' => [
'label' => 'Dashed'
],
'dotted' => [
'label' => 'Dotted'
],
'double' => [
'label' => 'Double'
],
'groove' => [
'label' => 'Groove'
],
'ridge' => [
'label' => 'Ridge'
],
'inset' => [
'label' => 'Inset'
],
'outset' => [
'label' => 'Outset'
],
'none' => [
'label' => 'None'
]
]
]
]
],
'position' => [
'attrName' => 'divider.advanced.line',
'subName' => 'position',
'label' => 'Line Position',
'description' =>
'The dividing line can be placed either above, below or in the center of the module.',
'category' => 'layout',
'groupSlug' => 'designLine',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'top' => [
'label' => 'Top'
],
'center' => [
'label' =>
'Vertically Centered'
],
'bottom' => [
'label' => 'Bottom'
]
]
]
]
],
'weight' => [
'attrName' => 'divider.advanced.line',
'subName' => 'weight',
'label' => 'Divider Weight',
'description' =>
'Increasing the divider weight will increase the thickness of the dividing line.',
'category' => 'layout',
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'border-width',
'defaultUnit' => 'px',
'minLimit' => 0,
'max' => 100
]
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'advanced' => 'auto',
'content' => 'auto',
'groups' => [
'contentVisibility' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'visibility',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Visibility'
]
]
],
'designLine' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'line',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Line'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'sizing',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Sizing',
'presetGroup' => 'divi/sizing'
]
]
]
]
]
],
'dropdown' => [
'name' => 'divi/dropdown',
'd4Shortcode' => 'et_pb_dropdown',
'moduleClassName' => 'et_pb_dropdown',
'moduleOrderClassName' => 'et_pb_dropdown',
'title' => 'Dropdown',
'titles' => 'Dropdowns',
'moduleIcon' => 'divi/module-dropdown',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 1,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'dropdown' => [
'groupType' => 'group-items',
'items' => [
'position' => [
'groupSlug' => 'designDropdown',
'priority' => 5,
'render' => true,
'attrName' => 'module.advanced.dropdown',
'subName' => 'position',
'label' => 'Dropdown Position',
'description' =>
'Choose how the dropdown should be positioned.',
'category' => 'basic_option',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'defaultValue' => 'floating',
'options' => [
'floating' => [
'label' => 'Floating'
],
'inline' => [
'label' => 'Inline'
]
]
]
]
],
'showOn' => [
'groupSlug' => 'designDropdown',
'priority' => 10,
'render' => true,
'attrName' => 'module.advanced.dropdown',
'subName' => 'showOn',
'label' => 'Show Dropdown On',
'description' =>
'Choose when the dropdown should be displayed.',
'category' => 'basic_option',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'defaultValue' => 'hover',
'options' => [
'hover' => [
'label' => 'Hover'
],
'click' => [
'label' => 'Click'
]
]
]
]
],
'direction' => [
'groupSlug' => 'designDropdown',
'priority' => 20,
'render' => true,
'visible' => 'isVisibleFields',
'attrName' => 'module.advanced.dropdown',
'subName' => 'direction',
'label' => 'Dropdown Direction',
'description' =>
'Choose where the dropdown menu should be positioned relative to the parent module.',
'category' => 'basic_option',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'defaultValue' => 'below',
'options' => [
'above' => [
'label' => 'Above'
],
'below' => [
'label' => 'Below'
],
'left' => [
'label' => 'Left'
],
'right' => [
'label' => 'Right'
]
]
]
]
],
'alignment' => [
'groupSlug' => 'designDropdown',
'priority' => 30,
'render' => true,
'visible' => 'isVisibleFields',
'attrName' => 'module.advanced.dropdown',
'subName' => 'alignment',
'label' => 'Dropdown Alignment',
'description' =>
'Choose how the dropdown menu should be aligned relative to the parent module.',
'category' => 'basic_option',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'defaultValue' => 'start',
'options' => [
'start' => [
'label' => 'Start'
],
'center' => [
'label' => 'Center'
],
'end' => [
'label' => 'End'
]
]
]
]
],
'offset' => [
'groupSlug' => 'designDropdown',
'priority' => 40,
'render' => true,
'visible' => 'isVisibleFields',
'attrName' => 'module.advanced.dropdown',
'subName' => 'offset',
'label' => 'Dropdown Offset',
'description' =>
'Set the offset distance for the dropdown menu.',
'category' => 'basic_option',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'margin',
'defaultUnit' => 'px',
'minLimit' => 0
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 1,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designDropdown' => [
'panel' => 'design',
'priority' => 10,
'multiElements' => true,
'groupName' => 'dropdown',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Dropdown'
]
]
]
]
]
],
'filterable-portfolio' => [
'name' => 'divi/filterable-portfolio',
'd4Shortcode' => 'et_pb_filterable_portfolio',
'title' => 'Filterable Portfolio',
'titles' => 'Filterable Portfolios',
'moduleIcon' => 'divi/module-filterable-portfolio',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'xVlL4lshxwM',
'name' => 'An introduction to the Filterable Portfolio 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}}',
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_filterable_portfolio.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_filterable_portfolio.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'text' => [
'priority' => 20,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => true
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'name' => 'divi/scroll',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'gridMotion' => [
'render' => true
]
]
]
]
]
],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'boxShadow' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'portfolio' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'postsNumber' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'portfolio.advanced.postsNumber',
'label' => 'Post Count',
'description' =>
'Define the number of projects that should be displayed per page.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'includedCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' =>
'portfolio.advanced.includedCategories',
'label' => 'Included Categories',
'description' =>
'Select the categories that you would like to include in the feed.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/checkboxes',
'props' => [
'options' => [],
'value' => []
]
]
]
],
'showTitle' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'portfolio.advanced.showTitle',
'label' => 'Show Title',
'description' =>
'Turn project titles on or off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' =>
'portfolio.advanced.showCategories',
'label' => 'Show Categories',
'description' =>
'Turn the category links on or off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showPagination' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' =>
'portfolio.advanced.showPagination',
'label' => 'Show Pagination',
'description' =>
'Enable or disable pagination for this feed.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'portfolioGrid' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_posts',
'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',
'flexWrap' => 'wrap',
'gridColumnCount' => '4',
'flexDirection' => 'column'
]
]
],
'fields' => [
'gridColumnCount' => [
'baseFieldDefault' => '4'
]
]
]
]
]
]
]
]
],
'portfolioItem' => [
'type' => 'object',
'selector' => '{{selector}}',
'supportsCustomAttributes' => true,
'styleProps' => [
'border' => [
'selector' =>
'{{selector}}.et_pb_filterable_portfolio .et_pb_portfolio_item'
]
],
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBorder',
'attrName' => 'portfolioItem.decoration.border',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_filterable_portfolio h2, {{selector}}.et_pb_filterable_portfolio h2 a, {{selector}}.et_pb_filterable_portfolio h1.et_pb_module_header, {{selector}}.et_pb_filterable_portfolio h1.et_pb_module_header a, {{selector}}.et_pb_filterable_portfolio h3.et_pb_module_header, {{selector}}.et_pb_filterable_portfolio h3.et_pb_module_header a, {{selector}}.et_pb_filterable_portfolio h4.et_pb_module_header, {{selector}}.et_pb_filterable_portfolio h4.et_pb_module_header a, {{selector}}.et_pb_filterable_portfolio h5.et_pb_module_header, {{selector}}.et_pb_filterable_portfolio h5.et_pb_module_header a, {{selector}}.et_pb_filterable_portfolio h6.et_pb_module_header, {{selector}}.et_pb_filterable_portfolio h6.et_pb_module_header a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_module_header'
],
'styleProps' => [
'font' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Title',
'groupLabel' => 'Title Text',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_filterable_portfolio .et_overlay',
'styleProps' => [
'icon' => [
'selector' => '{{selector}} .et_overlay:before',
'important' => [
'desktop' => [
'value' => [
'color' => true,
'font-family' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Hover Overlay Color',
'description' =>
'Here you can define a custom color for the overlay.',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'icon' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.icon',
'subName' => 'color',
'label' => 'Zoom Icon Color',
'priority' => 10,
'render' => true,
'category' => 'configuration',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'icon' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.icon',
'priority' => 30,
'render' => true,
'category' => 'configuration',
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'fieldLabel' => 'Hover Icon Picker',
'fields' => [
'color' => [
'render' => false
],
'icon' => [
'render' => true
],
'useSize' => [
'render' => false
]
]
]
]
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_portfolio_image',
'supportsCustomAttributes' => true,
'styleProps' => [
'border' => [
'selector' =>
'{{selector}}.et_pb_filterable_portfolio .et_portfolio_image'
],
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_portfolio_item .et_portfolio_image',
'useOverlay' => true
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.boxShadow',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.filters',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
]
],
'filter' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_filterable_portfolio .et_pb_portfolio_filter, {{selector}} .et_pb_portfolio_filter a',
'supportsCustomAttributes' => true,
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}}.et_pb_filterable_portfolio .et_pb_portfolio_filter a'
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Filter Criteria',
'groupLabel' => 'Filter Criteria Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_filterable_portfolio .post-meta, {{selector}}.et_pb_filterable_portfolio .post-meta a',
'supportsCustomAttributes' => true,
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Meta',
'groupLabel' => 'Meta Text'
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_filterable_portfolio .et_pb_portofolio_pagination a',
'supportsCustomAttributes' => true,
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}}.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul'
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Pagination',
'groupLabel' => 'Pagination Text'
]
]
]
]
]
]
],
'customCssFields' => [
'portfolioFilters' => [
'label' => 'Portfolio Filters',
'subName' => 'portfolioFilters',
'selectorSuffix' =>
' .et_pb_filterable_portfolio .et_pb_portfolio_filters'
],
'activePortfolioFilter' => [
'label' => 'Active Portfolio Filter',
'subName' => 'activePortfolioFilter',
'selectorSuffix' =>
' .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active'
],
'portfolioImage' => [
'label' => 'Portfolio Image',
'subName' => 'portfolioImage',
'selectorSuffix' => ' .et_filterable_portfolio_image'
],
'overlay' => [
'label' => 'Overlay',
'subName' => 'overlay',
'selectorSuffix' => ' .et_overlay'
],
'overlayIcon' => [
'label' => 'Overlay Icon',
'subName' => 'overlayIcon',
'selectorSuffix' => ' .et_overlay:before'
],
'portfolioTitle' => [
'label' => 'Portfolio Title',
'subName' => 'portfolioTitle',
'selectorSuffix' => ' .et_pb_filterable_portfolio_item h2'
],
'portfolioPostMeta' => [
'label' => 'Portfolio Post Meta',
'subName' => 'portfolioPostMeta',
'selectorSuffix' =>
' .et_pb_filterable_portfolio_item .post-meta'
],
'portfolioPagination' => [
'label' => 'Portfolio Pagination',
'subName' => 'portfolioPagination',
'selectorSuffix' => ' .et_pb_portofolio_pagination'
],
'portfolioPaginationActive' => [
'label' => 'Portfolio Pagination Active',
'subName' => 'portfolioPaginationActive',
'selectorSuffix' => ' .et_pb_portofolio_pagination a.active'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'content' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'content',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designBorder' => [
'panel' => 'design',
'groupName' => 'border',
'priority' => 90,
'multiElements' => false,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Border',
'presetGroup' => 'divi/border'
]
]
]
]
]
],
'fullwidth-code' => [
'name' => 'divi/fullwidth-code',
'd4Shortcode' => 'et_pb_fullwidth_code',
'moduleClassName' => 'et_pb_fullwidth_code',
'moduleOrderClassName' => 'et_pb_fullwidth_code',
'title' => 'Fullwidth Code',
'titles' => 'Fullwidth Codes',
'moduleIcon' => 'divi/module-code',
'category' => 'fullwidth-module',
'videos' => [
[
'id' => 'dTY6-Cbr00A',
'name' => 'An introduction to the Fullwidth Code 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}}',
'styleProps' => [
'sizing' => [
'important' => true
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'orientation' => [
'defaultAttr' => []
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_code_inner',
'childrenSanitizer' => 'et_core_esc_previously',
'inlineEditor' => 'plainText',
'tagName' => 'div',
'allowEmptyValue' => true,
'allowHtml' => true,
'attributes' => [
'class' => 'et_pb_code_inner'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'content.innerContent',
'label' => 'Code',
'description' =>
'Here you can create the content that will be used within the module.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/code',
'type' => 'field',
'props' => [
'readonly' => false,
'mode' => 'html'
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
]
]
]
],
'fullwidth-header' => [
'name' => 'divi/fullwidth-header',
'd4Shortcode' => 'et_pb_fullwidth_header',
'title' => 'Hero',
'titles' => 'Heroes',
'moduleIcon' => 'divi/module-fullwidth-header',
'category' => 'fullwidth-module',
'childrenName' => [],
'videos' => [
[
'id' => 'DxnwWdL0OVE',
'name' => 'An introduction to the Fullwidth Header 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-items',
'items' => [
'text' => [
'groupSlug' => 'designLayout',
'attrName' => 'module.advanced.text.text',
'subName' => 'orientation',
'label' => 'Text & Logo Alignment',
'description' =>
'This controls how your text is aligned within the module.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'multipleChoices' => false,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/button-options',
'type' => 'field',
'props' => [
'allowClickToUnset' => false,
'defaultValue' => 'left',
'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'
]
],
'showLabel' => false
]
]
],
'textGroup' => [
'groupSlug' => 'designText',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'fields' => [
'orientation' => [
'render' => false
]
],
'grouped' => false
]
]
]
]
],
'headerFullscreen' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' =>
'module.advanced.headerFullscreen',
'label' => 'Make Fullscreen',
'description' =>
'Here you can choose whether the header is expanded to fullscreen size.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'animation' => [],
'attributes' => [],
'border' => [],
'background' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-items',
'items' => [
'sizing' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'layout' => [
'selector' => '{{selector}} .header-content'
]
]
],
'image' => [
'type' => 'object',
'elementType' => 'image',
'selector' =>
'{{selector}} .header-logo, {{selector}} .header-image-container img',
'supportsCustomAttributes' => true,
'styleProps' => [
'selector' =>
'{{selector}} .header-logo, {{selector}} .header-image-container img',
'border' => [
'selector' =>
'{{selector}}.et_pb_fullwidth_header .header-logo, {{selector}}.et_pb_fullwidth_header .header-image-container img'
],
'boxShadow' => [
'overlay' => true
],
'filter' => [
'selector' =>
'{{selector}} .header-logo, {{selector}} .header-image-container'
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'imageInnerContentSrc' => [
'priority' => 20,
'groupSlug' => 'contentImage',
'render' => true,
'attrName' => 'image.innerContent',
'subName' => 'src',
'label' => 'Header Image',
'description' =>
'Upload your desired image, or type in the URL to the image you would like to display.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.boxShadow',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.filters',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true
]
]
]
]
],
'advanced' => [
'orientation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.advanced.orientation',
'label' => 'Image Alignment',
'description' =>
'This controls the orientation of the image within the module.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'multipleChoices' => false,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field'
]
]
]
]
]
],
'logo' => [
'type' => 'object',
'selector' => '{{selector}} .header-logo',
'supportsCustomAttributes' => true,
'elementType' => 'image',
'attributes' => [
'class' => 'header-logo'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'logoInnerContentSrc' => [
'priority' => 10,
'groupSlug' => 'contentImage',
'render' => true,
'attrName' => 'logo.innerContent',
'subName' => 'src',
'label' => 'Logo Image',
'description' =>
'Upload your desired image, or type in the URL to the image you would like to display.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true,
'width' => true,
'height' => true
]
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_fullwidth_header .header-content h1, {{selector}}.et_pb_fullwidth_header .header-content h2.et_pb_module_header, {{selector}}.et_pb_fullwidth_header .header-content h3.et_pb_module_header, {{selector}}.et_pb_fullwidth_header .header-content h4.et_pb_module_header, {{selector}}.et_pb_fullwidth_header .header-content h5.et_pb_module_header, {{selector}}.et_pb_fullwidth_header .header-content h6.et_pb_module_header',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_module_header'
],
'tagName' => 'h1',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' => 'Enter your page title here.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 30,
'groupLabel' => 'Title Text',
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'subhead' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead',
'supportsCustomAttributes' => true,
'tagName' => 'span',
'attributes' => [
'class' => 'et_pb_fullwidth_header_subhead'
],
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'subhead.innerContent',
'label' => 'Subtitle',
'description' =>
'If you would like to use a subhead, add it here. Your subhead will appear below your title in a small font.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSubtitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'fieldLabel' => 'Subtitle',
'grouped' => false
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_fullwidth_header .et_pb_header_content_wrapper',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_header_content_wrapper'
],
'styleProps' => [
'bodyFont' => [
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 50,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'Content entered here will appear below the subheading text.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
]
]
],
'advanced' => [
'orientation' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'groupSlug' => 'designText',
'render' => true,
'attrName' => 'content.advanced.orientation',
'label' => 'Text Vertical Alignment',
'description' =>
'This setting determines the vertical alignment of your content. Your content can either be vertically centered, or aligned to the bottom.',
'category' => 'layout',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/select'
]
]
],
'maxWidth' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'groupSlug' => 'designSizing',
'render' => true,
'attrName' => 'content.advanced.maxWidth',
'label' => 'Content Width',
'description' =>
'By default, elements will extend the full width of their parent element. If you would like to set a custom static width, you can do so using this option.',
'category' => 'layout',
'features' => [
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'max-width',
'defaultUnit' => '%',
'max' => 100
]
]
]
]
],
'decoration' => [
'bodyFont' => [
'priority' => 35,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'groups' => [
'body' => [
'fieldLabel' => 'Body'
]
]
]
]
]
]
]
],
'buttonOne' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_button_one.et_pb_button',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_more_button et_pb_button_one'
],
'elementType' => 'button',
'elementProps' => [
'hasWrapper' => false,
'allowEmptyUrl' => true
],
'tagName' => 'a',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'spacing' => [
'important' => true
],
'border' => [
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'buttonOneText' => [
'priority' => 40,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'buttonOne.innerContent',
'subName' => 'text',
'label' => 'Button #1',
'description' =>
'Enter the text for the Button.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'buttonOneLinkUrl' => [
'groupSlug' => 'contentLink',
'priority' => 5,
'render' => true,
'attrName' => 'buttonOne.innerContent',
'subName' => 'linkUrl',
'label' => 'Button #1 Link URL',
'description' =>
'Enter the URL for the Button.',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'url'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'priority' => 40,
'component' => [
'props' => [
'fields' => [
'alignment' => [
'render' => false
]
],
'groupLabel' => 'Button One'
]
]
],
'font' => [],
'spacing' => []
]
]
],
'buttonTwo' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_button_two.et_pb_button',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_more_button et_pb_button_two'
],
'elementType' => 'button',
'elementProps' => [
'hasWrapper' => false,
'allowEmptyUrl' => true
],
'tagName' => 'a',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'spacing' => [
'important' => true
],
'border' => [
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'buttonTwoText' => [
'groupSlug' => 'contentText',
'attrName' => 'buttonTwo.innerContent',
'subName' => 'text',
'label' => 'Button #2',
'description' =>
'Enter the text for the Button.',
'category' => 'basic_option',
'priority' => 40,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'buttonTwoLinkUrl' => [
'groupSlug' => 'contentLink',
'priority' => 10,
'render' => true,
'attrName' => 'buttonTwo.innerContent',
'subName' => 'linkUrl',
'label' => 'Button #2 Link URL',
'description' =>
'Enter the URL for the Button.',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'url'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'groupType' => 'group',
'priority' => 45,
'component' => [
'props' => [
'fields' => [
'alignment' => [
'render' => false
]
],
'groupLabel' => 'Button Two'
]
]
],
'font' => [],
'spacing' => []
]
]
],
'scrollDown' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon',
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'scrollDownShow' => [
'groupSlug' => 'designScrollDown',
'attrName' => 'scrollDown.decoration.icon',
'subName' => 'show',
'label' => 'Show Scroll Down Button',
'description' =>
'Here you can choose whether the scroll down button is shown.',
'category' => 'configuration',
'render' => true,
'priority' => 10,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'scrollDownIcon' => [
'groupSlug' => 'designScrollDown',
'attrName' => 'scrollDown.decoration.icon',
'label' => 'Icon',
'description' =>
'Choose an icon to display for the scroll down button.',
'category' => 'configuration',
'render' => true,
'priority' => 20,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => true,
'preset' => ['html', 'style']
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker',
'props' => [
'rowCount' => 1,
'showSearch' => false,
'showModal' => false,
'showFilter' => false
]
]
],
'scrollDownIconColor' => [
'groupSlug' => 'designScrollDown',
'attrName' => 'scrollDown.decoration.icon',
'subName' => 'color',
'label' => 'Scroll Down Icon Color',
'description' =>
'Here you can define a custom color for the scroll down icon.',
'render' => true,
'priority' => 30,
'features' => [
'hover' => true,
'sticky' => false,
'responsive' => true,
'preset' => ['html', 'style'],
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'scrollDownIconSize' => [
'groupSlug' => 'designScrollDown',
'attrName' => 'scrollDown.decoration.icon',
'subName' => 'size',
'label' => 'Scroll Down Icon Size',
'description' =>
'Increase or decrease the size of the scroll down arrow that appears towards the bottom of the module.',
'category' => 'layout',
'render' => true,
'priority' => 40,
'features' => [
'hover' => true,
'sticky' => false,
'responsive' => true,
'preset' => ['html', 'style']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'font-size'
]
]
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_fullwidth_header .et_pb_fullwidth_header_overlay',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Background Overlay Color',
'description' =>
'Pick a color to use for the background overlay. Decreasing the opacity will allow background images and gradients to show through while still keeping the text readable.',
'render' => true,
'priority' => 10,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
]
],
'customCssFields' => [
'headerContainer' => [
'label' => 'Header Container',
'subName' => 'headerContainer',
'selectorSuffix' => ' .et_pb_fullwidth_header_container'
],
'headerImage' => [
'label' => 'Header Image',
'subName' => 'headerImage',
'selectorSuffix' =>
' .et_pb_fullwidth_header_container .header-image img'
],
'logo' => [
'label' => 'Logo',
'subName' => 'logo',
'selectorSuffix' => ' .header-content img.header-logo'
],
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' =>
' .header-content h1, .header-content .et_pb_module_header'
],
'content' => [
'label' => 'Body',
'subName' => 'content',
'selectorSuffix' =>
'.et_pb_fullwidth_header .et_pb_header_content_wrapper'
],
'subtitle' => [
'label' => 'Subtitle',
'subName' => 'subtitle',
'selectorSuffix' =>
' .header-content .et_pb_fullwidth_header_subhead'
],
'button1' => [
'label' => 'Button One',
'subName' => 'button1',
'selectorSuffix' =>
' .header-content-container .header-content .et_pb_button_one.et_pb_button'
],
'button2' => [
'label' => 'Button Two',
'subName' => 'button2',
'selectorSuffix' =>
' .header-content-container .header-content .et_pb_button_two.et_pb_button'
],
'scrollButton' => [
'label' => 'Scroll Down Button',
'subName' => 'scrollButton',
'selectorSuffix' =>
' .et_pb_fullwidth_header_scroll a .et-pb-icon'
]
],
'settings' => [
'content' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 5,
'multiElements' => true,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentImage' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'image',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Images'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 15,
'multiElements' => true,
'groupName' => 'link',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'multiElements' => true,
'groupName' => 'layout',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Layout',
'presetGroup' => 'divi/layout'
]
]
],
'designScrollDown' => [
'panel' => 'design',
'priority' => 10,
'multiElements' => true,
'groupName' => 'scrollDown',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Scroll Down Icon'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 15,
'multiElements' => true,
'groupName' => 'image',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Image'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 20,
'multiElements' => true,
'groupName' => 'overlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Overlay'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 25,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designSubtitleText' => [
'panel' => 'design',
'priority' => 40,
'multiElements' => true,
'groupName' => 'subtitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Subtitle Text',
'presetGroup' => 'divi/font'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'multiElements' => true,
'groupName' => 'sizing',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Sizing',
'presetGroup' => 'divi/sizing'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'fullwidth-image' => [
'name' => 'divi/fullwidth-image',
'd4Shortcode' => 'et_pb_fullwidth_image',
'title' => 'Fullwidth Image',
'titles' => 'Fullwidth Images',
'moduleIcon' => 'divi/module-image',
'category' => 'fullwidth-module',
'videos' => [
[
'id' => 'cYwqxoHnjNA',
'name' => 'An introduction to the Fullwidth Image 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}}',
'settings' => [
'advanced' => [
'html' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'sizing' => [],
'spacing' => [],
'scroll' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'border' => [
'selector' => '{{selector}}, {{selector}} .et_overlay'
],
'boxShadow' => [
'useOverlay' => true
],
'spacing' => [
'important' => true
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} img',
'elementType' => 'imageLink',
'styleProps' => [
'selector' => '{{selector}} img, {{selector}} .et_overlay'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'src' => [
'groupSlug' => 'contentImage',
'subName' => 'src',
'label' => 'Image',
'description' => 'Upload an image.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'responsive' => true,
'hover' => true,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
],
'linkUrl' => [
'groupSlug' => 'contentImageLink',
'subName' => 'linkUrl',
'label' => 'Image Link URL',
'description' =>
'If you would like your image to be a link, input your destination URL here. No link will be created if this field is left blank.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 20,
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
],
'linkTarget' => [
'groupSlug' => 'contentImageLink',
'subName' => 'linkTarget',
'label' => 'Image Link Target',
'description' =>
'Here you can choose whether or not your link opens in a new window.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 30,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'off' => [
'label' => 'In The Current Tab'
],
'on' => [
'label' => 'In A New Tab'
]
]
]
]
]
]
],
'advanced' => [
'lightbox' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentImageLink',
'label' => 'Open in Lightbox',
'description' =>
'Here you can choose whether or not the image should open in Lightbox. Note: if you select to open the image in Lightbox, url options below will be ignored.',
'category' => 'configuration',
'render' => true,
'priority' => 10,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'overlay' => [
'groupType' => 'group-items',
'items' => [
'use' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'use',
'label' => 'Image Overlay',
'description' =>
'If enabled, an overlay color and icon will be displayed when a visitors hovers over the image',
'category' => 'layout',
'render' => true,
'priority' => 40,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['style']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'backgroundColor' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'backgroundColor',
'label' => 'Hover Overlay Color',
'description' =>
'Here you can define a custom color for the overlay',
'features' => [
'hover' => false,
'preset' => ['style'],
'dynamicContent' => [
'type' => 'color'
]
],
'render' => true,
'priority' => 60,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'overlayIcon' => [
'groupType' => 'group-items',
'items' => [
'hoverIcon' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'hoverIcon',
'label' => 'Hover Icon Picker',
'description' =>
'Here you can define a custom icon for the overlay.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['style']
],
'render' => true,
'priority' => 70,
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
],
'iconColor' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'iconColor',
'label' => 'Overlay Icon Color',
'description' =>
'Here you can define a custom color for the overlay icon',
'render' => true,
'priority' => 50,
'features' => [
'hover' => false,
'preset' => ['style'],
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
]
]
],
'customCssFields' => [
'image' => [
'label' => 'Image',
'subName' => 'image',
'selectorSuffix' => ' img'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentImage' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'image',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'contentImageLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'link',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link'
]
]
],
'designImageOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'overlay',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay',
'clipboardCategory' => 'style'
]
]
]
]
]
],
'fullwidth-map' => [
'name' => 'divi/fullwidth-map',
'd4Shortcode' => 'et_pb_fullwidth_map',
'title' => 'Fullwidth Map',
'titles' => 'Fullwidth Maps',
'moduleIcon' => 'divi/module-map',
'category' => 'fullwidth-module',
'moduleClassName' => 'et_pb_map_container',
'moduleOrderClassName' => 'et_pb_fullwidth_map',
'childModuleName' => 'divi/map-pin',
'childModuleTitle' => 'Pin',
'childrenName' => ['divi/map-pin'],
'videos' => [
[
'id' => 'dAUnlYZ43-g',
'name' => 'An introduction to the Fullwidth Map module'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'map' => [
'type' => 'object',
'selector' => '{{selector}} .gm-style>div>div>div>div>div>img',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'groupSlug' => 'contentMap',
'render' => true,
'attrName' => 'map.innerContent',
'label' => 'Map Center Address',
'description' =>
'Enter an address for the map center point, and the address will be geocoded and displayed on the map below.',
'category' => 'basic_option',
'features' => [
'preset' => 'content'
],
'component' => [
'name' => 'divi/map',
'type' => 'field',
'props' => [
'hideUpdateButton' => false,
'hasMarker' => false,
'readonly' => false
]
]
]
],
'decoration' => [
'filters' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Map',
'fieldLabel' => 'Map'
]
]
]
],
'advanced' => [
'googleAPIKey' => [
'groupType' => 'group-items',
'items' => [
'mapAdvancedWarning' => [
'priority' => 10,
'groupSlug' => 'contentMap',
'render' => true,
'attrName' => '',
'label' => '',
'description' => '',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/warning',
'type' => 'field'
]
],
'mapAdvancedGoogleAPIKey' => [
'priority' => 20,
'groupSlug' => 'contentMap',
'render' => true,
'attrName' => 'map.advanced.googleAPIKey',
'label' => 'Google API Key',
'description' =>
'The Fullwidth Maps module uses the Google Fullwidth Maps API and requires a valid Google API Key to function. Before using the map module, please make sure you have added your API key inside the Divi Theme Options panel. Learn more about how to create your Google API Key here.',
'category' => 'basic_option',
'features' => [
'preset' => 'content'
],
'component' => [
'name' => 'divi/google-api-key-field',
'type' => 'field'
]
]
]
],
'mouseWheel' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'groupSlug' => 'designControls',
'render' => true,
'attrName' => 'map.advanced.mouseWheel',
'label' => 'Mouse Wheel Zoom',
'description' =>
'Here you can choose whether the zoom level will be controlled by mouse wheel or not.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'mobileDragging' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'designControls',
'render' => true,
'attrName' => 'map.advanced.mobileDragging',
'label' => 'Draggable On Mobile',
'description' =>
'Here you can choose whether or not the map will be draggable on mobile devices.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
]
]
],
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'height' => '{{selector}} > .et_pb_map'
]
]
]
],
'boxShadow' => [
'useOverlay' => true
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'innerContent' => [],
'decoration' => [
'background' => [],
'sizing' => [],
'spacing' => [],
'border' => [],
'boxShadow' => [],
'filters' => [],
'interactions' => [],
'transform' => [],
'animation' => [],
'attributes' => [],
'conditions' => [],
'disabledOn' => [],
'overflow' => [],
'order' => [],
'transition' => [],
'position' => [],
'zIndex' => [],
'sticky' => [],
'scroll' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => []
]
]
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMap' => [
'panel' => 'content',
'priority' => 5,
'multiElements' => true,
'groupName' => 'contentMap',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Map',
'preset' => 'content'
]
]
],
'designControls' => [
'panel' => 'design',
'priority' => 5,
'multiElements' => true,
'groupName' => 'designControls',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Controls'
]
]
]
]
],
'customCssFields' => []
],
'fullwidth-menu' => [
'name' => 'divi/fullwidth-menu',
'moduleClassName' => 'et_pb_fullwidth_menu',
'moduleOrderClassName' => 'et_pb_fullwidth_menu',
'd4Shortcode' => 'et_pb_fullwidth_menu',
'title' => 'Fullwidth Menu',
'titles' => 'Fullwidth Menus',
'moduleIcon' => 'divi/module-menu',
'category' => 'fullwidth-module',
'videos' => [
[
'id' => '-IkzKRz8zc0',
'name' => 'An introduction to the Fullwidth Menu 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}}.et_pb_fullwidth_menu',
'styleProps' => [
'boxShadow' => [
'selector' => '{{selector}}, {{selector}} .sub-menu'
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMenuText',
'priority' => 21,
'render' => true,
'component' => [
'name' => 'divi/text',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'orientation' => [
'visible' => true
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'logo' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_menu__logo-wrap img',
'supportsCustomAttributes' => true,
'elementType' => 'imageLink',
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'width' =>
'{{selector}} .et_pb_row > .et_pb_menu__logo-wrap, {{selector}} .et_pb_menu__logo-slot',
'max-width' =>
'{{selector}} .et_pb_row > .et_pb_menu__logo-wrap, {{selector}} .et_pb_menu__logo-slot',
'height' =>
'{{selector}} .et_pb_row > .et_pb_menu__logo-wrap .et_pb_menu__logo img, {{selector}} .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img',
'max-height' =>
'{{selector}} .et_pb_row > .et_pb_menu__logo-wrap .et_pb_menu__logo img, {{selector}} .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img'
]
]
]
],
'border' => [
'selector' =>
'{{selector}} .et_pb_menu__logo-wrap .et_pb_menu__logo img'
],
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_menu__logo-wrap .et_pb_menu__logo'
],
'filters' => [
'selector' => '{{selector}} .et_pb_menu__logo-wrap img'
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'src' => [
'groupSlug' => 'contentLogo',
'priority' => 10,
'render' => true,
'attrName' => 'logo.innerContent',
'subName' => 'src',
'label' => 'Logo',
'description' =>
'Upload an image to display beside your menu.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/upload',
'type' => 'field',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
],
'linkUrl' => [
'groupSlug' => 'contentLink',
'priority' => 5,
'render' => true,
'attrName' => 'logo.innerContent',
'subName' => 'linkUrl',
'label' => 'Logo Link URL',
'description' =>
'If you would like to make your logo a link, input your destination URL here.',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'url'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'linkTarget' => [
'groupSlug' => 'contentLink',
'priority' => 10,
'render' => true,
'attrName' => 'logo.innerContent',
'subName' => 'linkTarget',
'label' => 'Logo Link Target',
'description' =>
'Here you can choose whether or not your link opens in a new window',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'off' => [
'label' => 'In The Current Tab'
],
'on' => [
'label' => 'In A New Tab'
]
]
]
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Logo',
'fields' => [
'styles' => [
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
]
]
]
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 15,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Logo',
'fields' => [
'style' => [
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
]
],
'position' => [
'features' => [
'hover' => false,
'sticky' => false
]
]
]
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image',
'fields' => [
'blendMode' => [
'features' => [
'sticky' => false
]
]
]
]
]
]
],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Logo',
'fields' => [
'alignment' => [
'render' => false
],
'minHeight' => [
'render' => false
]
]
]
]
]
]
]
]
],
'menu' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_fullwidth_menu ul li a',
'hover' =>
'{{selector}}.et_pb_fullwidth_menu ul li:hover > a'
]
]
]
],
'settings' => [
'advanced' => [
'menuId' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMenu',
'priority' => 5,
'render' => true,
'attrName' => 'menu.advanced.menuId',
'label' => 'Menu',
'description' => '',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select-menu',
'type' => 'field',
'props' => [
'options' => []
]
]
]
],
'style' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 5,
'render' => true,
'attrName' => 'menu.advanced.style',
'label' => 'Style',
'category' => 'layout',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'left_aligned' => [
'label' => 'Left Aligned'
],
'centered' => [
'label' => 'Centered'
],
'inline_centered_logo' => [
'label' =>
'Inline Centered Logo'
]
]
]
]
]
],
'activeLinkColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMenuText',
'priority' => 5,
'render' => true,
'attrName' => 'menu.advanced.activeLinkColor',
'label' => 'Active Link Color',
'description' =>
'An active link is the page currently being visited. You can pick a color to be applied to active links to differentiate them from other links.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'fullwidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 15,
'render' => true,
'attrName' => 'menu.advanced.fullwidth',
'label' => 'Make Menu Links Fullwidth',
'description' =>
'Menu width is limited by your website content width. Enabling this option will extend the menu the full width of the browser window.',
'features' => [
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMenuText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Menu',
'fields' => [
'textAlign' => [
'render' => false
],
'family' => [
'features' => [
'hover' => false,
'sticky' => false
]
]
]
]
]
]
]
]
]
],
'menuDropdown' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}}.et_pb_fullwidth_menu .nav li ul.sub-menu a'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
],
'background' => [
'selector' =>
'{{selector}}.et_pb_fullwidth_menu .nav li ul',
'important' => true
]
],
'settings' => [
'advanced' => [
'direction' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'attrName' => 'menuDropdown.advanced.direction',
'label' => 'Dropdown Menu Direction',
'description' =>
'Here you can choose the direction that your sub-menus will open. You can choose to have them open downwards or upwards.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'downwards' => [
'label' => 'Downwards'
],
'upwards' => [
'label' => 'Upwards'
]
]
]
]
]
],
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 30,
'render' => true,
'attrName' => 'menuDropdown.advanced.animation',
'label' => 'Dropdown Menu Animation',
'description' =>
'Select a menu that should be used in the module. Click here to create new menu.
',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'expand' => [
'label' => 'Expand'
],
'fade' => [
'label' => 'Fade'
],
'flip' => [
'label' => 'Flip'
],
'slide' => [
'label' => 'Slide'
]
]
]
]
]
],
'lineColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 10,
'render' => true,
'attrName' => 'menuDropdown.advanced.lineColor',
'label' => 'Dropdown Menu Line Color',
'description' =>
'Pick a color to be used for the dividing line between links in dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'activeLinkColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 20,
'render' => true,
'attrName' =>
'menuDropdown.advanced.activeLinkColor',
'label' => 'Dropdown Menu Active Link Color',
'description' =>
'Pick a color to be used for active links in dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'responsive' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 5,
'render' => true,
'attrName' =>
'menuDropdown.decoration.background',
'subName' => 'color',
'label' => 'Dropdown Menu Background Color',
'description' =>
'Pick a color to be applied to the background of dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'responsive' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 15,
'render' => true,
'attrName' =>
'menuDropdown.decoration.font.font',
'subName' => 'color',
'label' => 'Dropdown Menu Text Color',
'description' =>
'Pick a color to be used for links in dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'responsive' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'menuMobile' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_fullwidth_menu .et_mobile_menu a',
'important' => true
],
'background' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_fullwidth_menu .et_mobile_menu,{{selector}}.et_pb_fullwidth_menu .et_mobile_menu ul',
'hover' =>
'{{selector}}.et_pb_fullwidth_menu .et_mobile_menu:hover, {{selector}}.et_pb_fullwidth_menu .et_mobile_menu ul:hover, {{selector}}.et_pb_fullwidth_menu .et_mobile_menu:hover ul'
]
],
'important' => true
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 25,
'render' => true,
'attrName' =>
'menuMobile.decoration.background',
'subName' => 'color',
'label' => 'Mobile Menu Background Color',
'description' =>
'Pick a unique color to be used for the menu background color when viewed on a mobile device.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 30,
'render' => true,
'attrName' => 'menuMobile.decoration.font.font',
'subName' => 'color',
'label' => 'Mobile Menu Text Color',
'description' =>
'Pick a color to be used for links in mobile menus.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'cartQuantity' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_fullwidth_menu .et_pb_menu__icon.et_pb_menu__icon__with_count .et_pb_menu__cart-count'
]
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'attrName' => 'cartQuantity.advanced.show',
'label' => 'Show Cart Quantity',
'category' => 'layout',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
],
'features' => [
'preset' => ['html']
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCartQuantity',
'priority' => 21,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Cart Quantity',
'fields' => [
'textAlign' => [
'render' => false
],
'family' => [
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
]
],
'color' => [
'features' => [
'responsive' => false
]
],
'size' => [
'features' => [
'responsive' => false
]
],
'letterSpacing' => [
'features' => [
'responsive' => false
]
],
'lineHeight' => [
'features' => [
'responsive' => false
]
]
]
]
]
]
]
]
]
],
'cartIcon' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_menu__icon.et_pb_menu__cart-button'
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'attrName' => 'cartIcon.advanced.show',
'label' => 'Show Shopping Cart Icon',
'category' => 'layout',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
],
'features' => [
'preset' => ['html']
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-items',
'items' => [
'cartIconColor' => [
'groupSlug' => 'designIcons',
'priority' => 5,
'render' => true,
'attrName' =>
'cartIcon.decoration.font.font',
'subName' => 'color',
'label' => 'Shopping Cart Icon Color',
'description' =>
'Here you can define a custom color for your shopping cart icon.',
'defaultAttr' => [
'desktop' => [
'value' => [
'color' =>
'$variable({"type":"color","value":{"name":"gcid-primary-color","settings":{}}})$'
]
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'cartIconSize' => [
'groupSlug' => 'designIcons',
'priority' => 20,
'render' => true,
'attrName' =>
'cartIcon.decoration.font.font',
'subName' => 'size',
'label' => 'Shopping Cart Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '17px'
]
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'defaultUnit' => 'px',
'max' => 120,
'min' => 1,
'step' => 1
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
]
],
'searchIcon' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_menu__icon.et_pb_menu__search-button, {{selector}} .et_pb_menu__icon.et_pb_menu__close-search-button'
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 15,
'render' => true,
'attrName' => 'searchIcon.advanced.show',
'label' => 'Show Search Icon',
'category' => 'layout',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
],
'features' => [
'preset' => ['html']
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-items',
'items' => [
'searchIconColor' => [
'groupSlug' => 'designIcons',
'priority' => 10,
'render' => true,
'attrName' =>
'searchIcon.decoration.font.font',
'subName' => 'color',
'label' => 'Search Icon Color',
'description' =>
'Here you can define a custom color for your search icon.',
'defaultAttr' => [
'desktop' => [
'value' => [
'color' =>
'$variable({"type":"color","value":{"name":"gcid-primary-color","settings":{}}})$'
]
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'searchIconSize' => [
'groupSlug' => 'designIcons',
'priority' => 25,
'render' => true,
'attrName' =>
'searchIcon.decoration.font.font',
'subName' => 'size',
'label' => 'Search Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '17px'
]
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'defaultUnit' => 'px',
'max' => 120,
'min' => 1,
'step' => 1
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
]
],
'hamburgerMenuIcon' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'selector' =>
'{{selector}} .mobile_nav .mobile_menu_bar:before'
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-items',
'items' => [
'hamburgerMenuIconColor' => [
'groupSlug' => 'designIcons',
'priority' => 15,
'render' => true,
'attrName' =>
'hamburgerMenuIcon.decoration.font.font',
'subName' => 'color',
'label' => 'Hamburger Menu Icon Color',
'description' =>
'Here you can define a custom color for your hamburger menu icon.',
'defaultAttr' => [
'desktop' => [
'value' => [
'color' =>
'$variable({"type":"color","value":{"name":"gcid-primary-color","settings":{}}})$'
]
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'hamburgerMenuIconSize' => [
'groupSlug' => 'designIcons',
'priority' => 30,
'render' => true,
'attrName' =>
'hamburgerMenuIcon.decoration.font.font',
'subName' => 'size',
'label' => 'Hamburger Menu Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '32px'
]
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'defaultUnit' => 'px',
'max' => 120,
'min' => 1,
'step' => 1
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'menuLink' => [
'subName' => 'menuLink',
'selectorSuffix' => ' .et-menu-nav li a',
'label' => 'Menu Link'
],
'activeMenuLink' => [
'subName' => 'activeMenuLink',
'selectorSuffix' => ' .et-menu-nav li.current-menu-item a',
'label' => 'Active Menu Link'
],
'dropdownContainer' => [
'subName' => 'dropdownContainer',
'selectorSuffix' => ' .et-menu-nav li ul.sub-menu',
'label' => 'Dropdown Menu Container'
],
'dropdownLinks' => [
'subName' => 'dropdownLinks',
'selectorSuffix' => ' .et-menu-nav li ul.sub-menu a',
'label' => 'Dropdown Menu Links'
],
'menuLogo' => [
'subName' => 'menuLogo',
'selectorSuffix' => ' .et_pb_menu__logo',
'label' => 'Menu Logo'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentMenu' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentMenu',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentLogo' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentLogo',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Logo'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentLink',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'layoutStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style'
]
]
],
'designMenuText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'menuTextStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Menu Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designDropdownMenu' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'dropdownMenuStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Dropdown Menu',
'clipboardCategory' => 'style'
]
]
],
'designIcons' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'iconStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icons',
'clipboardCategory' => 'style'
]
]
],
'designLogo' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'logoStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Logo',
'clipboardCategory' => 'style'
]
]
],
'designCartQuantity' => [
'panel' => 'design',
'priority' => 21,
'groupName' => 'cartQuantityStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Cart Quantity Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 150,
'groupName' => 'animation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/animation'
]
]
]
]
]
],
'fullwidth-portfolio' => [
'name' => 'divi/fullwidth-portfolio',
'd4Shortcode' => 'et_pb_fullwidth_portfolio',
'title' => 'Post Carousel',
'titles' => 'Post Carousels',
'moduleIcon' => 'divi/module-fullwidth-portfolio',
'category' => 'fullwidth-module',
'childrenName' => [],
'videos' => [
[
'id' => 'AIeVWG7vAAc',
'name' => 'An introduction to the Fullwidth Portfolio 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}}',
'styleProps' => [
'layout' => [
'selector' => '{{selector}} .et_pb_portfolio_items'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'text' => [
'priority' => 10
],
'autoRotate' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.autoRotate',
'label' => 'Automatic Carousel Rotation',
'description' =>
'If you the carousel layout option is chosen and you would like the carousel to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired.',
'priority' => 50,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'autoRotateSpeed' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.autoRotateSpeed',
'label' =>
'Automatic Carousel Rotation Speed (in ms)',
'description' =>
'Here you can designate how fast the carousel rotates, if \'Automatic Carousel Rotation\' option is enabled above. The higher the number the longer the pause between each rotation. (Ex. 1000 = 1 sec)',
'priority' => 50,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
]
],
'decoration' => [
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'animation' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'designAnimation',
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'border' => [],
'position' => [],
'scroll' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'name' => 'divi/scroll',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'gridMotion' => [
'render' => true
]
]
]
]
]
],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'boxShadow' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'portfolio' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} h3,{{selector}} h1.et_pb_module_header,{{selector}} h2.et_pb_module_header,{{selector}} h4.et_pb_module_header,{{selector}} h5.et_pb_module_header,{{selector}} h6.et_pb_module_header',
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'includedCategories' => [
'groupSlug' => 'content',
'attrName' => 'portfolio.innerContent',
'subName' => 'includedCategories',
'label' => 'Included Categories',
'description' =>
'Select the categories that you would like to include in the feed.',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/checkboxes',
'props' => [
'options' => [],
'value' => []
]
]
],
'type' => [
'groupSlug' => 'content',
'attrName' => 'portfolio.innerContent',
'subName' => 'type',
'label' => 'Post Type',
'description' =>
'Choose posts of which post type you would like to display.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => []
]
]
],
'postsNumber' => [
'groupSlug' => 'content',
'attrName' => 'portfolio.innerContent',
'subName' => 'postsNumber',
'label' => 'Post Count',
'description' =>
'Control how many projects are displayed. Leave blank or use 0 to not limit the amount.',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
]
],
'advanced' => [
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'portfolio.advanced.layout',
'label' => 'Layout',
'description' =>
'Choose your desired portfolio layout style.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'on' => [
'label' => 'Carousel'
],
'off' => [
'label' => 'Grid'
]
]
]
]
]
],
'showTitle' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'portfolio.advanced.showTitle',
'label' => 'Show Title',
'description' =>
'Turn project titles on or off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showDate' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'portfolio.advanced.showDate',
'label' => 'Show Date',
'description' =>
'Turn the date display on or off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPortfolioItemTitleText',
'attrName' => 'portfolio.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' =>
'Carousel Item Title Text',
'fieldLabel' => 'Carousel Item Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'label' => 'Title',
'selector' => '{{selector}} .et_pb_portfolio_title',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_portfolio_title'
],
'tagName' => 'h2',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' => '{{selector}} .et_pb_portfolio_title',
'font' => [
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'content',
'attrName' => 'title.innerContent',
'label' => 'Carousel Title',
'description' =>
'Title displayed above the portfolio.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'attrName' => 'title.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'groupLabel' => 'Title Text',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_portfolio_item .et_overlay',
'styleProps' => [
'background' => [
'selector' =>
'{{selectorPrefix}}.et_pb_fullwidth_portfolio{{baseSelector}} .et_pb_portfolio_image .et_overlay'
],
'icon' => [
'selector' =>
'{{selectorPrefix}}.et_pb_fullwidth_portfolio{{baseSelector}} .et_pb_portfolio_image .et_overlay:before',
'important' => [
'desktop' => [
'value' => [
'color' => true,
'font-family' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Overlay Background Color',
'description' =>
'Pick a color to use for the icon that appears when hovering over a Carousel Item.',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'icon' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.icon',
'subName' => 'color',
'label' => 'Overlay Icon Color',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'icon' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.icon',
'label' => 'Overlay Icon',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'fieldLabel' => 'Overlay Icon',
'fields' => [
'color' => [
'render' => false
],
'icon' => [
'render' => true
],
'useSize' => [
'render' => false
],
'size' => [
'features' => [
'preset' => 'content'
]
]
]
]
]
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_portfolio_image',
'styleProps' => [
'boxShadow' => [
'useOverlay' => true
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.boxShadow',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.filters',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}} .post-meta, {{selector}} .post-meta a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'post-meta'
],
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} .et_pb_portfolio_image p.post-meta'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Meta',
'groupLabel' => 'Meta Text'
]
]
]
]
]
],
'portfolioGrid' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_portfolio_items',
'settings' => [
'advanced' => []
]
],
'portfolioItemTitle' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_module_header',
'supportsCustomAttributes' => true,
'tagName' => 'h3',
'elementType' => 'heading',
'attributes' => [
'class' => 'et_pb_module_header'
]
]
],
'customCssFields' => [
'portfolioTitle' => [
'label' => 'Carousel Title',
'subName' => 'portfolioTitle',
'selectorSuffix' => '> h2'
],
'portfolioItem' => [
'label' => 'Carousel Item',
'subName' => 'portfolioItem',
'selectorSuffix' => ' .et_pb_portfolio_item'
],
'portfolioOverlay' => [
'label' => 'Item Overlay',
'subName' => 'portfolioOverlay',
'selectorSuffix' => ' span.et_overlay'
],
'portfolioItemTitle' => [
'label' => 'Item Title',
'subName' => 'portfolioItemTitle',
'selectorSuffix' => ' .meta h3'
],
'portfolioMeta' => [
'label' => 'Meta',
'subName' => 'portfolioMeta',
'selectorSuffix' => ' .meta p'
],
'portfolioArrows' => [
'label' => 'Navigation Arrows',
'subName' => 'portfolioArrows',
'selectorSuffix' => ' .et-pb-slider-arrows a'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'content' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'content',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'layout',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designPortfolioItemTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designPortfolioItemTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Carousel Item Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designAnimation' => [
'panel' => 'design',
'groupName' => 'animation',
'priority' => 200,
'multiElements' => false,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'presetGroup' => 'divi/animation'
]
]
]
]
]
],
'fullwidth-post-content' => [
'name' => 'divi/fullwidth-post-content',
'title' => 'Fullwidth Post Content',
'titles' => 'Fullwidth Post Contents',
'moduleIcon' => 'divi/module-post-content',
'category' => 'fullwidth-module',
'videos' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'bodyFont' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'headingFont' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'zIndex' => []
]
],
'styleProps' => []
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} img',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 15,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => false,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => []
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'imageStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
]
]
],
'd4Shortcode' => 'et_pb_fullwidth_post_content',
'appearance' => [
'multiple' => false,
'multipleAliases' => ['divi/post-content'],
'themeBuilderLayouts' => ['body']
]
],
'fullwidth-post-slider' => [
'name' => 'divi/fullwidth-post-slider',
'd4Shortcode' => 'et_pb_fullwidth_post_slider',
'moduleClassName' => 'et_pb_fullwidth_post_slider',
'moduleOrderClassName' => 'et_pb_fullwidth_post_slider',
'title' => 'Fullwidth Post Slider',
'titles' => 'Fullwidth Post Sliders',
'moduleIcon' => 'divi/module-post-slider',
'category' => 'fullwidth-module',
'videos' => [
[
'id' => 'l9Rk8Wpj3gI',
'name' => 'An introduction to the Fullwidth Post Slider 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' => [
'html' => [],
'link' => [],
'text' => [],
'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'
]
]
],
'autoIgnoreHover' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 10,
'render' => true,
'label' => 'Continue Automatic Slide on Hover',
'description' =>
'Turning this on will allow automatic sliding to continue on mouse hover.',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['script']
],
'component' => [
'name' => 'divi/toggle',
'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' => [],
'conditions' => [],
'disabledOn' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/disabled-on',
'props' => [
'grouped' => false
]
]
]
],
'overflow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/overflow',
'props' => [
'grouped' => false
]
]
]
],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => [],
'border' => [],
'boxShadow' => [],
'filters' => [],
'interactions' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}}.et_pb_slider, {{selector}}.et_pb_slider.et_pb_bg_layout_dark'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}, {{selector}} .et_pb_slide, {{selector}} .et_pb_slide_overlay_container'
]
]
]
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selector}} .et_pb_slide_description, .et_pb_slider_fullwidth_off{{selector}} .et_pb_slide_description'
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'height' =>
'{{selector}}, {{selector}} .et_pb_slide',
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
]
],
'boxShadow' => [
'useOverlay' => true
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_description .et_pb_slide_title, {{selector}}.et_pb_slider .et_pb_slide_description .et_pb_slide_title a',
'elementType' => 'heading',
'settings' => [
'decoration' => [
'font' => []
]
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true,
'color' => true
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_content, {{selector}}.et_pb_slider .et_pb_slide_content div',
'elementType' => 'content',
'settings' => [
'advanced' => [
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 10,
'render' => true,
'label' => 'Show Content On Mobile',
'description' =>
'This setting will toggle visibility of content on mobile devices.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'bodyFont' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Content',
'fields' => [
'alignment' => [
'render' => false
],
'height' => [
'render' => false
],
'maxHeight' => [
'render' => false
],
'minHeight' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'important' => true
],
'sizing' => [
'selector' =>
'{{selector}} .et_pb_slide > .et_pb_container'
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_content .post-meta, {{selector}}.et_pb_slider .et_pb_slide_content .post-meta a',
'elementType' => 'element',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 30,
'render' => true,
'label' => 'Show Post Meta',
'description' =>
'This setting will turn on and off the meta section.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group',
'priority' => 40,
'component' => [
'props' => [
'groupLabel' => 'Meta Text',
'fieldLabel' => 'Meta'
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => true
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_slide_image img',
'elementType' => 'element',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFeaturedImage',
'priority' => 10,
'render' => true,
'label' => 'Show Featured Image',
'description' =>
'This setting will turn on and off the featured image in the slider.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'placement' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFeaturedImage',
'priority' => 10,
'render' => true,
'label' => 'Featured Image Placement',
'description' =>
'Select how you would like to display the featured image in slides',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'background' => [
'label' => 'Background'
],
'left' => [
'label' => 'Left'
],
'right' => [
'label' => 'Right'
],
'top' => [
'label' => 'Top'
],
'bottom' => [
'label' => 'Bottom'
]
]
]
]
]
],
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 30,
'render' => true,
'label' => 'Show Image On Mobile',
'description' =>
'This setting will toggle visibility of Images/Video on mobile devices.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'selector' =>
'{{selector}} .et_pb_slide .et_pb_slide_image img'
],
'filters' => [
'selector' => '{{selector}} .et_pb_slide_image'
]
]
],
'button' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_more_button.et_pb_button',
'elementType' => 'button',
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentContent',
'render' => true,
'attrName' => 'button.innerContent',
'subName' => 'text',
'label' => 'Button',
'description' =>
'Define the text which will be displayed on "Read More" button. leave blank for default ( Read More )',
'category' => 'configuration',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'render' => false
]
]
]
],
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'label' => 'Show Read More Button',
'description' =>
'This setting will turn on and off the read more button.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 20,
'render' => true,
'label' => 'Show CTA On Mobile',
'description' =>
'This setting will toggle visibility of CTA on mobile devices.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'component' => [
'props' => [
'fields' => [
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'alignment' => [
'visible' => true
]
]
]
]
],
'font' => [],
'spacing' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
]
]
],
'post' => [
'type' => 'object',
'settings' => [
'advanced' => [
'number' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 10,
'render' => true,
'label' => 'Post Count',
'description' =>
'Choose how many posts you would like to display in the slider.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'categories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 10,
'render' => true,
'label' => 'Included Categories',
'description' =>
'Choose which categories you would like to include in the slider.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/checkboxes',
'type' => 'field'
]
]
],
'orderby' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 10,
'render' => true,
'label' => 'Order By',
'description' =>
'Here you can adjust the order in which posts are displayed.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'date_desc' => [
'label' => 'Date: new to old'
],
'date_asc' => [
'label' => 'Date: old to new'
],
'title_asc' => [
'label' => 'Title: a-z'
],
'title_desc' => [
'label' => 'Title: z-a'
],
'rand' => [
'label' => 'Random'
]
]
]
]
]
],
'contentSource' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Content Display',
'description' =>
'Showing the full content will not truncate your posts in the slider. Showing the excerpt will only display excerpt text.',
'category' => 'configuration',
'features' => [
'hover' => true,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'off' => [
'label' => 'Show Excerpt'
],
'on' => [
'label' => 'Show Content'
]
]
]
]
]
],
'excerptManual' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Use Post Excerpts',
'description' =>
'Disable this option if you want to ignore manually defined excerpts and always generate it automatically.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
],
'excerptLength' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Excerpt Length',
'description' =>
'Define the length of automatically generated excerpts. Leave blank for default ( 270 ) ',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'offset' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Offset Number',
'description' =>
'Choose how many posts you would like to offset by',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
]
]
],
'arrows' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-slider-arrows .et-pb-arrow-prev, {{selector}} .et-pb-slider-arrows .et-pb-arrow-next',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'priority' => 10,
'render' => true,
'label' => 'Arrow Color',
'description' =>
'Pick a color to use for the slider arrows that are used to navigate through each slide.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'label' => 'Show Arrows',
'description' =>
'This setting will turn on and off the navigation arrows.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-controllers a, {{selector}} .et-pb-controllers .et-pb-active-control',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'label' => 'Show Controls',
'description' =>
'This setting will turn on and off the circle buttons at the bottom of the slider.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' =>
'pagination.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Dot Navigation Color',
'description' =>
'Pick a color to use for the dot navigation that appears at the bottom of the slider to designate which slide is active.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'slideOverlay' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_slide .et_pb_slide_overlay_container',
'settings' => [
'advanced' => [
'use' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'priority' => 10,
'render' => true,
'label' => 'Use Background Overlay',
'description' =>
'When enabled, a custom overlay color will be added above your background image and behind your slider content.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'slideOverlay.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Background Overlay Color',
'description' =>
'Use the color picker to choose a color for the background overlay.',
'category' => 'configuration',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'contentOverlay' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_slide .et_pb_text_overlay_wrapper',
'settings' => [
'advanced' => [
'use' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'priority' => 10,
'render' => true,
'label' => 'Use Text Overlay',
'description' =>
'When enabled, a background color is added behind the slider text to make it more readable atop background images.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'contentOverlay.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Text Overlay Color',
'description' =>
'Use the color picker to choose a color for the text overlay.',
'category' => 'configuration',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'priority' => 10,
'render' => true,
'label' => 'Text Overlay Border Radius',
'description' =>
'Increasing the border radius will increase the roundness of the overlay corners. Setting this value to 0 will result in squared corners.',
'component' => [
'name' => 'divi/border',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'styles' => [
'render' => false
],
'stylesTabNav' => [
'render' => false
],
'stylesTabbedWidth' => [
'render' => false
],
'stylesTabbedColor' => [
'render' => false
],
'stylesTabbedStyle' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'border' => [
'selector' =>
'{{selector}}.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper'
]
]
]
],
'customCssFields' => [
'slideDescription' => [
'label' => 'Slide Description',
'subName' => 'slideDescription',
'selectorSuffix' => ' .et_pb_slide_description'
],
'slideTitle' => [
'label' => 'Slide Title',
'subName' => 'slideTitle',
'selectorSuffix' =>
' .et_pb_slide_description .et_pb_slide_title'
],
'slideMeta' => [
'label' => 'Slide Meta',
'subName' => 'slideMeta',
'selectorSuffix' => ' .et_pb_slide_content .post-meta'
],
'slideButton' => [
'label' => 'Slide Button',
'subName' => 'slideButton',
'selectorSuffix' =>
'.et_pb_slider a.et_pb_more_button.et_pb_button'
],
'slideControllers' => [
'label' => 'Slide Controllers',
'subName' => 'slideControllers',
'selectorSuffix' => ' .et-pb-controllers'
],
'slideActiveController' => [
'label' => 'Slide Active Controller',
'subName' => 'slideActiveController',
'selectorSuffix' => ' .et-pb-controllers .et-pb-active-control'
],
'slideImage' => [
'label' => 'Slide Image',
'subName' => 'slideImage',
'selectorSuffix' => ' .et_pb_slide_image'
],
'slideArrows' => [
'label' => 'Slide Arrows',
'subName' => 'slideArrows',
'selectorSuffix' => ' .et-pb-slider-arrows a'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentContent' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'content',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentFeaturedImage' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'featuredImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Featured Image'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'overlay',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay',
'clipboardCategory' => 'style'
]
]
],
'designNavigation' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'navigation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Navigation',
'clipboardCategory' => 'style'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'image',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 120,
'groupName' => 'animation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/animation'
]
]
],
'advancedVisibility' => [
'panel' => 'advanced',
'priority' => 40,
'groupName' => 'visibility',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Visibility',
'presetGroup' => 'divi/visibility-settings'
]
]
]
]
]
],
'fullwidth-post-title' => [
'name' => 'divi/fullwidth-post-title',
'moduleClassName' => 'et_pb_post_title',
'moduleOrderClassName' => 'et_pb_fullwidth_post_title',
'd4Shortcode' => 'et_pb_fullwidth_post_title',
'title' => 'Fullwidth Post Title',
'titles' => 'Fullwidth Post Titles',
'moduleIcon' => 'divi/module-post-title',
'category' => 'fullwidth-module',
'videos' => [
[
'id' => 'LCAgDW4rkNo',
'name' => 'An introduction to the Fullwidth Post Title 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}}',
'styleProps' => [
'spacing' => [
'important' => true,
'selector' =>
'{{selectorPrefix}}.et_pb_fullwidth_section {{baseSelector}}.et_pb_post_title'
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selectorPrefix}}.et_pb_fullwidth_section {{baseSelector}}.et_pb_post_title.et_pb_module',
'margin-right' =>
'{{selectorPrefix}}.et_pb_fullwidth_section {{baseSelector}}.et_pb_post_title.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_featured_bg,{{selector}}',
'border-style' =>
'{{selector}}.et_pb_featured_bg,{{selector}}'
]
]
]
],
'background' => [
'selector' =>
'{{selector}}, {{selector}}.et_pb_featured_bg'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_title_container h1.entry-title,{{selector}} .et_pb_title_container h2.entry-title,{{selector}} .et_pb_title_container h3.entry-title,{{selector}} .et_pb_title_container h4.entry-title,{{selector}} .et_pb_title_container h5.entry-title,{{selector}} .et_pb_title_container h6.entry-title',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'entry-title'
],
'styleProps' => [
'font' => [
'important' => true
]
],
'settings' => [
'advanced' => [
'showTitle' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'attrName' => 'title.advanced.showTitle',
'label' => 'Show Title',
'description' =>
'Here you can choose whether or not display the Post Title.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 20,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_title_container .et_pb_title_meta_container, {{selector}} .et_pb_title_container .et_pb_title_meta_container a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_title_meta_container'
],
'styleProps' => [
'font' => [
'important' => true
]
],
'settings' => [
'advanced' => [
'showMeta' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'attrName' => 'meta.advanced.showMeta',
'label' => 'Show Meta',
'description' =>
'Here you can choose whether or not display the Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showAuthor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 15,
'render' => true,
'attrName' => 'meta.advanced.showAuthor',
'label' => 'Show Author',
'description' =>
'Here you can choose whether or not display the Author Name in Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showDate' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'attrName' => 'meta.advanced.showDate',
'label' => 'Show Date',
'description' =>
'Here you can choose whether or not display the Date in Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'dateFormat' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 25,
'render' => true,
'attrName' => 'meta.advanced.dateFormat',
'label' => 'Date Format',
'description' =>
'Here you can define the Date Format in Post Meta. Default is \'M j, Y\'.',
'category' => 'configuration',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/text',
'type' => 'field',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'showCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 30,
'render' => true,
'attrName' => 'meta.advanced.showCategories',
'label' => 'Show Post Categories',
'description' =>
'Here you can choose whether or not display the Categories in Post Meta. Note: This option doesn\'t work with custom post types.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCommentsCount' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 35,
'render' => true,
'attrName' => 'meta.advanced.showCommentsCount',
'label' => 'Show Comments Count',
'description' =>
'Here you can choose whether or not display the Comments Count in Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 25,
'component' => [
'props' => [
'groupLabel' => 'Meta Text',
'fieldLabel' => 'Meta',
'fields' => []
]
]
]
]
]
],
'textWrapper' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_title_container',
'settings' => [
'advanced' => [
'useBackground' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'attrName' =>
'textWrapper.advanced.useBackground',
'label' => 'Use Text Background Color',
'description' =>
'Here you can choose whether or not use the background color for the Title/Meta text.',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'attrName' =>
'textWrapper.decoration.background',
'subName' => 'color',
'label' => 'Text Background Color',
'description' =>
'Pick a color to use behind the post title text. Reducing the color\'s opacity will allow the background image to show through while still increasing text readability.',
'features' => [
'sticky' => true,
'responsive' => false,
'hover' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'featuredImage' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_title_featured_container img',
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'width' =>
'{{selector}} .et_pb_title_featured_image',
'max-width' =>
'{{selector}} .et_pb_title_featured_image',
'margin-left' =>
'{{selector}} .et_pb_title_featured_image',
'margin-right' =>
'{{selector}} .et_pb_title_featured_image'
]
]
]
]
],
'settings' => [
'advanced' => [
'enabled' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 40,
'render' => true,
'attrName' => 'featuredImage.advanced.enabled',
'label' => 'Show Featured Image',
'description' =>
'Here you can choose whether or not display the Featured Image.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'forceFullwidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 5,
'render' => true,
'attrName' =>
'featuredImage.advanced.forceFullwidth',
'label' => 'Force Fullwidth',
'description' =>
'When enabled, this will force your image to extend 100% of the width of the column it\'s in.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'placement' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 45,
'render' => true,
'attrName' =>
'featuredImage.advanced.placement',
'label' => 'Featured Image Placement',
'description' =>
'Here you can choose where to place the Featured Image.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'below' => [
'label' => 'Below Title'
],
'above' => [
'label' => 'Above Title'
],
'background' => [
'label' =>
'Title/Meta Background Image'
]
]
]
]
]
]
],
'decoration' => [
'sizing' => [
'groupType' => 'group-items',
'items' => [
'alignment' => [
'groupSlug' => 'designImage',
'priority' => 5,
'render' => true,
'attrName' =>
'featuredImage.decoration.sizing',
'subName' => 'alignment',
'label' => 'Image Alignment',
'description' =>
'Align image to the left, right or center.',
'category' => 'layout',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false
],
'multipleChoices' => false,
'component' => [
'name' => 'divi/button-options',
'type' => 'field',
'props' => [
'allowClickToUnset' => false,
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' =>
'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
],
'showLabel' => false
]
]
],
'width' => [
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'attrName' =>
'featuredImage.decoration.sizing',
'subName' => 'width',
'label' => 'Featured Image Width',
'description' =>
'Adjust the width of the featured image.',
'category' => 'layout',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => true,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'height',
'defaultUnit' => '%',
'max' => 100,
'min' => 0,
'step' => 1
]
]
],
'maxWidth' => [
'groupSlug' => 'designSizing',
'priority' => 15,
'render' => true,
'attrName' =>
'featuredImage.decoration.sizing',
'subName' => 'maxWidth',
'label' => 'Featured Image Max Width',
'description' =>
'Adjust the max width of the featured image.',
'category' => 'layout',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => true,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'max-height',
'defaultUnit' => '%',
'max' => 100,
'min' => 0,
'step' => 1
]
]
],
'height' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'attrName' =>
'featuredImage.decoration.sizing',
'subName' => 'height',
'label' => 'Featured Image Height',
'description' =>
'Adjust the height of the featured image.',
'category' => 'layout',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => true,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'height',
'defaultUnit' => 'px',
'max' => 1000,
'min' => 0,
'step' => 1
]
]
],
'maxHeight' => [
'groupSlug' => 'designSizing',
'priority' => 25,
'render' => true,
'attrName' =>
'featuredImage.decoration.sizing',
'subName' => 'maxHeight',
'label' => 'Featured Image Max Height',
'description' =>
'Adjust the max height of the featured image.',
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => true,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'max-height',
'defaultUnit' => 'px',
'max' => 1000,
'min' => 0,
'step' => 1
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'postTitle' => [
'subName' => 'postTitle',
'selectorSuffix' => ' h1',
'label' => 'Title'
],
'postMeta' => [
'subName' => 'postMeta',
'selectorSuffix' => ' .et_pb_title_meta_container',
'label' => 'Meta'
],
'postImage' => [
'subName' => 'postImage',
'selectorSuffix' => ' .et_pb_title_featured_container',
'label' => 'Featured Image'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'element',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'imageStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'textStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/text'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
]
]
]
],
'fullwidth-slider' => [
'name' => 'divi/fullwidth-slider',
'moduleClassName' => 'et_pb_slider',
'moduleOrderClassName' => 'et_pb_fullwidth_slider',
'd4Shortcode' => 'et_pb_fullwidth_slider',
'title' => 'Fullwidth Slider',
'titles' => 'Fullwidth Sliders',
'moduleIcon' => 'divi/module-slider',
'category' => 'fullwidth-module',
'childModuleName' => 'divi/slide',
'childModuleTitle' => 'Slide',
'childrenName' => ['divi/slide'],
'videos' => [
[
'id' => 'edx-BkUC6us',
'name' => 'An introduction to the Fullwidth Slider 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}}',
'styleProps' => [
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selector}} .et_pb_slide_description, {{selector}}.et_pb_slider_fullwidth_off .et_pb_slide_description'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'boxShadow' => [
'useOverlay' => true
],
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module',
'height' =>
'{{selector}}, {{selector}} .et_pb_slide',
'min-height' =>
'{{selector}}, {{selector}} .et_pb_slide',
'max-height' =>
'{{selector}}, {{selector}} .et_pb_slide'
]
]
]
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'priority' => 30,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
]
]
]
]
],
'auto' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.auto',
'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.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'autoSpeed' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.autoSpeed',
'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.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'autoIgnoreHover' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.autoIgnoreHover',
'label' => 'Continue Automatic Slide on Hover',
'description' =>
'Turning this on will allow automatic sliding to continue on mouse hover.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentBackground',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false,
'attrName' =>
'children.module.decoration.background'
]
]
]
],
'conditions' => [],
'disabledOn' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/disabled-on',
'props' => [
'grouped' => false
]
]
]
],
'filters' => [],
'interactions' => [],
'border' => [],
'boxShadow' => [],
'overflow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/overflow',
'props' => [
'grouped' => false
]
]
]
],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 80,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'arrows' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-slider-arrows .et-pb-arrow-prev, {{selector}} .et-pb-slider-arrows .et-pb-arrow-next',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' => 'arrows.advanced.color',
'label' => 'Arrow Color',
'description' =>
'Pick a color to use for the slider arrows that are used to navigate through each slide.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'arrows.advanced.show',
'label' => 'Show Arrows',
'description' =>
'This setting will turn on and off the navigation arrows.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'pagination.advanced.show',
'label' => 'Show Controls',
'description' =>
'This setting will turn on and off the circle buttons at the bottom of the slider.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_description .et_pb_slide_title',
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'tabletWide' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
],
'tablet' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
],
'phoneWide' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
],
'phone' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true,
'color' => true
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'button' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_more_button.et_pb_button',
'styleProps' => [
'spacing' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_slider .et_pb_slide_content',
'styleProps' => [
'bodyFont' => [
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}}.et_pb_slider, {{selector}}.et_pb_slider .et_pb_slide_content'
]
],
'tablet' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content',
'line-height' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content'
]
],
'phone' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content',
'line-height' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content'
]
]
]
]
]
],
'sizing' => [
'selector' =>
'{{selector}} .et_pb_slide > .et_pb_container'
]
],
'settings' => [
'decoration' => [
'bodyFont' => [
'priority' => 50,
'component' => [
'props' => [
'groups' => [
'body' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
]
]
]
]
],
'sizing' => [
'groupType' => 'group-items',
'items' => [
'width' => [
'groupSlug' => 'designSizing',
'attrName' => 'content.decoration.sizing',
'subName' => 'width',
'label' => 'Content Width',
'description' =>
'By default, elements will extend the full width of their parent element. If you would like to set a custom static width, you can do so using this option.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'width',
'defaultUnit' => '%',
'max' => 100
]
]
],
'maxWidth' => [
'groupSlug' => 'designSizing',
'attrName' => 'content.decoration.sizing',
'subName' => 'maxWidth',
'label' => 'Content Max Width',
'description' =>
'Setting a maximum width will prevent your element from ever surpassing the defined width value. Maximum width can be used in combination with the standard width setting. Maximum width supersedes the normal width value.',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'max-width',
'defaultUnit' => '%',
'max' => 100
]
]
]
]
]
]
]
],
'children' => [
'type' => 'object',
'settings' => [
'advanced' => [
'slideOverlay' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.slideOverlay.advanced.use',
'label' => 'Use Background Overlay',
'description' =>
'When enabled, a custom overlay color will be added above your background image and behind your slider content.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'contentOverlay' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.contentOverlay.advanced.use',
'label' => 'Use Text Overlay',
'description' =>
'When enabled, a background color is added behind the slider text to make it more readable atop background images.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'content' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'attrName' =>
'children.content.advanced.showOnMobile',
'label' => 'Show Content On Mobile',
'description' =>
'This setting will toggle visibility of content on mobile devices.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => 'on'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'button' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'attrName' =>
'children.button.advanced.showOnMobile',
'label' => 'Show CTA On Mobile',
'description' =>
'This setting will toggle visibility of CTA on mobile devices.',
'category' => 'layout',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => 'on'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-items',
'items' => [
'contentOverlayUseBackground' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.slideOverlay.decoration.background',
'subName' => 'color',
'label' => 'Background Overlay Color',
'description' =>
'Use the color picker to choose a color for the background overlay.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'contentOverlayUseText' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.contentOverlay.decoration.background',
'subName' => 'color',
'label' => 'Text Overlay Color',
'description' =>
'Use the color picker to choose a color for the text overlay.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.contentOverlay.decoration.border',
'subName' => 'radius',
'label' => 'Text Overlay Border Radius',
'description' =>
'Increasing the border radius will increase the roundness of the overlay corners. Setting this value to 0 will result in squared corners.',
'category' => 'layout',
'priority' => 30,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/border-radius'
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_slide_image img',
'settings' => [
'advanced' => [
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'attrName' => 'image.advanced.showOnMobile',
'label' => 'Show Image / Video On Mobile',
'description' =>
'This setting will toggle visibility of Images/Video on mobile devices.',
'category' => 'layout',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
]
],
'dotNav' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-controllers a, {{selector}} .et-pb-controllers .et-pb-active-control',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' => 'dotNav.decoration.background',
'subName' => 'color',
'label' => 'Dot Navigation Color',
'description' =>
'Pick a color to use for the dot navigation that appears at the bottom of the slider to designate which slide is active.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
]
],
'customCssFields' => [
'slideDescription' => [
'label' => 'Slide Description',
'subName' => 'slideDescription',
'selectorSuffix' => ' .et_pb_slide_description'
],
'slideTitle' => [
'label' => 'Slide Title',
'subName' => 'slideTitle',
'selectorSuffix' =>
' .et_pb_slide_description .et_pb_slide_title'
],
'slideButton' => [
'label' => 'Slide Button',
'subName' => 'slideButton',
'selectorSuffix' =>
'.et_pb_slider .et_pb_slide .et_pb_slide_description a.et_pb_more_button.et_pb_button'
],
'slideControllers' => [
'label' => 'Slide Controllers',
'subName' => 'slideControllers',
'selectorSuffix' => ' .et-pb-controllers'
],
'slideActiveController' => [
'label' => 'Slide Active Controller',
'subName' => 'slideActiveController',
'selectorSuffix' => ' .et-pb-controllers .et-pb-active-control'
],
'slideImage' => [
'label' => 'Slide Image',
'subName' => 'slideImage',
'selectorSuffix' => ' .et_pb_slide_image'
],
'slideArrows' => [
'label' => 'Slide Arrows',
'subName' => 'slideArrows',
'selectorSuffix' => ' .et-pb-slider-arrows a'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentBackground' => [
'panel' => 'content',
'groupName' => 'background',
'priority' => 90,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Background',
'presetGroup' => 'divi/background'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designNavigation' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designNavigation',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Navigation'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'designButton',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'designSizing',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'presetGroup' => 'divi/sizing'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 199,
'groupName' => 'designAnimation',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'presetGroup' => 'divi/animation'
]
]
],
'advancedVisibility' => [
'panel' => 'advanced',
'priority' => 40,
'groupName' => 'visibility',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Visibility',
'presetGroup' => 'divi/visibility-settings'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'gallery' => [
'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'
]
]
]
]
]
],
'global-layout' => [
'name' => 'divi/global-layout',
'title' => 'Global Layout',
'titles' => 'Global Layouts',
'moduleIcon' => 'divi/global-layout',
'category' => 'structure',
'attributes' => []
],
'group' => [
'name' => 'divi/group',
'd4Shortcode' => '',
'title' => 'Group',
'titles' => 'Groups',
'moduleIcon' => 'divi/module-group',
'category' => 'structure',
'childrenName' => [],
'videos' => [
[
'id' => 'novideo',
'name' => 'An introduction to the group module'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'width' => true
]
]
]
],
'spacing' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'transition' => [],
'position' => [],
'scroll' => [],
'spacing' => [],
'sizing' => [],
'sticky' => [],
'transform' => [],
'zIndex' => [],
'layout' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'loop' => [],
'link' => [
'item' => [
'groupSlug' => 'contentLink',
'component' => [
'props' => [
'fieldLabel' => 'Group'
]
]
]
]
],
'meta' => [
'meta' => []
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
]
]
]
],
'group-carousel' => [
'name' => 'divi/group-carousel',
'title' => 'Group Carousel',
'titles' => 'Group Carousels',
'moduleIcon' => 'divi/module-group-carousel',
'childModuleName' => 'divi/group',
'childModuleTitle' => 'Carousel Slide',
'category' => 'module',
'childrenName' => ['divi/group'],
'videos' => [
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'auto' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselSettings',
'attrName' => 'module.advanced.auto',
'label' => 'Automatic Rotation',
'description' =>
'Enabling this will make the carousel cycle through all slides automatically.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'autoSpeed' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselSettings',
'attrName' => 'module.advanced.speed',
'label' => 'Automatic Rotation Speed',
'description' =>
'The speed at which the carousel automatically cycles.',
'priority' => 15,
'render' => true,
'visible' => 'isVisibleFields',
'defaultAttr' => [
'desktop' => [
'value' => '2000ms'
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'animation-duration',
'defaultUnit' => 'ms',
'minLimit' => 0
]
]
]
],
'transitionSpeed' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselSettings',
'attrName' => 'module.advanced.transitionSpeed',
'label' => 'Transition Speed',
'description' =>
'The speed of the slide transition animation.',
'priority' => 37,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => '200ms'
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'transition-duration',
'defaultUnit' => 'ms',
'minLimit' => 0,
'maxLimit' => 2000
]
]
]
],
'pauseOnHover' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselSettings',
'attrName' => 'module.advanced.pauseOnHover',
'label' => 'Pause on Hover',
'description' =>
'Pause automatic rotation when hovering over the carousel.',
'priority' => 20,
'render' => true,
'visible' => 'isVisibleFields',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'centerMode' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselSettings',
'attrName' => 'module.advanced.centerMode',
'label' => 'Center Mode',
'description' =>
'Center the active slide and show partial slides on either side.',
'priority' => 35,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'slidesToShow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselSettings',
'attrName' => 'module.advanced.slidesToShow',
'label' => 'Slides to Show',
'description' =>
'Number of slides to show at once.',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'min' => 1,
'max' => 10,
'minLimit' => 1,
'maxLimit' => 10,
'step' => 1,
'allowedUnits' => [],
'defaultUnit' => ''
]
]
]
],
'slidesToScroll' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselSettings',
'attrName' => 'module.advanced.slidesToScroll',
'label' => 'Slides to Scroll',
'description' =>
'Number of slides to scroll at once.',
'priority' => 45,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'min' => 1,
'max' => 10,
'minLimit' => 1,
'maxLimit' => 10,
'step' => 1,
'allowedUnits' => [],
'defaultUnit' => ''
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'arrows' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_group_carousel_arrow',
'supportsCustomAttributes' => true,
'styleProps' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'spacing' => []
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselElements',
'attrName' => 'arrows.advanced.showArrows',
'label' => 'Show Arrows',
'description' =>
'Display navigation arrows on the carousel.',
'priority' => 10,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => 'on'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'leftIcon' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselElements',
'attrName' => 'arrows.advanced.leftIcon',
'label' => 'Left Arrow Icon',
'description' =>
'Choose an icon for the left navigation arrow.',
'priority' => 15,
'render' => true,
'visible' => 'isVisibleFields',
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
],
'rightIcon' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselElements',
'attrName' => 'arrows.advanced.rightIcon',
'label' => 'Right Arrow Icon',
'description' =>
'Choose an icon for the right navigation arrow.',
'priority' => 20,
'render' => true,
'visible' => 'isVisibleFields',
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
],
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselArrows',
'attrName' => 'arrows.advanced.color',
'label' => 'Arrow Color',
'description' =>
'Choose a color for the carousel arrows.',
'priority' => 10,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => '#333333'
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'size' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselArrows',
'attrName' => 'arrows.advanced.size',
'label' => 'Arrow Size',
'description' =>
'Adjust the size of the carousel arrows.',
'priority' => 15,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => '48px'
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'minLimit' => 0,
'defaultUnit' => 'px',
'cssProperty' => 'font-size'
]
]
]
],
'position' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselArrows',
'attrName' => 'arrows.advanced.position',
'label' => 'Arrow Position',
'description' =>
'Choose the position of the carousel arrows.',
'priority' => 20,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => 'inside'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'outside' => [
'label' => 'Outside'
],
'inside' => [
'label' => 'Inside'
],
'center' => [
'label' => 'Center'
]
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselArrows',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => true,
'fieldLabel' => 'Arrow'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselArrows',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Arrow'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselArrows',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Arrow'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselArrows',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Arrow'
]
]
]
]
]
]
],
'dotNav' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_group_carousel_dots',
'supportsCustomAttributes' => true,
'styleProps' => [
'color' => []
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCarouselElements',
'attrName' => 'dotNav.advanced.showDots',
'label' => 'Show Dot Navigation',
'description' =>
'Display dot navigation for the carousel.',
'priority' => 5,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => 'on'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'position' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselDots',
'attrName' => 'dotNav.advanced.position',
'label' => 'Dot Position',
'description' =>
'Choose the position of the dot navigation.',
'priority' => 10,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => 'below'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'below' => [
'label' => 'Below'
],
'above' => [
'label' => 'Above'
],
'overlay' => [
'label' => 'Overlay'
]
]
]
]
]
],
'alignment' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselDots',
'attrName' => 'dotNav.advanced.alignment',
'label' => 'Dot Alignment',
'description' =>
'Choose the alignment of the dot navigation.',
'priority' => 15,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => 'center'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'left' => [
'label' => 'Left'
],
'center' => [
'label' => 'Center'
],
'right' => [
'label' => 'Right'
]
]
]
]
]
],
'size' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselDots',
'attrName' => 'dotNav.advanced.size',
'label' => 'Dot Size',
'description' =>
'Adjust the size of the dot navigation.',
'priority' => 20,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => '10px'
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'minLimit' => 0,
'defaultUnit' => 'px',
'cssProperty' => 'width'
]
]
]
],
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselDots',
'attrName' => 'dotNav.advanced.color',
'label' => 'Dot Color',
'description' =>
'Choose a color for the dot navigation.',
'priority' => 25,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => '#333333'
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'children' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_group_carousel_slide > .et_pb_group',
'settings' => [
'decoration' => [
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselGroups',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => true
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselGroups',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true
]
]
]
],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselGroups',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => true
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselGroups',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselGroups',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselGroups',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true
]
]
]
],
'transform' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselGroups',
'priority' => 70,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/transform',
'props' => [
'grouped' => true
]
]
]
]
]
]
],
'activeGroups' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_group_carousel_slide_active > .et_pb_group',
'settings' => [
'decoration' => [
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselActiveGroups',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => true
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselActiveGroups',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true
]
]
]
],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselActiveGroups',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => true
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselActiveGroups',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselActiveGroups',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselActiveGroups',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true
]
]
]
],
'transform' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCarouselActiveGroups',
'priority' => 70,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/transform',
'props' => [
'grouped' => true
]
]
]
]
]
]
]
],
'customCssFields' => [
'carouselContainer' => [
'label' => 'Carousel Container',
'subName' => 'carouselContainer',
'selectorSuffix' => ' .et_pb_group_carousel_container'
],
'carouselTrack' => [
'label' => 'Carousel Track',
'subName' => 'carouselTrack',
'selectorSuffix' => ' .et_pb_group_carousel_track'
],
'carouselSlide' => [
'label' => 'Carousel Slide',
'subName' => 'carouselSlide',
'selectorSuffix' => ' .et_pb_group_carousel_slide'
],
'carouselActiveSlide' => [
'label' => 'Carousel Active Slide',
'subName' => 'carouselActiveSlide',
'selectorSuffix' => ' .et_pb_group_carousel_slide_active'
],
'carouselArrows' => [
'label' => 'Carousel Arrows',
'subName' => 'carouselArrows',
'selectorSuffix' => ' .et_pb_group_carousel_arrow'
],
'carouselDots' => [
'label' => 'Carousel Dots',
'subName' => 'carouselDots',
'selectorSuffix' => ' .et_pb_group_carousel_dots'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentCarouselSettings' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentCarouselSettings',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Carousel Settings'
]
]
],
'contentCarouselElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentCarouselElements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements'
]
]
],
'designCarouselArrows' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designCarouselArrows',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Arrows',
'clipboardCategory' => 'style'
]
]
],
'designCarouselDots' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designCarouselDots',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Dot Navigation'
]
]
],
'designCarouselGroups' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designCarouselGroups',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Groups'
]
]
],
'designCarouselActiveGroups' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designCarouselActiveGroups',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Active Groups'
]
]
]
]
]
],
'heading' => [
'name' => 'divi/heading',
'd4Shortcode' => 'et_pb_heading',
'moduleClassName' => 'et_pb_heading',
'moduleOrderClassName' => 'et_pb_heading',
'title' => 'Heading',
'titles' => 'Headings',
'moduleIcon' => 'divi/module-heading',
'category' => 'module',
'childrenName' => [],
'videos' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group',
'groupName' => 'divi/text',
'panel' => 'design',
'priority' => 10,
'component' => [
'props' => [
'fields' => [
'orientation' => [
'render' => false
],
'color' => [
'render' => false
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}',
'important' => true
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
],
'styleComponentsProps' => [
'boxShadow' => false
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_heading_container h1, {{selector}} .et_pb_heading_container h2, {{selector}} .et_pb_heading_container h3, {{selector}} .et_pb_heading_container h4, {{selector}} .et_pb_heading_container h5, {{selector}} .et_pb_heading_container h6',
'supportsCustomAttributes' => true,
'elementType' => 'heading',
'attributes' => [
'class' => 'et_pb_module_header'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'title.innerContent',
'label' => 'Heading',
'description' =>
'Input your value to action title here.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'responsive' => true,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Heading',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'tagName' => 'h1',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_heading_container h1, {{selector}} .et_pb_heading_container h2, {{selector}} .et_pb_heading_container h3, {{selector}} .et_pb_heading_container h4, {{selector}} .et_pb_heading_container h5, {{selector}} .et_pb_heading_container h6',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
]
],
'customCssFields' => [
'mainElement' => [
'label' => 'Main Element',
'subName' => 'mainElement',
'selectorSuffix' => ' h1, h2, h3, h4, h5, h6'
],
'headingContainer' => [
'label' => 'Heading Container',
'subName' => 'headingContainer',
'selectorSuffix' => ' .et_pb_heading_container'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'titleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Heading Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'icon' => [
'name' => 'divi/icon',
'd4Shortcode' => 'et_pb_icon',
'title' => 'Icon',
'titles' => 'Icons',
'moduleIcon' => 'divi/module-icon',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'CvHvnmDXdDc',
'name' => 'An introduction to the Icon 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'hidePanels' => ['video'],
'fields' => [
'image' => [
'parallaxEnabled' => [
'render' => false
],
'parallaxMethod' => [
'render' => false
],
'size' => [
'render' => false
],
'width' => [
'render' => false
],
'height' => [
'render' => false
],
'position' => [
'render' => false
],
'horizontalOffset' => [
'render' => false
],
'verticalOffset' => [
'render' => false
],
'repeat' => [
'render' => false
]
]
]
]
]
],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'boxShadow' => [
'useOverlay' => true
],
'spacing' => [
'important' => true
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
],
'icon' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_icon_wrap .et-pb-icon',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'icon' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentIcon',
'attrName' => 'icon.innerContent',
'category' => 'basic_option',
'label' => 'Icon',
'description' =>
'Choose an icon to display with your blurb.',
'render' => true,
'priority' => 10,
'features' => [
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentLink',
'attrName' => 'icon.innerContent',
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/link',
'props' => [
'groupLabel' => 'Link',
'fieldLabel' => 'Icon',
'grouped' => false,
'fields' => [
'url' => [
'features' => [
'preset' => ['html']
]
],
'target' => [
'features' => [
'preset' => ['html']
]
]
]
]
]
]
]
]
],
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIconSize',
'label' => 'Icon Color',
'description' =>
'Here you can define a custom color for your icon.',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'size' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIconSize',
'category' => 'layout',
'label' => 'Icon Size',
'description' =>
'Here you can choose icon width.',
'render' => true,
'priority' => 20,
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'font-size',
'min' => 1,
'max' => 120
]
]
]
],
'align' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIconAlignment',
'category' => 'layout',
'label' => 'Icon Alignment',
'description' =>
'Here you can define the Icon alignment.',
'render' => true,
'priority' => 30,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/button-options',
'props' => [
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' => 'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
],
'showLabel' => false
]
]
]
]
]
]
],
'iconLink' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_icon_wrap a',
'supportsCustomAttributes' => true
]
],
'customCssFields' => [
'iconElement' => [
'subName' => 'iconElement',
'label' => 'Icon Element',
'selectorSuffix' => ' .et_pb_icon_wrap .et-pb-icon'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'groups' => [
'contentIcon' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'icon',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'link',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link'
]
]
],
'designIconSize' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'icon',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon',
'clipboardCategory' => 'style'
]
]
],
'designIconAlignment' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'alignment',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Alignment',
'clipboardCategory' => 'style'
]
]
]
]
]
],
'icon-list' => [
'name' => 'divi/icon-list',
'd4Shortcode' => 'et_pb_icon_list',
'moduleClassName' => 'et_pb_icon_list',
'moduleOrderClassName' => 'et_pb_icon_list',
'title' => 'Icon List',
'titles' => 'Icon Lists',
'moduleIcon' => 'divi/module-icon-list',
'childModuleName' => 'divi/icon-list-item',
'childModuleTitle' => 'Icon List Item',
'category' => 'module',
'childrenName' => ['divi/icon-list-item'],
'videos' => [
[
'id' => 'iconlist01',
'name' => 'An introduction to the Icon List 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}}',
'styleProps' => [
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'priority' => 15
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false,
'defaultGroupAttr' => [
'desktop' => [
'value' => [
'flexDirection' => 'column',
'columnGap' => '10px',
'rowGap' => '10px'
]
]
]
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'icon' => [
'type' => 'object',
'selector' => '{{selector}} .et-pb-icon',
'supportsCustomAttributes' => true,
'styleProps' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'spacing' => [
'selector' =>
'{{selector}} .et_pb_icon_list_item.et_pb_module .et-pb-icon'
]
],
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'label' => 'Icon Color',
'description' =>
'Here you can define a custom color for all icons in this list.',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'size' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'label' => 'Icon Size',
'description' =>
'Here you can choose the size for all icons in this list.',
'render' => true,
'priority' => 20,
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'font-size',
'min' => 1,
'max' => 120
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
]
]
]
],
'listItem' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_icon_list_text',
'supportsCustomAttributes' => true,
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designListItem',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false
]
]
]
]
]
]
]
],
'customCssFields' => [
'icon' => [
'subName' => 'icon',
'label' => 'Icon',
'selectorSuffix' => ' .et-pb-icon'
],
'text' => [
'subName' => 'text',
'label' => 'Text',
'selectorSuffix' => ' .et_pb_icon_list_text'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'designListItem' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designListItem',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'icon-list-item' => [
'name' => 'divi/icon-list-item',
'd4Shortcode' => 'et_pb_icon_list_item',
'moduleClassName' => 'et_pb_icon_list_item',
'moduleOrderClassName' => 'et_pb_icon_list_item',
'title' => 'Icon List Item',
'titles' => 'Icon List Items',
'moduleIcon' => 'divi/module-icon-list-item',
'category' => 'child-module',
'childrenName' => [],
'videos' => [
[
'id' => 'iconlistitem01',
'name' => 'An introduction to the Icon List Item 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}}',
'styleProps' => [
'layout' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selectorPrefix}}.et_pb_icon_list {{baseSelector}}'
]
],
'important' => true
],
'spacing' => [
'important' => true
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'priority' => 15
]
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_icon_list_item .et_pb_icon_list_text',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_icon_list_text'
],
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_icon_list_item .et_pb_icon_list_text',
'hover' =>
'{{selector}}.et_pb_icon_list_item{{:hover}} .et_pb_icon_list_text'
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'content.innerContent',
'label' => 'Text',
'description' =>
'Enter the text for this list item.',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designListItem',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false
]
]
]
]
]
]
],
'icon' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_icon_list_item .et-pb-icon',
'supportsCustomAttributes' => true,
'styleProps' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'spacing' => [
'selector' =>
'.et_pb_icon_list {{selector}}.et_pb_icon_list_item .et-pb-icon'
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentIcon',
'attrName' => 'icon.innerContent',
'label' => 'Icon',
'description' =>
'Choose an icon for this list item.',
'render' => true,
'priority' => 20,
'features' => [
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
],
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'label' => 'Icon Color',
'description' =>
'Here you can define a custom color for your icon.',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'size' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'label' => 'Icon Size',
'description' =>
'Here you can choose icon size.',
'render' => true,
'priority' => 20,
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'font-size',
'min' => 1,
'max' => 120
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
]
]
]
]
],
'customCssFields' => [
'icon' => [
'subName' => 'icon',
'label' => 'Icon',
'selectorSuffix' => ' .et-pb-icon'
],
'text' => [
'subName' => 'text',
'label' => 'Text',
'selectorSuffix' => ' .et_pb_icon_list_text'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentIcon' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'designIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designIcon',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon',
'clipboardCategory' => 'style'
]
]
],
'designListItem' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designListItem',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'image' => [
'name' => 'divi/image',
'd4Shortcode' => 'et_pb_image',
'title' => 'Image',
'titles' => 'Images',
'moduleIcon' => 'divi/module-image',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'cYwqxoHnjNA',
'name' => 'An introduction to the Image 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'loop' => [],
'align' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImageAlignment',
'label' => 'Image Alignment',
'description' =>
'Here you can choose the image alignment.',
'category' => 'layout',
'multipleChoices' => false,
'onChangeParams' => ['multipleChoices'],
'render' => true,
'priority' => 50,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/button-options',
'props' => [
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' => 'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
],
'showLabel' => false
]
]
]
],
'sizing' => [
'groupType' => 'group-items',
'items' => [
'forceFullwidth' => [
'groupSlug' => 'designSizing',
'attrName' => 'module.advanced.sizing',
'subName' => 'forceFullwidth',
'label' => 'Force Fullwidth',
'description' =>
'When enabled, this will force your image to extend 100% of the width of the column it\'s in.',
'category' => 'layout',
'render' => true,
'priority' => 100,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'sizing' => [
'groupSlug' => 'designSizing',
'priority' => 110,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
]
],
'spacing' => [
'groupType' => 'group-items',
'items' => [
'showBottomSpace' => [
'groupSlug' => 'designSpacing',
'subName' => 'showBottomSpace',
'label' => 'Show Space Below The Image',
'description' =>
'Here you can choose whether or not the image should have a space below it.',
'category' => 'layout',
'render' => true,
'priority' => 120,
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'spacing' => [
'groupSlug' => 'designSpacing',
'priority' => 130,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} img',
'elementType' => 'imageLink',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'src' => [
'groupSlug' => 'contentImage',
'subName' => 'src',
'label' => 'Image',
'description' => 'Upload an image.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'responsive' => true,
'hover' => true,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
],
'linkUrl' => [
'groupSlug' => 'contentImageLink',
'subName' => 'linkUrl',
'label' => 'Image Link URL',
'description' =>
'If you would like your image to be a link, input your destination URL here. No link will be created if this field is left blank.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 20,
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
],
'linkTarget' => [
'groupSlug' => 'contentImageLink',
'subName' => 'linkTarget',
'label' => 'Image Link Target',
'description' =>
'Here you can choose whether or not your link opens in a new window.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 30,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'off' => [
'label' => 'In The Current Tab'
],
'on' => [
'label' => 'In A New Tab'
]
]
]
]
]
]
],
'advanced' => [
'lightbox' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentImageLink',
'label' => 'Open in Lightbox',
'description' =>
'Here you can choose whether or not the image should open in Lightbox. Note: if you select to open the image in Lightbox, url options below will be ignored.',
'category' => 'configuration',
'render' => true,
'priority' => 10,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'overlay' => [
'groupType' => 'group-items',
'items' => [
'use' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'use',
'label' => 'Image Overlay',
'description' =>
'If enabled, an overlay color and icon will be displayed when a visitors hovers over the image',
'category' => 'layout',
'render' => true,
'priority' => 40,
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['style']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'backgroundColor' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'backgroundColor',
'label' => 'Hover Overlay Color',
'description' =>
'Here you can define a custom color for the overlay',
'features' => [
'hover' => false,
'preset' => ['style'],
'dynamicContent' => [
'type' => 'color'
]
],
'render' => true,
'priority' => 60,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'overlayIcon' => [
'groupType' => 'group-items',
'items' => [
'hoverIcon' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'hoverIcon',
'label' => 'Hover Icon Picker',
'description' =>
'Here you can define a custom icon for the overlay.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'preset' => ['style']
],
'render' => true,
'priority' => 70,
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
],
'iconColor' => [
'groupSlug' => 'designImageOverlay',
'subName' => 'iconColor',
'label' => 'Overlay Icon Color',
'description' =>
'Here you can define a custom color for the overlay icon',
'render' => true,
'priority' => 50,
'features' => [
'hover' => false,
'preset' => ['style'],
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'decoration' => [
'border' => [],
'boxShadow' => []
]
],
'styleProps' => [
'selector' => '{{selector}} img, {{selector}} .et_overlay',
'border' => [
'selector' => '{{selector}} .et_pb_image_wrap'
],
'boxShadow' => [
'selector' => '{{selector}} .et_pb_image_wrap',
'useOverlay' => true
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
]
],
'customCssFields' => [
'image' => [
'label' => 'Image',
'subName' => 'image',
'selectorSuffix' => ' img'
]
],
'settings' => [
'groups' => [
'contentImage' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'image',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'contentImageLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'link',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link'
]
]
],
'designImageOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'overlay',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay',
'clipboardCategory' => 'style'
]
]
],
'designImageAlignment' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'alignment',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Alignment',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/alignment'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designSpacing' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'spacing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Spacing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/spacing'
]
]
]
]
]
],
'link' => [
'name' => 'divi/link',
'd4Shortcode' => 'et_pb_link',
'moduleClassName' => 'et_pb_link',
'moduleOrderClassName' => 'et_pb_link',
'title' => 'Link',
'titles' => 'Links',
'moduleIcon' => 'divi/module-link',
'category' => 'module',
'childrenName' => [],
'wrapper' => [
'status' => true,
'tag' => 'div',
'enableWhenChildren' => true
],
'videos' => [
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin' =>
'{{wrapperSelector}}, {{selector}}',
'padding' => '{{selector}}'
]
]
],
'important' => true
],
'sizing' => [
'selector' => '{{selector}}, {{wrapperSelector}}'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false,
'defaultGroupAttr' => [
'desktop' => [
'value' => [
'flexDirection' => 'row',
'alignItems' => 'center',
'columnGap' => '10px',
'rowGap' => '10px'
]
]
]
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_link_inner',
'elementType' => 'content',
'supportsCustomAttributes' => false,
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' => '{{selector}} .et_pb_link_inner',
'hover' =>
'{{selector}}{{:hover}} .et_pb_link_inner'
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Input your desired link text.',
'groupSlug' => 'contentText',
'label' => 'Text',
'priority' => 5,
'render' => true,
'subName' => 'text',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentLink',
'attrName' => 'content.innerContent',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button-link',
'props' => [
'grouped' => false,
'attrName' =>
'content.innerContent',
'fieldLabel' => 'Link'
]
]
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false
]
]
]
]
]
]
],
'icon' => [
'type' => 'object',
'selector' => '{{selector}} .et-pb-icon',
'supportsCustomAttributes' => true,
'styleProps' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'spacing' => []
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentIcon',
'attrName' => 'icon.innerContent',
'label' => 'Icon',
'description' => 'Choose an icon for your link.',
'render' => true,
'priority' => 15,
'features' => [
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
],
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'label' => 'Icon Color',
'description' =>
'Here you can define a custom color for your icon.',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'size' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'label' => 'Icon Size',
'description' =>
'Here you can choose icon size.',
'render' => true,
'priority' => 20,
'features' => [
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'font-size',
'min' => 1,
'max' => 120
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Icon'
]
]
]
]
]
]
]
],
'customCssFields' => [
'icon' => [
'subName' => 'icon',
'label' => 'Icon',
'selectorSuffix' => ' .et-pb-icon'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'link',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'contentIcon' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'contentIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designIcon' => [
'panel' => 'design',
'priority' => 6,
'groupName' => 'designIcon',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon',
'clipboardCategory' => 'style'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 15,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'login' => [
'name' => 'divi/login',
'moduleClassName' => 'et_pb_login',
'moduleOrderClassName' => 'et_pb_login',
'd4Shortcode' => 'et_pb_login',
'title' => 'Login',
'titles' => 'Logins',
'moduleIcon' => 'divi/module-login',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'PffCGMlUSTA',
'name' => 'An introduction to the Login 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}}',
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_login'
],
'spacing' => [
'selector' => '{{selector}}.et_pb_login',
'important' => true
],
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'border' => [
'selector' => '{{selector}}.et_pb_login'
],
'filter' => [
'selector' => '{{selector}}.et_pb_login'
],
'position' => [
'selector' => '{{selector}}.et_pb_login',
'important' => true
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [],
'currentPageRedirect' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentRedirect',
'priority' => 5,
'render' => true,
'label' => 'Redirect To The Current Page',
'description' =>
'Here you can choose whether the user should be redirected back to the current page after logging in.',
'category' => 'configuration',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_login h1.et_pb_module_header, {{selector}}.et_pb_login h2, {{selector}}.et_pb_login h3.et_pb_module_header, {{selector}}.et_pb_login h4.et_pb_module_header, {{selector}}.et_pb_login h5.et_pb_module_header, {{selector}}.et_pb_login h6.et_pb_module_header',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_module_header'
],
'tagName' => 'h2',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'category' => 'basic_option',
'priority' => 5,
'render' => true,
'label' => 'Title',
'description' =>
'Choose a title of your login box.',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_login .et_pb_newsletter_description_content, {{selector}}.et_pb_login p, {{selector}}.et_pb_login span',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_newsletter_description_content'
],
'styleProps' => [
'bodyFont' => [
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}}.et_pb_login p',
'font-family' =>
'{{selector}}.et_pb_login, {{selector}}.et_pb_login .et_pb_newsletter_description_content, {{selector}}.et_pb_login p, {{selector}}.et_pb_login span',
'font-weight' =>
'{{selector}}.et_pb_login, {{selector}}.et_pb_login .et_pb_newsletter_description_content, {{selector}}.et_pb_login p, {{selector}}.et_pb_login span',
'text-transform' =>
'{{selector}}.et_pb_login .et_pb_newsletter_description_content, {{selector}}.et_pb_login p, {{selector}}.et_pb_login span',
'font-size' =>
'{{selector}}.et_pb_login',
'color' =>
'{{selector}}.et_pb_login',
'text-align' =>
'{{selector}}.et_pb_login',
'letter-spacing' =>
'{{selector}}.et_pb_login'
]
]
],
'textShadow' => [
'desktop' => [
'value' => [
'text-shadow' =>
'{{selector}}.et_pb_login, {{selector}}.et_pb_login .et_pb_newsletter_description_content, {{selector}}.et_pb_login p, {{selector}}.et_pb_login span'
]
]
]
]
],
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'label' => 'Body',
'description' =>
'Input the main text content for your module here.',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
],
'decoration' => [
'bodyFont' => [
'priority' => 21,
'component' => [
'props' => [
'groups' => [
'body' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
]
]
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'selector' =>
'{{selector}} input[type="password"], {{selector}} input[type="text"], {{selector}} textarea, {{selector}} input',
'attributes' => [
'class' => 'input'
],
'supportsCustomAttributes' => true,
'settings' => [
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'spacing' => [],
'font' => []
],
'advanced' => [
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 100,
'render' => true,
'groupSlug' => 'designFieldField',
'label' => 'Use Focus Borders',
'description' => '',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => []
]
]
],
'button' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_login .et_pb_newsletter_button.et_pb_button',
'supportsCustomAttributes' => true,
'elementType' => 'button',
'tagName' => 'a',
'attributes' => [
'class' => 'et_pb_newsletter_button'
],
'elementProps' => [
'allowEmptyUrl' => true,
'type' => 'link',
'hasWrapper' => false
],
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'type' => 'button',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true,
'line-height' => true,
'text-decoration-color' => true,
'text-decoration-line' => true,
'text-decoration-style' => true
]
]
]
]
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'priority' => 9,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'button.innerContent',
'subName' => 'text',
'label' => 'Button',
'description' =>
'Define the text which will be displayed on the login button.',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'render' => false
]
]
]
],
'decoration' => [
'button' => [
'component' => [
'props' => [
'fields' => [
'alignment' => [
'render' => false
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => true
],
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'newsletterTitle' => [
'label' => 'Login Title',
'subName' => 'newsletterTitle',
'selectorSuffix' => '.et_pb_login h2'
],
'newsletterDescription' => [
'label' => 'Login Description',
'subName' => 'newsletterDescription',
'selectorSuffix' => ' .et_pb_newsletter_description'
],
'newsletterForm' => [
'label' => 'Login Form',
'subName' => 'newsletterForm',
'selectorSuffix' => ' .et_pb_newsletter_form'
],
'newsletterFields' => [
'label' => 'Login Fields',
'subName' => 'newsletterFields',
'selectorSuffix' => ' .et_pb_newsletter_form input'
],
'newsletterButton' => [
'label' => 'Login Button',
'subName' => 'newsletterButton',
'selectorSuffix' =>
'.et_pb_login .et_pb_login_form .et_pb_newsletter_button.et_pb_button'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentRedirect' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'redirect',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Redirect'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields',
'clipboardCategory' => 'style'
]
]
]
]
]
],
'lottie' => [
'name' => 'divi/lottie',
'd4Shortcode' => 'et_pb_lottie',
'moduleClassName' => 'et_pb_lottie',
'moduleOrderClassName' => 'et_pb_lottie',
'title' => 'Lottie',
'titles' => 'Lottie Animations',
'moduleIcon' => 'divi/module-lottie',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'lottie-intro',
'name' => 'An introduction to the Lottie module'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'priority' => 15
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
]
]
],
'lottie' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_lottie_animation',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'src' => [
'groupSlug' => 'contentLottie',
'subName' => 'src',
'label' => 'Lottie Animation File',
'description' =>
'Upload your Lottie JSON animation file.',
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'sticky' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'chooseText' =>
'Choose a Lottie JSON File',
'uploadButtonText' =>
'Upload a Lottie JSON File',
'dataType' => 'json'
]
]
],
'uploadNotice' => [
'groupSlug' => 'contentLottie',
'subName' => 'uploadNotice',
'label' => '',
'description' => '',
'render' => true,
'priority' => 12,
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/warning',
'props' => [
'message' =>
'You must enable JSON uploads before uploading Lottie files.'
]
]
],
'trigger' => [
'groupSlug' => 'contentLottie',
'subName' => 'trigger',
'label' => 'Trigger Animation',
'description' =>
'Choose when the animation should be triggered.',
'render' => true,
'priority' => 15,
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'onLoad' => [
'label' => 'On Load'
],
'onView' => [
'label' => 'On View'
],
'onHover' => [
'label' => 'On Hover'
],
'onClick' => [
'label' => 'On Click'
],
'onScroll' => [
'label' => 'Scroll To Animate'
]
]
]
]
],
'loop' => [
'groupSlug' => 'contentLottie',
'subName' => 'loop',
'label' => 'Loop Animation',
'description' =>
'Enable this to make the animation loop infinitely.',
'render' => true,
'priority' => 30,
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'speed' => [
'groupSlug' => 'contentLottie',
'subName' => 'speed',
'label' => 'Animation Speed',
'description' =>
'Control the playback speed of the animation.',
'render' => true,
'priority' => 40,
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'min' => 0.1,
'max' => 3,
'step' => 0.1,
'allowedUnits' => [],
'defaultUnit' => ''
]
]
],
'direction' => [
'groupSlug' => 'contentLottie',
'subName' => 'direction',
'label' => 'Direction',
'description' =>
'Choose the playback direction of the animation.',
'render' => true,
'priority' => 50,
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'forward' => [
'label' => 'Forward'
],
'backward' => [
'label' => 'Backward'
]
]
]
]
],
'mode' => [
'groupSlug' => 'contentLottie',
'subName' => 'mode',
'label' => 'Play Mode',
'description' =>
'Choose how the animation should play.',
'render' => true,
'priority' => 60,
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'normal' => [
'label' => 'Normal'
],
'bounce' => [
'label' => 'Bounce'
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'lottieAnimation' => [
'label' => 'Lottie Animation',
'subName' => 'lottieAnimation',
'selectorSuffix' => ' .et_pb_lottie_animation'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentLottie' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentLottie',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Lottie Animation'
]
]
]
]
]
],
'map' => [
'name' => 'divi/map',
'd4Shortcode' => 'et_pb_map',
'moduleClassName' => 'et_pb_map_container',
'moduleOrderClassName' => 'et_pb_map',
'title' => 'Map',
'titles' => 'Maps',
'moduleIcon' => 'divi/module-map',
'childModuleName' => 'divi/map-pin',
'childModuleTitle' => 'Pin',
'category' => 'module',
'childrenName' => ['divi/map-pin'],
'videos' => [
[
'id' => 'dAUnlYZ43-g',
'name' => 'An introduction to the Map 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}}',
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'height' => '{{selector}} > .et_pb_map',
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true,
'width' => true
]
]
]
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'boxShadow' => [
'useOverlay' => true
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false,
'supportsStructureTemplates' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'map' => [
'type' => 'object',
'selector' => '{{selector}} .gm-style>div>div>div>div>div>img',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMap',
'attrName' => 'map.innerContent',
'label' => 'Map Center Address',
'description' =>
'Enter an address for the map center point, and the address will be geocoded and displayed on the map below.',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'features' => [
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/map',
'props' => [
'hideUpdateButton' => false,
'readonly' => false,
'extraMarkers' => []
]
]
]
],
'advanced' => [
'warning' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMap',
'attrName' => '',
'label' => '',
'description' => '',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/warning'
]
]
],
'googleAPIKey' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMap',
'attrName' => 'map.advanced.googleAPIKey',
'label' => 'Google API Key',
'description' =>
'The Maps module uses the Google Maps API and requires a valid Google API Key to function. Before using the map module, please make sure you have added your API key inside the Divi Theme Options panel. Learn more about how to create your Google API Key here.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/google-api-key-field'
]
]
],
'mouseWheel' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designControls',
'attrName' => 'map.advanced.mouseWheel',
'label' => 'Mouse Wheel Zoom',
'description' =>
'Here you can choose whether the zoom level will be controlled by mouse wheel or not.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'mobileDragging' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designControls',
'attrName' => 'map.advanced.mobileDragging',
'label' => 'Draggable On Mobile',
'description' =>
'Here you can choose whether or not the map will be draggable on mobile devices.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'grayscaleFilter' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMap',
'attrName' => 'map.advanced.grayscaleFilter',
'subName' => 'enabled',
'label' => 'Use Grayscale Filter',
'description' =>
'Applying the grayscale filter will change the map colors to black and white.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'grayscaleFilterAmount' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMap',
'attrName' => 'map.advanced.grayscaleFilter',
'subName' => 'amount',
'label' => 'Grayscale Filter Amount (%)',
'description' =>
'Adjusting the grayscale filter will allow you to change the color saturation of the map.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'min' => 0,
'max' => 100,
'defaultUnit' => ''
]
]
]
]
],
'decoration' => [
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMap',
'attrName' => 'map.decoration.filters',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Map'
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 3,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentMap' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentMap',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Map',
'preset' => 'content'
]
]
],
'designControls' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designControls',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Controls'
]
]
],
'designMap' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designMap',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Map',
'presetGroup' => 'divi/filters'
]
]
]
]
]
],
'map-pin' => [
'name' => 'divi/map-pin',
'd4Shortcode' => 'et_pb_map_pin',
'title' => 'Map Pin',
'titles' => 'Map Pins',
'moduleIcon' => 'divi/module-map-pin',
'category' => 'child-module',
'attributes' => [
'pin' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMap',
'attrName' => 'pin.innerContent',
'label' => 'Map Pin Address',
'description' =>
'Enter an address for this map pin, and the address will be geocoded and displayed on the map below.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/map',
'props' => [
'hideUpdateButton' => false,
'readonly' => false,
'hasMarker' => false
]
]
]
],
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'loop' => []
]
]
],
'title' => [
'type' => 'object',
'selector' => '{{selector}} h3',
'tagName' => 'h3',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'The title will be used within the tab button for this tab.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .infowindow',
'elementType' => 'content',
'attributes' => [
'class' => 'infowindow'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'Here you can define the content that will be placed within the infobox for the pin.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
],
'preset' => ['style']
],
'component' => [
'type' => 'field',
'name' => 'divi/richtext'
]
]
]
]
]
],
'settings' => [
'content' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'preset' => 'content'
]
]
],
'contentMap' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMap',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Map',
'preset' => 'content'
]
]
]
]
]
],
'menu' => [
'name' => 'divi/menu',
'moduleClassName' => 'et_pb_menu',
'moduleOrderClassName' => 'et_pb_menu',
'd4Shortcode' => 'et_pb_menu',
'title' => 'Menu',
'titles' => 'Menus',
'moduleIcon' => 'divi/module-menu',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => '-IkzKRz8zc0',
'name' => 'An introduction to the Menu 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}}.et_pb_menu',
'styleProps' => [
'boxShadow' => [
'selector' => '{{selector}}, {{selector}} .sub-menu'
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'layout' => [
'selector' => '{{selector}} .et_pb_menu_inner_container'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMenuText',
'priority' => 21,
'render' => true,
'component' => [
'name' => 'divi/text',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'orientation' => [
'visible' => true
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'logo' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_menu__logo-wrap img',
'supportsCustomAttributes' => true,
'elementType' => 'imageLink',
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'width' =>
'{{selector}} .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, {{selector}} .et_pb_menu__logo-slot',
'max-width' =>
'{{selector}} .et_pb_menu_inner_container > .et_pb_menu__logo-wrap, {{selector}} .et_pb_menu__logo-slot',
'height' =>
'{{selector}} .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img, {{selector}} .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img',
'max-height' =>
'{{selector}} .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img, {{selector}} .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img'
]
]
]
],
'border' => [
'selector' =>
'{{selector}} .et_pb_menu__logo-wrap .et_pb_menu__logo img'
],
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_menu__logo-wrap .et_pb_menu__logo'
],
'filters' => [
'selector' => '{{selector}} .et_pb_menu__logo-wrap img'
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'src' => [
'groupSlug' => 'contentLogo',
'priority' => 10,
'render' => true,
'subName' => 'src',
'label' => 'Logo',
'description' =>
'Upload an image to display beside your menu.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/upload',
'type' => 'field',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
],
'linkUrl' => [
'groupSlug' => 'contentLink',
'priority' => 5,
'render' => true,
'subName' => 'linkUrl',
'label' => 'Logo Link URL',
'description' =>
'If you would like to make your logo a link, input your destination URL here.',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'url'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'linkTarget' => [
'groupSlug' => 'contentLink',
'priority' => 10,
'render' => true,
'subName' => 'linkTarget',
'label' => 'Logo Link Target',
'description' =>
'Here you can choose whether or not your link opens in a new window',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'off' => [
'label' => 'In The Current Tab'
],
'on' => [
'label' => 'In A New Tab'
]
]
]
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Logo',
'fields' => [
'radius' => [
'label' => 'Logo Border Radius'
],
'styles' => [
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
]
]
]
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 15,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Logo',
'fields' => [
'style' => [
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
]
],
'position' => [
'features' => [
'hover' => false,
'sticky' => false
]
]
]
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Logo',
'fields' => [
'blendMode' => [
'features' => [
'sticky' => false
]
]
]
]
]
]
],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLogo',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Logo',
'fields' => [
'alignment' => [
'render' => false
],
'minHeight' => [
'render' => false
]
]
]
]
]
]
]
]
],
'menu' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' => '{{selector}}.et_pb_menu ul li a',
'hover' => '{{selector}}.et_pb_menu ul li > a'
]
]
]
],
'settings' => [
'advanced' => [
'menuId' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMenu',
'priority' => 5,
'render' => true,
'label' => 'Menu',
'description' => '',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select-menu',
'type' => 'field',
'props' => [
'options' => []
]
]
]
],
'style' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 110,
'render' => true,
'label' => 'Menu Style',
'category' => 'layout',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'left_aligned' => [
'label' => 'Left Aligned'
],
'centered' => [
'label' => 'Centered'
],
'inline_centered_logo' => [
'label' =>
'Inline Centered Logo'
]
]
]
]
]
],
'activeLinkColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMenuText',
'priority' => 5,
'render' => true,
'label' => 'Active Link Color',
'description' =>
'An active link is the page currently being visited. You can pick a color to be applied to active links to differentiate them from other links.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMenuText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Menu',
'fields' => [
'textAlign' => [
'render' => false
],
'family' => [
'features' => [
'hover' => false,
'sticky' => false
]
]
]
]
]
]
]
]
]
],
'menuDropdown' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}}.et_pb_menu .nav li ul.sub-menu a'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
],
'background' => [
'selector' => '{{selector}}.et_pb_menu .nav li ul',
'important' => true
]
],
'settings' => [
'advanced' => [
'direction' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 100,
'render' => true,
'label' => 'Dropdown Menu Direction',
'description' =>
'Here you can choose the direction that your sub-menus will open. You can choose to have them open downwards or upwards.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'downwards' => [
'label' => 'Downwards'
],
'upwards' => [
'label' => 'Upwards'
]
]
]
]
]
],
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 30,
'render' => true,
'label' => 'Dropdown Menu Animation',
'description' =>
'Select a menu that should be used in the module. Click here to create new menu.
',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'expand' => [
'label' => 'Expand'
],
'fade' => [
'label' => 'Fade'
],
'flip' => [
'label' => 'Flip'
],
'slide' => [
'label' => 'Slide'
]
]
]
]
]
],
'lineColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 10,
'render' => true,
'label' => 'Dropdown Menu Line Color',
'description' =>
'Pick a color to be used for the dividing line between links in dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'activeLinkColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 20,
'render' => true,
'label' => 'Dropdown Menu Active Link Color',
'description' =>
'Pick a color to be used for active links in dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'responsive' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 5,
'render' => true,
'subName' => 'color',
'label' => 'Dropdown Menu Background Color',
'description' =>
'Pick a color to be applied to the background of dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'responsive' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 15,
'render' => true,
'attrName' =>
'menuDropdown.decoration.font.font',
'subName' => 'color',
'label' => 'Dropdown Menu Text Color',
'description' =>
'Pick a color to be used for links in dropdown menus. Dropdown menus appear when hovering over links with sub items.',
'features' => [
'responsive' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'menuContent' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_menu__menu',
'attributes' => [
'class' => 'et_pb_menu__menu'
],
'supportsCustomAttributes' => true
],
'menuMobile' => [
'type' => 'object',
'selector' => '{{selector}} .et_mobile_nav_menu',
'attributes' => [
'class' => 'et_mobile_nav_menu'
],
'supportsCustomAttributes' => true,
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_menu .et_mobile_menu a',
'important' => true
],
'background' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_menu .et_mobile_menu,{{selector}} .et_mobile_menu ul',
'hover' =>
'{{selector}}.et_pb_menu .et_mobile_menu:hover, {{selector}}.et_pb_menu .et_mobile_menu ul:hover, {{selector}}.et_pb_menu .et_mobile_menu:hover ul'
]
],
'important' => true
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 25,
'render' => true,
'subName' => 'color',
'label' => 'Mobile Menu Background Color',
'description' =>
'Pick a unique color to be used for the menu background color when viewed on a mobile device.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenu',
'priority' => 30,
'render' => true,
'attrName' => 'menuMobile.decoration.font.font',
'subName' => 'color',
'label' => 'Mobile Menu Text Color',
'description' =>
'Pick a color to be used for links in mobile menus.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'cartQuantity' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_menu .et_pb_menu__icon.et_pb_menu__icon__with_count .et_pb_menu__cart-count'
]
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'label' => 'Show Cart Quantity',
'category' => 'layout',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCartQuantity',
'priority' => 21,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Cart Quantity',
'fields' => [
'textAlign' => [
'render' => false
],
'family' => [
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
]
],
'color' => [
'features' => [
'responsive' => false
]
],
'size' => [
'features' => [
'responsive' => false
]
],
'letterSpacing' => [
'features' => [
'responsive' => false
]
],
'lineHeight' => [
'features' => [
'responsive' => false
]
]
]
]
]
]
]
]
]
],
'cartIcon' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_menu__icon.et_pb_menu__cart-button',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_menu__icon et_pb_menu__cart-button'
],
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_menu__icon.et_pb_menu__cart-button'
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'label' => 'Show Shopping Cart Icon',
'category' => 'layout',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-items',
'items' => [
'cartIconColor' => [
'groupSlug' => 'designIcons',
'priority' => 5,
'render' => true,
'attrName' =>
'cartIcon.decoration.font.font',
'subName' => 'color',
'label' => 'Shopping Cart Icon Color',
'description' =>
'Here you can define a custom color for your shopping cart icon.',
'defaultAttr' => [
'desktop' => [
'value' => [
'color' =>
'$variable({"type":"color","value":{"name":"gcid-primary-color","settings":{}}})$'
]
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'cartIconSize' => [
'groupSlug' => 'designIcons',
'priority' => 20,
'render' => true,
'attrName' =>
'cartIcon.decoration.font.font',
'subName' => 'size',
'label' => 'Shopping Cart Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '17px'
]
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'defaultUnit' => 'px',
'max' => 120,
'min' => 1,
'step' => 1
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
]
],
'searchIcon' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_menu__icon.et_pb_menu__search-button',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_menu__icon et_pb_menu__search-button'
],
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_menu__icon.et_pb_menu__search-button, {{selector}} .et_pb_menu__icon.et_pb_menu__close-search-button'
],
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 15,
'render' => true,
'label' => 'Show Search Icon',
'category' => 'layout',
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-items',
'items' => [
'searchIconColor' => [
'groupSlug' => 'designIcons',
'priority' => 10,
'render' => true,
'attrName' =>
'searchIcon.decoration.font.font',
'subName' => 'color',
'label' => 'Search Icon Color',
'description' =>
'Here you can define a custom color for your search icon.',
'defaultAttr' => [
'desktop' => [
'value' => [
'color' =>
'$variable({"type":"color","value":{"name":"gcid-primary-color","settings":{}}})$'
]
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'searchIconSize' => [
'groupSlug' => 'designIcons',
'priority' => 25,
'render' => true,
'attrName' =>
'searchIcon.decoration.font.font',
'subName' => 'size',
'label' => 'Search Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '17px'
]
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'defaultUnit' => 'px',
'max' => 120,
'min' => 1,
'step' => 1
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
]
],
'hamburgerMenuIcon' => [
'type' => 'object',
'selector' => '',
'styleProps' => [
'selector' =>
'{{selector}} .mobile_nav .mobile_menu_bar:before'
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-items',
'items' => [
'hamburgerMenuIconColor' => [
'groupSlug' => 'designIcons',
'priority' => 15,
'render' => true,
'attrName' =>
'hamburgerMenuIcon.decoration.font.font',
'subName' => 'color',
'label' => 'Hamburger Menu Icon Color',
'description' =>
'Here you can define a custom color for your hamburger menu icon.',
'defaultAttr' => [
'desktop' => [
'value' => [
'color' =>
'$variable({"type":"color","value":{"name":"gcid-primary-color","settings":{}}})$'
]
]
],
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'hamburgerMenuIconSize' => [
'groupSlug' => 'designIcons',
'priority' => 30,
'render' => true,
'attrName' =>
'hamburgerMenuIcon.decoration.font.font',
'subName' => 'size',
'label' => 'Hamburger Menu Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '32px'
]
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'defaultUnit' => 'px',
'max' => 120,
'min' => 1,
'step' => 1
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'menuLink' => [
'subName' => 'menuLink',
'selectorSuffix' => ' .et-menu-nav li a',
'label' => 'Menu Link'
],
'activeMenuLink' => [
'subName' => 'activeMenuLink',
'selectorSuffix' => ' .et-menu-nav li.current-menu-item a',
'label' => 'Active Menu Link'
],
'dropdownContainer' => [
'subName' => 'dropdownContainer',
'selectorSuffix' => ' .et-menu-nav li ul.sub-menu',
'label' => 'Dropdown Menu Container'
],
'dropdownLinks' => [
'subName' => 'dropdownLinks',
'selectorSuffix' => ' .et-menu-nav li ul.sub-menu a',
'label' => 'Dropdown Menu Links'
],
'menuLogo' => [
'subName' => 'menuLogo',
'selectorSuffix' => ' .et_pb_menu__logo',
'label' => 'Menu Logo'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentMenu' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentMenu',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentLogo' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentLogo',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Logo'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentLink',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'layoutStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style'
]
]
],
'designMenuText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'menuTextStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Menu Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designDropdownMenu' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'dropdownMenuStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Dropdown Menu',
'clipboardCategory' => 'style'
]
]
],
'designIcons' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'iconStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icons',
'clipboardCategory' => 'style'
]
]
],
'designLogo' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'logoStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Logo',
'clipboardCategory' => 'style'
]
]
],
'designCartQuantity' => [
'panel' => 'design',
'priority' => 21,
'groupName' => 'cartQuantityStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Cart Quantity Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 150,
'groupName' => 'animation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/animation'
]
]
]
]
]
],
'number-counter' => [
'name' => 'divi/number-counter',
'd4Shortcode' => 'et_pb_number_counter',
'moduleClassName' => 'et_pb_number_counter',
'moduleOrderClassName' => 'et_pb_number_counter',
'title' => 'Number Counter',
'titles' => 'Number Counters',
'moduleIcon' => 'divi/module-number-counter',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'ICNJjf8VqEA',
'name' => 'An introduction to the Number Counter 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}}',
'styleProps' => [
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_number_counter h3, {{selector}}.et_pb_number_counter h1.title, {{selector}}.et_pb_number_counter h2.title, {{selector}}.et_pb_number_counter h4.title, {{selector}}.et_pb_number_counter h5.title, {{selector}}.et_pb_number_counter h6.title',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'title'
],
'tagName' => 'h3',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'label' => 'Title',
'description' => 'Input a title for the counter.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'number' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_number_counter .percent p',
'supportsCustomAttributes' => true,
'settings' => [
'advanced' => [
'enablePercentSign' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 15,
'render' => true,
'label' => 'Percent Sign',
'description' =>
'Here you can choose whether the percent sign should be added after the number set above.',
'category' => 'configuration',
'defaultAttr' => [
'desktop' => [
'value' => 'on'
]
],
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'Off',
'on' => 'On'
]
]
]
]
]
],
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 10,
'render' => true,
'label' => 'Number',
'description' =>
'Define a number for the counter. (Don\'t include the percentage sign, use the option below.)',
'category' => 'basic_option',
'defaultAttr' => [
'desktop' => [
'value' => '0'
]
],
'features' => [
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 20,
'component' => [
'props' => [
'groupLabel' => 'Number Text',
'fieldLabel' => 'Number',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'percent' => [
'label' => 'Percent',
'subName' => 'percent',
'selectorSuffix' => ' .percent'
],
'numberCounterTitle' => [
'label' => 'Number Counter Title',
'subName' => 'numberCounterTitle',
'selectorSuffix' => ' .title'
]
],
'script' => ['divi-module-library-script-number-counter'],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'element',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
]
]
]
],
'portfolio' => [
'name' => 'divi/portfolio',
'd4Shortcode' => 'et_pb_portfolio',
'title' => 'Portfolio',
'titles' => 'Portfolios',
'moduleIcon' => 'divi/module-portfolio',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'QBKD7hrLGjM',
'name' => 'An introduction to the Portfolio 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}}',
'styleProps' => [
'background' => [
'selector' => '{{selector}} .et_pb_portfolio_item'
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'border' => [
'selector' => '{{selector}} .et_pb_portfolio_item'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'text' => [
'priority' => 20,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => true
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'border' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'name' => 'divi/scroll',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'gridMotion' => [
'render' => true
]
]
]
]
]
],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'boxShadow' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'portfolio' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'postsNumber' => [
'groupSlug' => 'content',
'attrName' => 'portfolio.innerContent',
'subName' => 'postsNumber',
'label' => 'Post Count',
'description' =>
'Define the number of projects that should be displayed per page.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
],
'includedCategories' => [
'groupSlug' => 'content',
'attrName' => 'portfolio.innerContent',
'subName' => 'includedCategories',
'label' => 'Included Categories',
'description' =>
'Select the categories that you would like to include in the feed.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/checkboxes',
'props' => [
'options' => [],
'value' => []
]
]
]
]
],
'advanced' => [
'showTitle' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'portfolio.advanced.showTitle',
'label' => 'Show Title',
'description' =>
'Turn project titles on or off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' =>
'portfolio.advanced.showCategories',
'label' => 'Show Categories',
'description' =>
'Turn the category links on or off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showPagination' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' =>
'portfolio.advanced.showPagination',
'label' => 'Show Pagination',
'description' =>
'Turn the pagination on or off.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'portfolioGrid' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_posts',
'elementType' => 'wrapper',
'attributes' => [
'class' => 'et_pb_ajax_pagination_container'
],
'settings' => [
'advanced' => [],
'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',
'flexDirection' => 'column'
]
]
],
'fields' => [
'gridColumnCount' => [
'baseFieldDefault' => '4'
]
]
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_module_header',
'supportsCustomAttributes' => true,
'elementType' => 'heading',
'attributes' => [
'class' => 'et_pb_module_header'
],
'styleProps' => [
'font' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Title',
'groupLabel' => 'Title Text',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_portfolio_item .et_overlay',
'settings' => [
'advanced' => [
'iconColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.advanced.iconColor',
'label' => 'Zoom Icon Color',
'description' =>
'Here you can define a custom color for the zoom icon.',
'priority' => 5,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'hoverIcon' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.advanced.hoverIcon',
'label' => 'Hover Icon Picker',
'description' =>
'Here you can define a custom icon for the overlay.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Hover Overlay Color',
'description' =>
'Here you can define a custom color for the overlay.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_portfolio_image',
'supportsCustomAttributes' => true,
'styleProps' => [
'boxShadow' => [
'useOverlay' => true
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_portfolio_item .post-meta, {{selector}} .et_pb_portfolio_item .post-meta a, {{selector}} .et_pb_portfolio_item .post-meta a:hover',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'post-meta'
],
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Meta',
'groupLabel' => 'Meta Text'
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'selector' =>
'{{selector}} .wp-pagenavi a, {{selector}} .wp-pagenavi span, {{selector}} .pagination a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'pagination clearfix'
],
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Pagination',
'groupLabel' => 'Pagination Text'
]
]
]
]
]
]
],
'customCssFields' => [
'portfolioImage' => [
'subName' => 'portfolioImage',
'label' => 'Portfolio Image',
'selectorSuffix' => ' .et_portfolio_image'
],
'overlay' => [
'subName' => 'overlay',
'label' => 'Overlay',
'selectorSuffix' => ' .et_overlay'
],
'overlayIcon' => [
'subName' => 'overlayIcon',
'label' => 'Overlay Icon',
'selectorSuffix' => ' .et_overlay:before'
],
'portfolioTitle' => [
'subName' => 'portfolioTitle',
'label' => 'Portfolio Title',
'selectorSuffix' => ' .et_pb_portfolio_item h2'
],
'portfolioPostMeta' => [
'subName' => 'portfolioPostMeta',
'label' => 'Portfolio Post Meta',
'selectorSuffix' => ' .et_pb_portfolio_item .post-meta'
],
'pagination' => [
'subName' => 'pagination',
'label' => 'Pagination',
'selectorSuffix' => '.pagination a'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'content' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'content',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'layout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
]
]
]
],
'post-content' => [
'name' => 'divi/post-content',
'title' => 'Post Content',
'titles' => 'Post Contents',
'moduleIcon' => 'divi/module-post-content',
'category' => 'module',
'videos' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'bodyFont' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'headingFont' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'zIndex' => []
]
],
'styleProps' => []
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} img',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 15,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => false,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => []
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'imageStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
]
]
],
'd4Shortcode' => 'et_pb_post_content',
'appearance' => [
'multiple' => false,
'multipleAliases' => ['divi/fullwidth-post-content'],
'themeBuilderLayouts' => ['body']
],
'mousetrap' => [
'inner' => [
'hovered' => true,
'edited' => true
],
'zIndex' => [
'hovered' => 'coversModuleSurfaceArea',
'edited' => 'coversModuleSurfaceArea'
]
]
],
'post-nav' => [
'name' => 'divi/post-nav',
'd4Shortcode' => 'et_pb_post_nav',
'title' => 'Pagination',
'titles' => 'Paginations',
'moduleIcon' => 'divi/module-post-nav',
'category' => 'module',
'moduleClassName' => 'et_pb_posts_nav',
'moduleOrderClassName' => 'et_pb_post_nav',
'childrenName' => [],
'videos' => [
[
'id' => '-XJVW9inohs',
'name' => 'An introduction to the Post Navigation 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}}',
'styleProps' => [
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'inSameTerm' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCategories',
'attrName' => 'module.advanced.inSameTerm',
'label' => 'Navigate Within Current Category',
'description' =>
'Here you can define whether previous and next posts must be within the same taxonomy term as the current post.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'taxonomyName' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentCategories',
'attrName' => 'module.advanced.taxonomyName',
'label' => 'Custom Taxonomy Name',
'description' =>
'Leave blank if you\'re using this module on a Project or Post. Otherwise type the taxonomy name to make the \'In the Same Category\' option work correctly.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'targetLoop' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentTarget',
'attrName' => 'module.advanced.targetLoop',
'label' => 'Target Loop',
'description' =>
'Choose which loop on the page this pagination should connect to. Select "Main Query" to use the default post navigation behavior.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'defaultAttr' => [
'desktop' => [
'value' => 'main_query'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'main_query' => [
'label' => 'Main Query'
]
]
]
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'links' => [
'type' => 'object',
'selector' =>
'{{selector}} .wp-pagenavi a, {{selector}} .wp-pagenavi span, {{selector}} .pagination a, {{selectorPrefix}}.et_pb_posts_nav{{baseSelector}} span a, {{selectorPrefix}}.et_pb_posts_nav{{baseSelector}} span a span',
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true,
'font-weight' => true
]
]
]
]
],
'background' => [
'selector' =>
'{{selectorPrefix}}.et_pb_posts_nav{{baseSelector}} a'
],
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_posts_nav{{baseSelector}} span.nav-previous a, {{selectorPrefix}}.et_pb_posts_nav{{baseSelector}} span.nav-next a'
],
'border' => [
'selector' =>
'{{selectorPrefix}}.et_pb_posts_nav{{baseSelector}} span.nav-previous a, {{selectorPrefix}}.et_pb_posts_nav{{baseSelector}} span.nav-next a'
],
'boxShadow' => [
'selector' =>
'{{selector}} .nav-previous a, {{selector}} .nav-next a',
'important' => true
]
],
'settings' => [
'advanced' => [
'prevText' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'links.advanced.prevText',
'label' => 'Previous Link',
'description' =>
'Define custom text for the previous link. You can use the %title variable to include the post title. Leave blank for default.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'nextText' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'links.advanced.nextText',
'label' => 'Next Link',
'description' =>
'Define custom text for the next link. You can use the %title variable to include the post title. Leave blank for default.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'showPrev' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentNavigation',
'attrName' => 'links.advanced.showPrev',
'label' => 'Show Previous Post Link',
'description' =>
'Turn this on to show the previous post link.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showNext' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentNavigation',
'attrName' => 'links.advanced.showNext',
'label' => 'Show Next Post Link',
'description' =>
'Turn this on to show the next post link.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 10,
'component' => [
'props' => [
'fieldLabel' => 'Links',
'groupLabel' => 'Links Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSpacing',
'attrName' => 'links.decoration.spacing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLinksBorder',
'attrName' => 'links.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLinkBoxShadow',
'attrName' => 'links.decoration.boxShadow',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => false
]
]
]
],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentLinksBackground',
'attrName' => 'links.decoration.background',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false
]
]
]
]
]
]
]
],
'customCssFields' => [
'links' => [
'label' => 'Links',
'subName' => 'links',
'selectorSuffix' => ' span a'
],
'prevLink' => [
'label' => 'Previous Link',
'subName' => 'prevLink',
'selectorSuffix' => ' span.nav-previous a'
],
'prevLinkArrow' => [
'label' => 'Previous Link Arrow',
'subName' => 'prevLinkArrow',
'selectorSuffix' => ' span.nav-previous .meta-nav'
],
'nextLink' => [
'label' => 'Next Link',
'subName' => 'nextLink',
'selectorSuffix' => ' span.nav-next a'
],
'nextLinkArrow' => [
'label' => 'Next Link Arrow',
'subName' => 'nextLinkArrow',
'selectorSuffix' => ' span.nav-next .meta-nav'
]
],
'settings' => [
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'preset' => 'content',
'groupLabel' => 'Text'
]
]
],
'contentCategories' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentCategories',
'component' => [
'name' => 'divi/composite',
'props' => [
'preset' => 'content',
'groupLabel' => 'Categories'
]
]
],
'contentTarget' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentTarget',
'component' => [
'name' => 'divi/composite',
'props' => [
'preset' => 'content',
'groupLabel' => 'Target'
]
]
],
'contentNavigation' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentNavigation',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Navigation'
]
]
],
'contentLinksBackground' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentLinksBackground',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Background',
'presetGroup' => 'divi/background'
]
]
],
'designSpacing' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'designSpacing',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Spacing',
'presetGroup' => 'divi/spacing'
]
]
],
'designLinksBorder' => [
'panel' => 'design',
'priority' => 80,
'groupName' => 'designLinksBorder',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Border',
'presetGroup' => 'divi/border'
]
]
],
'designLinkBoxShadow' => [
'panel' => 'design',
'priority' => 90,
'groupName' => 'designLinkBoxShadow',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Box Shadow',
'presetGroup' => 'divi/box-shadow'
]
]
]
]
]
],
'post-slider' => [
'name' => 'divi/post-slider',
'd4Shortcode' => 'et_pb_post_slider',
'moduleClassName' => 'et_pb_post_slider',
'moduleOrderClassName' => 'et_pb_post_slider',
'title' => 'Post Slider',
'titles' => 'Post Sliders',
'moduleIcon' => 'divi/module-post-slider',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'l9Rk8Wpj3gI',
'name' => 'An introduction to the Post Slider 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' => [],
'text' => [],
'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' => ['html']
],
'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' => ['html']
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'autoIgnoreHover' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 10,
'render' => true,
'label' => 'Continue Automatic Slide on Hover',
'description' =>
'Turning this on will allow automatic sliding to continue on mouse hover.',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/disabled-on',
'props' => [
'grouped' => false
]
]
]
],
'overflow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/overflow',
'props' => [
'grouped' => false
]
]
]
],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => [],
'border' => [],
'boxShadow' => [],
'filters' => [],
'interactions' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}}.et_pb_slider, {{selector}}.et_pb_slider.et_pb_bg_layout_dark'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}, {{selector}} .et_pb_slide, {{selector}} .et_pb_slide_overlay_container'
]
]
]
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selector}} .et_pb_slide_description, {{selectorPrefix}}.et_pb_slider_fullwidth_off{{baseSelector}} .et_pb_slide_description'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'height' =>
'{{selector}}, {{selector}} .et_pb_slide',
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_description .et_pb_slide_title, {{selector}}.et_pb_slider .et_pb_slide_description .et_pb_slide_title a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_slide_title'
],
'elementType' => 'heading',
'settings' => [
'decoration' => [
'font' => []
]
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true,
'color' => true
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_content_body',
'elementType' => 'content',
'settings' => [
'advanced' => [
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 10,
'render' => true,
'label' => 'Show Content On Mobile',
'description' =>
'This setting will toggle visibility of content on mobile devices.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'bodyFont' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Content',
'fields' => [
'alignment' => [
'render' => false
],
'height' => [
'render' => false
],
'maxHeight' => [
'render' => false
],
'minHeight' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'important' => true
],
'sizing' => [
'selector' =>
'{{selector}} .et_pb_slide > .et_pb_container'
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_content .post-meta, {{selector}}.et_pb_slider .et_pb_slide_content .post-meta a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'post-meta'
],
'elementType' => 'element',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 30,
'render' => true,
'label' => 'Show Post Meta',
'description' =>
'This setting will turn on and off the meta section.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group',
'priority' => 40,
'component' => [
'props' => [
'groupLabel' => 'Meta Text',
'fieldLabel' => 'Meta',
'fields' => [
'size' => [
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '13px'
]
]
]
],
'lineHeight' => [
'defaultAttr' => [
'desktop' => [
'value' => [
'lineHeight' => '1.7em'
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => true
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_slide_image img',
'supportsCustomAttributes' => true,
'elementType' => 'element',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFeaturedImage',
'priority' => 10,
'render' => true,
'label' => 'Show Featured Image',
'description' =>
'This setting will turn on and off the featured image in the slider.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'placement' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFeaturedImage',
'priority' => 10,
'render' => true,
'label' => 'Featured Image Placement',
'description' =>
'Select how you would like to display the featured image in slides',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'background' => [
'label' => 'Background'
],
'left' => [
'label' => 'Left'
],
'right' => [
'label' => 'Right'
],
'top' => [
'label' => 'Top'
],
'bottom' => [
'label' => 'Bottom'
]
]
]
]
]
],
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 30,
'render' => true,
'label' => 'Show Image On Mobile',
'description' =>
'This setting will toggle visibility of Images/Video on mobile devices.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'selector' =>
'{{selector}} .et_pb_slide .et_pb_slide_image img'
],
'filters' => [
'selector' => '{{selector}} .et_pb_slide_image'
]
]
],
'button' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_more_button.et_pb_button',
'supportsCustomAttributes' => true,
'elementType' => 'button',
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentContent',
'render' => true,
'attrName' => 'button.innerContent',
'subName' => 'text',
'label' => 'Button',
'description' =>
'Define the text which will be displayed on "Read More" button. leave blank for default ( Read More )',
'category' => 'configuration',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'render' => false
]
]
]
],
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'label' => 'Show Read More Button',
'description' =>
'This setting will turn on and off the read more button.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 20,
'render' => true,
'label' => 'Show CTA On Mobile',
'description' =>
'This setting will toggle visibility of CTA on mobile devices.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'component' => [
'props' => [
'fields' => [
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'alignment' => [
'visible' => true
]
]
]
]
],
'font' => [],
'spacing' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
]
]
],
'post' => [
'type' => 'object',
'settings' => [
'advanced' => [
'number' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 10,
'render' => true,
'label' => 'Post Count',
'description' =>
'Choose how many posts you would like to display in the slider.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'categories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 10,
'render' => true,
'label' => 'Included Categories',
'description' =>
'Choose which categories you would like to include in the slider.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/checkboxes',
'type' => 'field'
]
]
],
'orderby' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 10,
'render' => true,
'label' => 'Order By',
'description' =>
'Here you can adjust the order in which posts are displayed.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'date_desc' => [
'label' => 'Date: new to old'
],
'date_asc' => [
'label' => 'Date: old to new'
],
'title_asc' => [
'label' => 'Title: a-z'
],
'title_desc' => [
'label' => 'Title: z-a'
],
'rand' => [
'label' => 'Random'
]
]
]
]
]
],
'contentSource' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Content Display',
'description' =>
'Showing the full content will not truncate your posts in the slider. Showing the excerpt will only display excerpt text.',
'category' => 'configuration',
'features' => [
'hover' => true,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'off' => [
'label' => 'Show Excerpt'
],
'on' => [
'label' => 'Show Content'
]
]
]
]
]
],
'excerptManual' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Use Post Excerpts',
'description' =>
'Disable this option if you want to ignore manually defined excerpts and always generate it automatically.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field',
'props' => [
'options' => [
'off' => 'No',
'on' => 'Yes'
]
]
]
]
],
'excerptLength' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Excerpt Length',
'description' =>
'Define the length of automatically generated excerpts. Leave blank for default ( 270 ) ',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'offset' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'priority' => 30,
'render' => true,
'label' => 'Offset Number',
'description' =>
'Choose how many posts you would like to offset by',
'category' => 'configuration',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
]
]
],
'arrows' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-slider-arrows .et-pb-arrow-prev, {{selector}} .et-pb-slider-arrows .et-pb-arrow-next',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'priority' => 10,
'render' => true,
'label' => 'Arrow Color',
'description' =>
'Pick a color to use for the slider arrows that are used to navigate through each slide.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'label' => 'Show Arrows',
'description' =>
'This setting will turn on and off the navigation arrows.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-controllers a, {{selector}} .et-pb-controllers .et-pb-active-control',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'label' => 'Show Controls',
'description' =>
'This setting will turn on and off the circle buttons at the bottom of the slider.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' =>
'pagination.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Dot Navigation Color',
'description' =>
'Pick a color to use for the dot navigation that appears at the bottom of the slider to designate which slide is active.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'slideOverlay' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_slide .et_pb_slide_overlay_container',
'settings' => [
'advanced' => [
'use' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'priority' => 10,
'render' => true,
'label' => 'Use Background Overlay',
'description' =>
'When enabled, a custom overlay color will be added above your background image and behind your slider content.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'slideOverlay.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Background Overlay Color',
'description' =>
'Use the color picker to choose a color for the background overlay.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'contentOverlay' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_slide .et_pb_text_overlay_wrapper',
'settings' => [
'advanced' => [
'use' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'priority' => 10,
'render' => true,
'label' => 'Use Text Overlay',
'description' =>
'When enabled, a background color is added behind the slider text to make it more readable atop background images.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'contentOverlay.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Text Overlay Color',
'description' =>
'Use the color picker to choose a color for the text overlay.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'priority' => 10,
'render' => true,
'label' => 'Text Overlay Border Radius',
'description' =>
'Increasing the border radius will increase the roundness of the overlay corners. Setting this value to 0 will result in squared corners.',
'category' => 'layout',
'component' => [
'name' => 'divi/border',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'styles' => [
'render' => false
],
'stylesTabNav' => [
'render' => false
],
'stylesTabbedWidth' => [
'render' => false
],
'stylesTabbedColor' => [
'render' => false
],
'stylesTabbedStyle' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'border' => [
'selector' =>
'{{selector}}.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper'
]
]
]
],
'customCssFields' => [
'slideDescription' => [
'label' => 'Slide Description',
'subName' => 'slideDescription',
'selectorSuffix' => ' .et_pb_slide_description'
],
'slideTitle' => [
'label' => 'Slide Title',
'subName' => 'slideTitle',
'selectorSuffix' =>
' .et_pb_slide_description .et_pb_slide_title'
],
'slideMeta' => [
'label' => 'Slide Meta',
'subName' => 'slideMeta',
'selectorSuffix' => ' .et_pb_slide_content .post-meta'
],
'slideButton' => [
'label' => 'Slide Button',
'subName' => 'slideButton',
'selectorSuffix' =>
'.et_pb_slider a.et_pb_more_button.et_pb_button'
],
'slideControllers' => [
'label' => 'Slide Controllers',
'subName' => 'slideControllers',
'selectorSuffix' => ' .et-pb-controllers'
],
'slideActiveController' => [
'label' => 'Slide Active Controller',
'subName' => 'slideActiveController',
'selectorSuffix' => ' .et-pb-controllers .et-pb-active-control'
],
'slideImage' => [
'label' => 'Slide Image',
'subName' => 'slideImage',
'selectorSuffix' => ' .et_pb_slide_image'
],
'slideArrows' => [
'label' => 'Slide Arrows',
'subName' => 'slideArrows',
'selectorSuffix' => ' .et-pb-slider-arrows a'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentContent' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'content',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentFeaturedImage' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'featuredImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Featured Image'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'overlay',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay',
'clipboardCategory' => 'style'
]
]
],
'designNavigation' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'navigation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Navigation',
'clipboardCategory' => 'style'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'image',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 120,
'groupName' => 'animation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/animation'
]
]
],
'advancedVisibility' => [
'panel' => 'advanced',
'priority' => 40,
'groupName' => 'visibility',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Visibility',
'presetGroup' => 'divi/visibility-settings'
]
]
]
]
]
],
'post-title' => [
'name' => 'divi/post-title',
'moduleClassName' => 'et_pb_post_title',
'moduleOrderClassName' => 'et_pb_post_title',
'd4Shortcode' => 'et_pb_post_title',
'title' => 'Post Title',
'titles' => 'Post Titles',
'moduleIcon' => 'divi/module-post-title',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'LCAgDW4rkNo',
'name' => 'An introduction to the Post Title 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}}',
'styleProps' => [
'spacing' => [
'important' => true,
'selector' =>
'{{selectorPrefix}}.et_pb_section {{baseSelector}}.et_pb_post_title'
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selectorPrefix}}.et_pb_section {{baseSelector}}.et_pb_post_title.et_pb_module',
'margin-right' =>
'{{selectorPrefix}}.et_pb_section {{baseSelector}}.et_pb_post_title.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_featured_bg,{{selector}}',
'border-style' =>
'{{selector}}.et_pb_featured_bg,{{selector}}'
]
]
]
],
'background' => [
'selector' =>
'{{selector}}, {{selector}}.et_pb_featured_bg'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false
]
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_title_container h1.entry-title,{{selector}} .et_pb_title_container h2.entry-title,{{selector}} .et_pb_title_container h3.entry-title,{{selector}} .et_pb_title_container h4.entry-title,{{selector}} .et_pb_title_container h5.entry-title,{{selector}} .et_pb_title_container h6.entry-title',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'entry-title'
],
'styleProps' => [
'font' => [
'important' => true
]
],
'settings' => [
'advanced' => [
'showTitle' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'label' => 'Show Title',
'description' =>
'Here you can choose whether or not display the Post Title.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 20,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'meta' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_title_container .et_pb_title_meta_container, {{selector}} .et_pb_title_container .et_pb_title_meta_container a',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_title_meta_container'
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'advanced' => [
'showMeta' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'label' => 'Show Meta',
'description' =>
'Here you can choose whether or not display the Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showAuthor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 15,
'render' => true,
'label' => 'Show Author',
'description' =>
'Here you can choose whether or not display the Author Name in Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showDate' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'label' => 'Show Date',
'description' =>
'Here you can choose whether or not display the Date in Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'dateFormat' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 25,
'render' => true,
'label' => 'Date Format',
'description' =>
'Here you can define the Date Format in Post Meta. Default is \'M j, Y\'.',
'category' => 'configuration',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/text',
'type' => 'field',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'showCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 30,
'render' => true,
'label' => 'Show Post Categories',
'description' =>
'Here you can choose whether or not display the Categories in Post Meta. Note: This option doesn\'t work with custom post types.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCommentsCount' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 35,
'render' => true,
'label' => 'Show Comments Count',
'description' =>
'Here you can choose whether or not display the Comments Count in Post Meta.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 25,
'component' => [
'props' => [
'groupLabel' => 'Meta Text',
'fieldLabel' => 'Meta',
'fields' => []
]
]
]
]
]
],
'textWrapper' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_title_container',
'settings' => [
'advanced' => [
'useBackground' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'label' => 'Use Text Background Color',
'description' =>
'Here you can choose whether or not use the background color for the Title/Meta text.',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'subName' => 'color',
'label' => 'Text Background Color',
'description' =>
'Pick a color to use behind the post title text. Reducing the color\'s opacity will allow the background image to show through while still increasing text readability.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'featuredImage' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_title_featured_container img',
'supportsCustomAttributes' => true,
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'width' =>
'{{selector}} .et_pb_title_featured_container',
'max-width' =>
'{{selector}} .et_pb_title_featured_container',
'margin-left' =>
'{{selector}} .et_pb_title_featured_container',
'margin-right' =>
'{{selector}} .et_pb_title_featured_container'
]
]
]
]
],
'settings' => [
'advanced' => [
'enabled' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 40,
'render' => true,
'label' => 'Show Featured Image',
'description' =>
'Here you can choose whether or not display the Featured Image.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'forceFullwidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 5,
'render' => true,
'label' => 'Force Fullwidth',
'description' =>
'When enabled, this will force your image to extend 100% of the width of the column it\'s in.',
'category' => 'layout',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'placement' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 45,
'render' => true,
'label' => 'Featured Image Placement',
'description' =>
'Here you can choose where to place the Featured Image.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'below' => [
'label' => 'Below Title'
],
'above' => [
'label' => 'Above Title'
],
'background' => [
'label' =>
'Title/Meta Background Image'
]
]
]
]
]
]
],
'decoration' => [
'sizing' => [
'groupType' => 'group-items',
'items' => [
'alignment' => [
'groupSlug' => 'designImage',
'category' => 'layout',
'priority' => 5,
'render' => true,
'subName' => 'alignment',
'label' => 'Image Alignment',
'description' =>
'Align image to the left, right or center.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
],
'multipleChoices' => false,
'component' => [
'name' => 'divi/button-options',
'type' => 'field',
'props' => [
'allowClickToUnset' => false,
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' =>
'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
],
'showLabel' => false
]
]
],
'width' => [
'groupSlug' => 'designSizing',
'category' => 'layout',
'priority' => 10,
'render' => true,
'subName' => 'width',
'label' => 'Featured Image Width',
'description' =>
'Adjust the width of the featured image.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'width',
'defaultUnit' => '%',
'max' => 100,
'min' => 0,
'step' => 1
]
]
],
'maxWidth' => [
'groupSlug' => 'designSizing',
'category' => 'layout',
'priority' => 15,
'render' => true,
'subName' => 'maxWidth',
'label' => 'Featured Image Max Width',
'description' =>
'Adjust the max width of the featured image.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'max-width',
'defaultUnit' => '%',
'max' => 100,
'min' => 0,
'step' => 1
]
]
],
'height' => [
'groupSlug' => 'designSizing',
'category' => 'layout',
'priority' => 20,
'render' => true,
'subName' => 'height',
'label' => 'Featured Image Height',
'description' =>
'Adjust the height of the featured image.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'height',
'max' => 1000,
'min' => 0,
'step' => 1
]
]
],
'maxHeight' => [
'groupSlug' => 'designSizing',
'category' => 'layout',
'priority' => 25,
'render' => true,
'subName' => 'maxHeight',
'label' => 'Featured Image Max Height',
'description' =>
'Adjust the max height of the featured image.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'max-height',
'max' => 1000,
'min' => 0,
'step' => 1
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'postTitle' => [
'subName' => 'postTitle',
'selectorSuffix' => ' h1',
'label' => 'Title'
],
'postMeta' => [
'subName' => 'postMeta',
'selectorSuffix' => ' .et_pb_title_meta_container',
'label' => 'Meta'
],
'postImage' => [
'subName' => 'postImage',
'selectorSuffix' => ' .et_pb_title_featured_container',
'label' => 'Featured Image'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'imageStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'clipboardCategory' => 'style'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'textStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/text'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
]
]
]
],
'pricing-table' => [
'name' => 'divi/pricing-table',
'd4Shortcode' => 'et_pb_pricing_table',
'title' => 'Pricing Table',
'titles' => 'Pricing Table Items',
'moduleIcon' => 'divi/module-pricing-table',
'category' => 'child-module',
'childrenName' => [],
'videos' => [
[
'id' => 'd2MTMey712I',
'name' => 'An introduction to the Pricing Table 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}}',
'settings' => [
'decoration' => [
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'animation' => [],
'attributes' => [],
'background' => [],
'boxShadow' => [],
'border' => [
'priority' => 85
],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'featured' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'label' => 'Make This Table Featured',
'description' =>
'Featuring a table will make it stand out from the rest.',
'category' => 'basic_option',
'priority' => 15,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'text' => [
'priority' => 18,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
]
]
]
]
],
'loop' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_pricing_table'
],
'border' => [
'selector' =>
'{{selectorPrefix}}.et_pb_pricing .et_pb_pricing_table{{baseSelector}}'
],
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_heading,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content_top,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content',
'propertySelectors' => [
'desktop' => [
'value' => [
'padding-left' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_heading,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content_top,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content,{{selector}} .et_pb_button_wrapper',
'padding-right' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_heading,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content_top,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content,{{selector}} .et_pb_button_wrapper',
'padding-bottom' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_heading,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content_top,{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content,{{selectorPrefix}}.et_pb_pricing {{baseSelector}}'
]
]
],
'important' => true
]
]
],
'currencyFrequency' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_frequency',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'currencyFrequencyTitle' => [
'groupSlug' => 'contentText',
'priority' => 30,
'render' => true,
'subName' => 'currency',
'label' => 'Currency',
'description' =>
'Input your value to action title here.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'per' => [
'groupSlug' => 'contentText',
'priority' => 40,
'render' => true,
'subName' => 'per',
'label' => 'Frequency',
'description' =>
'If your pricing is subscription based, input the subscription payment cycle here.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'decoration' => [
'font' => [
'priority' => 24,
'component' => [
'props' => [
'groupLabel' => 'Currency & Frequency Text',
'fieldLabel' => 'Currency & Frequency',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
]
],
'tagName' => 'span',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_frequency, {{selector}} .et_pb_dollar_sign',
'font' => [
'selector' =>
'{{selector}} .et_pb_et_price .et_pb_dollar_sign, {{selector}} .et_pb_et_price .et_pb_frequency',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'subtitle' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_best_value',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Define a sub title for the table if desired.',
'groupSlug' => 'contentText',
'label' => 'Subtitle',
'priority' => 20,
'render' => true,
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 22,
'component' => [
'props' => [
'groupLabel' => 'Subtitle Text',
'fieldLabel' => 'Subtitle',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
]
],
'attributes' => [
'class' => 'et_pb_best_value'
],
'tagName' => 'span',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' => '{{selector}} .et_pb_best_value',
'font' => [
'selector' =>
'{{selector}} .et_pb_pricing_heading .et_pb_best_value',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_pricing_heading h2,{{selector}} .et_pb_pricing_heading h1.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h3.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h4.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h5.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h6.et_pb_pricing_title',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Define a title for the pricing table.',
'groupSlug' => 'contentText',
'label' => 'Title',
'priority' => 10,
'render' => true,
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'subName' => 'color',
'label' => 'Table Header Background Color',
'description' => '',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'attributes' => [
'class' => 'et_pb_pricing_title'
],
'tagName' => 'h2',
'elementType' => 'heading',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_pricing_heading h2,{{selector}} .et_pb_pricing_heading h1.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h3.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h4.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h5.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h6.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h2,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h1.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h3.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h4.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h5.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h6.et_pb_pricing_title',
'background' => [
'selector' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}}.et_pb_pricing_table .et_pb_pricing_heading'
],
'font' => [
'selector' =>
'{{selector}} .et_pb_pricing_heading h2,{{selector}} .et_pb_pricing_heading h1.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h3.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h4.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h5.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h6.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h2,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h1.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h3.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h4.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h5.et_pb_pricing_title,{{selector}}.et_pb_featured_table .et_pb_pricing_heading h6.et_pb_pricing_title',
'important' => true
]
]
],
'price' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_et_price .et_pb_sum',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Input the value of the product here.',
'groupSlug' => 'contentText',
'label' => 'Price',
'priority' => 50,
'render' => true,
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'subName' => 'color',
'label' => 'Pricing Area Background Color',
'description' =>
'Pick a color to use for the background area that appears behind the pricing text.',
'render' => true,
'priority' => 10,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'render' => true,
'priority' => 20,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Price'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 30,
'render' => true,
'component' => [
'name' => 'divi/border',
'type' => 'group',
'props' => [
'grouped' => false
]
]
]
]
]
],
'attributes' => [
'class' => 'et_pb_sum'
],
'tagName' => 'span',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_et_price .et_pb_sum,{{selector}} .et_pb_pricing_content_top',
'font' => [
'selector' => '{{selector}} .et_pb_et_price .et_pb_sum',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} .et_pb_pricing_content_top'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
],
'border' => [
'selector' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_content_top'
],
'background' => [
'selector' => '{{selector}} .et_pb_pricing_content_top'
]
]
],
'button' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_button',
'supportsCustomAttributes' => true,
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Input your desired button text, or leave blank for no button.',
'groupSlug' => 'contentText',
'label' => 'Button',
'priority' => 60,
'render' => true,
'subName' => 'text',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentLink',
'attrName' => 'button.innerContent',
'priority' => 70,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button-link',
'props' => [
'grouped' => false,
'attrName' => 'button.innerContent',
'fieldLabel' => 'Button'
]
]
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'component' => [
'props' => [
'fields' => [
'alignment' => [
'description' =>
'Align you button to the left, right or center of the module.',
'visible' => true,
'multipleChoices' => false,
'component' => [
'props' => [
'options' => [
'left' => [
'icon' =>
'divi/align-left'
],
'center' => [
'icon' =>
'divi/align-center'
],
'right' => [
'icon' =>
'divi/align-right'
]
],
'showLabel' => false
]
]
]
]
]
]
],
'font' => [],
'spacing' => []
]
],
'attributes' => [
'class' => 'et_pb_pricing_table_button'
],
'elementType' => 'button',
'elementProps' => [
'hasWrapper' => true
],
'styleProps' => [
'selector' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_table_button.et_pb_button',
'border' => [
'important' => [
'desktop' => [
'value' => [
'border-width' => true
]
]
]
],
'button' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_button_wrapper'
]
]
]
],
'font' => [
'selector' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_table_button.et_pb_button',
'important' => [
'font' => true
]
],
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_pricing {{baseSelector}} .et_pb_pricing_table_button.et_pb_button',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
]
]
],
'excluded' => [
'type' => 'object',
'selector' =>
'{{selector}} ul.et_pb_pricing li.et_pb_not_available,{{selector}} ul.et_pb_pricing li.et_pb_not_available span,{{selector}} ul.et_pb_pricing li.et_pb_not_available a',
'settings' => [
'decoration' => [
'font' => [
'priority' => 24,
'component' => [
'props' => [
'groupLabel' => 'Excluded Item Text',
'fieldLabel' => 'Excluded Item'
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} ul.et_pb_pricing li.et_pb_not_available,{{selector}} ul.et_pb_pricing li.et_pb_not_available span,{{selector}} ul.et_pb_pricing li.et_pb_not_available a',
'font' => [
'selector' =>
'{{selector}} ul.et_pb_pricing li.et_pb_not_available,{{selector}} ul.et_pb_pricing li.et_pb_not_available span,{{selector}} ul.et_pb_pricing li.et_pb_not_available a'
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_pricing_content',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Input the main text content for your module here.',
'groupSlug' => 'contentText',
'label' => 'Body',
'category' => 'basic_option',
'priority' => 70,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
],
'decoration' => [
'bodyFont' => [
'priority' => 21,
'component' => [
'props' => [
'groups' => [
'body' => [
'fieldLabel' => 'Body'
]
]
]
]
]
],
'advanced' => [
'bulletColor' => [
'groupType' => 'group',
'panel' => 'design',
'priority' => 15,
'groupName' => 'bullet',
'groupLabel' => 'Bullet',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Bullet',
'clipboardCategory' => 'style',
'fields' => [
'bulletColor' => [
'render' => true,
'label' => 'Bullet Color',
'description' =>
'Pick a color to use for the bullets that appear next to each list item within the pricing table\'s feature area.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker'
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} ul.et_pb_pricing li',
'bodyFont' => [
'selector' => '{{selector}} ul.et_pb_pricing li'
]
]
]
],
'customCssFields' => [
'pricingHeading' => [
'label' => 'Pricing Heading',
'subName' => 'pricingHeading',
'selectorSuffix' => ' .et_pb_pricing_heading'
],
'pricingTitle' => [
'label' => 'Pricing Title',
'subName' => 'pricingTitle',
'selectorSuffix' => ' .et_pb_pricing_heading h2'
],
'pricingSubtitle' => [
'label' => 'Pricing Subtitle',
'subName' => 'pricingSubtitle',
'selectorSuffix' => ' .et_pb_pricing_heading .et_pb_best_value'
],
'pricingTop' => [
'label' => 'Pricing Top',
'subName' => 'pricingTop',
'selectorSuffix' => ' .et_pb_pricing_content_top'
],
'price' => [
'label' => 'Price',
'subName' => 'price',
'selectorSuffix' => ' .et_pb_et_price'
],
'currency' => [
'label' => 'Currency',
'subName' => 'currency',
'selectorSuffix' => ' .et_pb_dollar_sign'
],
'frequency' => [
'label' => 'Frequency',
'subName' => 'frequency',
'selectorSuffix' => ' .et_pb_frequency'
],
'pricingContent' => [
'label' => 'Pricing Content',
'subName' => 'pricingContent',
'selectorSuffix' => ' .et_pb_pricing_content'
],
'pricingItem' => [
'label' => 'Pricing Item',
'subName' => 'pricingItem',
'selectorSuffix' => ' ul.et_pb_pricing li'
],
'pricingItemExcluded' => [
'label' => 'Excluded Item',
'subName' => 'pricingItemExcluded',
'selectorSuffix' => ' ul.et_pb_pricing li.et_pb_not_available'
],
'pricingButton' => [
'label' => 'Pricing Button',
'subName' => 'pricingButton',
'selectorSuffix' => ' .et_pb_pricing_table_button'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'link',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'layout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'titleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 23,
'groupName' => 'priceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'pricing-tables' => [
'name' => 'divi/pricing-tables',
'd4Shortcode' => 'et_pb_pricing_tables',
'title' => 'Pricing Tables',
'titles' => 'Pricing Tables',
'moduleIcon' => 'divi/module-pricing-tables',
'childModuleName' => 'divi/pricing-table',
'childModuleTitle' => 'Pricing Table',
'category' => 'module',
'childrenName' => ['divi/pricing-table'],
'videos' => [
[
'id' => 'd2MTMey712I',
'name' => 'An introduction to the Pricing Tables 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group',
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedAttributes',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/attributes',
'props' => [
'grouped' => false
]
]
]
],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} .et_pb_pricing_table'
],
'border' => [
'selector' => '{{selector}} .et_pb_pricing_table'
],
'spacing' => [
'selector' =>
'{{selector}} .et_pb_pricing_heading,{{selector}} .et_pb_pricing_content_top,{{selector}} .et_pb_pricing_content',
'propertySelectors' => [
'desktop' => [
'value' => [
'padding-left' =>
'{{selector}} .et_pb_pricing_heading,{{selector}} .et_pb_pricing_content_top,{{selector}} .et_pb_pricing_content,{{selector}} .et_pb_button_wrapper',
'padding-right' =>
'{{selector}} .et_pb_pricing_heading,{{selector}} .et_pb_pricing_content_top,{{selector}} .et_pb_pricing_content,{{selector}} .et_pb_button_wrapper',
'padding-bottom' =>
'{{selector}} .et_pb_pricing_heading,{{selector}} .et_pb_pricing_content_top,{{selector}} .et_pb_pricing_content'
]
]
],
'important' => true
],
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_pricing_heading h2,{{selector}} .et_pb_pricing_heading h1.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h3.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h4.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h5.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h6.et_pb_pricing_title',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'subName' => 'color',
'label' => 'Table Header Background Color',
'description' =>
'Pick a color to use for the background behind pricing table titles.',
'priority' => 30,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 40,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'attributes' => [
'class' => 'et_pb_pricing_title'
],
'tagName' => 'h2',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'background' => [
'selector' => '{{selector}} .et_pb_pricing_heading'
],
'font' => [
'selector' =>
'{{selector}} .et_pb_pricing_heading h2,{{selector}} .et_pb_pricing_heading h1.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h3.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h4.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h5.et_pb_pricing_title,{{selector}} .et_pb_pricing_heading h6.et_pb_pricing_title',
'headingLevel' => 'h2',
'important' => true
]
]
],
'subtitle' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_best_value',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSubtitleText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Subtitle'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'price' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_et_price .et_pb_sum,{{selector}} .et_pb_pricing_content_top',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'subName' => 'color',
'label' => 'Pricing Area Background Color',
'description' =>
'Pick a color to use for the background area that appears behind the pricing text.',
'priority' => 30,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 40,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Price'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 50,
'render' => true,
'component' => [
'name' => 'divi/border',
'type' => 'group',
'props' => [
'grouped' => false
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} .et_pb_pricing_content_top'
],
'border' => [
'selector' => '{{selector}} .et_pb_pricing_content_top'
],
'font' => [
'selector' => '{{selector}} .et_pb_sum',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} .et_pb_pricing_content_top'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'currencyFrequency' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_frequency,{{selector}} .et_pb_dollar_sign',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCurrencyFrequencyText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Currency & Frequency'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_pricing li',
'settings' => [
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font-body',
'type' => 'group',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'fieldLabel' => 'Body'
]
]
]
]
]
]
],
'advanced' => [
'bulletColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBullet',
'label' => 'Bullet Color',
'description' =>
'Pick a color to use for the bullets that appear next to each list item within the pricing table\'s feature area.',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'showBullet' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'label' => 'Show Bullets',
'description' =>
'Disabling bullets will remove the bullet points that appear next to each list item within the pricing table\'s feature area.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} .et_pb_pricing li',
'bodyFont' => [
'selector' => '{{selector}} .et_pb_pricing li'
]
]
],
'excluded' => [
'type' => 'object',
'selector' =>
'{{selector}} ul.et_pb_pricing li.et_pb_not_available,{{selector}} ul.et_pb_pricing li.et_pb_not_available span,{{selector}} ul.et_pb_pricing li.et_pb_not_available a',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designExcludedItemText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Excluded Item'
]
]
]
]
]
]
],
'featuredTable' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_featured_table',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'subName' => 'color',
'label' => 'Featured Background Color',
'description' =>
'Pick a unique color to be used for the background of featured pricing tables. This helps featured tables stand out from the rest.',
'groupName' => 'divi/background',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'advanced' => [
'showDropShadow' => [
'groupType' => 'group-item',
'item' => [
'description' =>
'Featured pricing tables have a drop shadow that helps them stand out from the rest. This shadow can be disabled if you wish.',
'groupSlug' => 'designLayout',
'label' => 'Show Featured Drop Shadow',
'category' => 'layout',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'featuredTitle' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_pricing_heading',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'subName' => 'color',
'label' => 'Featured Header Background Color',
'description' =>
'Pick a unique color to use for the background behind pricing table titles in featured pricing tables. Unique colors can help featured items stand out from the rest.',
'priority' => 3,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'attrName' =>
'featuredTitle.decoration.font.font',
'subName' => 'color',
'label' => 'Featured Title Text Color',
'description' =>
'Pick a unique color to use for title text in featured pricing tables. Unique colors can help featured items stand out from the rest.',
'priority' => 5,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'background' => [
'important' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'font' => [
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_pricing_title',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .et_pb_featured_table .et_pb_pricing_heading h2, {{selector}} .et_pb_featured_table .et_pb_pricing_heading .et_pb_pricing_title'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'featuredContent' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_pricing li',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'attrName' =>
'featuredContent.decoration.font.font',
'subName' => 'color',
'label' => 'Featured Body Text Color',
'description' =>
'Pick a unique color to use for body text in featured pricing tables. Unique colors can help featured items stand out from the rest.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'advanced' => [
'bulletColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBullet',
'label' => 'Featured Bullet Color',
'description' =>
'Pick a unique color to use for the bullets that appear next to each list items within featured tabes. Unique colors can help featured items stand out from the rest.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_pricing li',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'featuredSubtitle' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_best_value',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSubtitleText',
'attrName' =>
'featuredSubtitle.decoration.font.font',
'subName' => 'color',
'label' => 'Featured Subtitle Text Color',
'description' =>
'Pick a unique color to use for subtitles in featured pricing tables. Unique colors can help featured items stand out from the rest.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_best_value',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .et_pb_featured_table .et_pb_best_value'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'featuredPrice' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_pricing_content_top',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'subName' => 'color',
'label' =>
'Featured Pricing Area Background Color',
'description' =>
'Pick a unique color to use for the background area that appears behind the pricing text in featured tables. Unique colors can help featured items stand out from the rest.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'attrName' =>
'featuredPrice.decoration.font.font',
'subName' => 'color',
'label' => 'Featured Price Text Color',
'description' =>
'Pick a unique color to use for price text within featured pricing tables. Unique colors can help featured items stand out from the rest.',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_et_price .et_pb_sum',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .et_pb_featured_table .et_pb_sum'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'featuredCurrencyFrequency' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCurrencyFrequencyText',
'attrName' =>
'featuredCurrencyFrequency.decoration.font.font',
'subName' => 'color',
'label' =>
'Featured Currency & Frequency Text Color',
'description' =>
'Pick a unique color to use for currency and frequency text within featured pricing tables. Unique colors can help featured items stand out from the rest.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_frequency,{{selector}} .et_pb_featured_table .et_pb_dollar_sign',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .et_pb_featured_table .et_pb_frequency,{{selector}} .et_pb_featured_table .et_pb_dollar_sign',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'featuredExcluded' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designExcludedItemText',
'attrName' =>
'featuredExcluded.decoration.font.font',
'subName' => 'color',
'label' => 'Featured Excluded Item Color',
'description' =>
'Pick a unique color to use for excluded list items within featured pricing tables. Unique colors can help featured items stand out from the rest.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'selector' =>
'{{selector}} .et_pb_featured_table ul.et_pb_pricing li.et_pb_not_available,{{selector}} .et_pb_featured_table ul.et_pb_pricing li.et_pb_not_available span,{{selector}} .et_pb_featured_table ul.et_pb_pricing li.et_pb_not_available a'
],
'button' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_button',
'settings' => [
'innerContent' => [
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'render' => false,
'groupSlug' => 'contentText'
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentLink',
'render' => false
]
],
'attributes' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedAttributes',
'render' => false
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'component' => [
'name' => 'divi/button',
'props' => [
'fields' => [
'alignment' => [
'description' =>
'Align you button to the left, right or center of the module.',
'visible' => true,
'multipleChoices' => false,
'component' => [
'props' => [
'options' => [
'left' => [
'icon' =>
'divi/align-left'
],
'center' => [
'icon' =>
'divi/align-center'
],
'right' => [
'icon' =>
'divi/align-right'
]
],
'showLabel' => false
]
]
]
]
]
]
],
'font' => [],
'spacing' => []
]
],
'attributes' => [
'class' => 'et_pb_pricing_table_button'
],
'elementType' => 'button',
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_pricing_table_button.et_pb_button',
'border' => [
'important' => [
'desktop' => [
'value' => [
'border-width' => true
]
]
]
],
'button' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} .et_pb_button_wrapper'
]
]
]
],
'font' => [
'selector' =>
'{{selector}} .et_pb_pricing_table_button.et_pb_button',
'important' => [
'font' => true
]
],
'spacing' => [
'selector' =>
'{{selector}} .et_pb_pricing_table_button.et_pb_button',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
]
]
],
'children' => [
'type' => 'object',
'settings' => []
]
],
'customCssFields' => [
'pricingHeading' => [
'label' => 'Pricing Heading',
'subName' => 'pricingHeading',
'selectorSuffix' => ' .et_pb_pricing_heading'
],
'pricingTitle' => [
'label' => 'Pricing Title',
'subName' => 'pricingTitle',
'selectorSuffix' => ' .et_pb_pricing_heading h2'
],
'pricingSubtitle' => [
'label' => 'Pricing Subtitle',
'subName' => 'pricingSubtitle',
'selectorSuffix' => ' .et_pb_pricing_heading .et_pb_best_value'
],
'pricingTop' => [
'label' => 'Pricing Top',
'subName' => 'pricingTop',
'selectorSuffix' => ' .et_pb_pricing_content_top'
],
'price' => [
'label' => 'Price',
'subName' => 'price',
'selectorSuffix' => ' .et_pb_et_price'
],
'currency' => [
'label' => 'Currency',
'subName' => 'currency',
'selectorSuffix' => ' .et_pb_dollar_sign'
],
'frequency' => [
'label' => 'Frequency',
'subName' => 'frequency',
'selectorSuffix' => ' .et_pb_frequency'
],
'pricingContent' => [
'label' => 'Pricing Content',
'subName' => 'pricingContent',
'selectorSuffix' => ' .et_pb_pricing_content'
],
'pricingItem' => [
'label' => 'Pricing Item',
'subName' => 'pricingItem',
'selectorSuffix' => ' ul.et_pb_pricing li'
],
'pricingItemExcluded' => [
'label' => 'Excluded Item',
'subName' => 'pricingItemExcluded',
'selectorSuffix' => ' ul.et_pb_pricing li.et_pb_not_available'
],
'pricingButton' => [
'label' => 'Pricing Button',
'subName' => 'pricingButton',
'selectorSuffix' => ' .et_pb_pricing_table_button'
],
'featuredTable' => [
'label' => 'Featured Table',
'subName' => 'featuredTable',
'selectorSuffix' => ' .et_pb_featured_table'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'designBullet' => [
'panel' => 'design',
'priority' => 8,
'groupName' => 'bullet',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Bullet'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'titleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 22,
'groupName' => 'bodyText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designSubtitleText' => [
'panel' => 'design',
'priority' => 24,
'groupName' => 'subtitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Subtitle Text',
'presetGroup' => 'divi/font'
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 26,
'groupName' => 'priceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font'
]
]
],
'designCurrencyFrequencyText' => [
'panel' => 'design',
'priority' => 28,
'groupName' => 'currencyFrequencyText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Currency & Frequency Text',
'presetGroup' => 'divi/font'
]
]
],
'designExcludedItemText' => [
'panel' => 'design',
'priority' => 29,
'groupName' => 'excludedItemText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Excluded Item Text',
'presetGroup' => 'divi/font'
]
]
],
'advancedAttributes' => [
'panel' => 'advanced',
'priority' => 10,
'groupName' => 'attributes',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Attributes',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/attributes'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'row' => [
'name' => 'divi/row',
'd4Shortcode' => 'et_pb_row',
'title' => 'Row',
'titles' => 'Rows',
'moduleIcon' => 'divi/module-row',
'nestable' => true,
'childModuleName' => 'divi/column',
'childModuleTitle' => 'Column',
'category' => 'structure',
'videos' => [
[
'id' => 'R9ds7bEaHE8',
'name' => 'An introduction to Rows'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Row Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'loop' => [],
'link' => [
'item' => [
'groupSlug' => 'contentLink',
'component' => [
'props' => [
'fieldLabel' => 'Row'
]
]
]
],
'gutter' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/gutter',
'type' => 'group',
'props' => [
'grouped' => false
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'order' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'sizing' => [
'groupType' => 'group-items',
'items' => [
'sizing' => [
'groupSlug' => 'sizing',
'priority' => 110,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fields' => [
'maxWidth' => [
'component' => [
'props' => [
'defaultUnit' =>
'px',
'max' => 2560
]
]
]
]
]
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'background' => [
'selectors' => [
'desktop' => [
'value' => '{{selector}}',
'sticky' => '{{selector}}.et_pb_sticky'
]
]
],
'spacing' => [
'selector' => '{{selector}}.et_pb_row',
'important' => true
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' => '{{selector}}.et_pb_row',
'margin-right' => '{{selector}}.et_pb_row',
'width' =>
'{{selectorPrefix}}{{nestedModuleNameSelector}}{{baseSelector}}, .et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row{{baseSelector}}',
'max-width' =>
'{{selectorPrefix}}{{nestedModuleNameSelector}}{{baseSelector}}'
]
]
],
'important' => [
'desktop' => [
'value' => [
'width' => true,
'max-width' => true,
'margin-left' => true,
'margin-right' => true
]
]
]
],
'position' => [
'important' => true
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'design' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentLink',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'designLayout' => [
'groupName' => 'layout',
'panel' => 'design',
'priority' => 10,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Layout',
'presetGroup' => 'divi/layout'
]
]
],
'sizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
]
]
]
],
'row-inner' => [
'name' => 'divi/row-inner',
'd4Shortcode' => 'et_pb_row_inner',
'title' => 'Inner Row',
'titles' => 'Inner Rows',
'moduleIcon' => 'divi/row',
'childModuleName' => 'divi/column-inner',
'childModuleTitle' => 'Inner Column',
'category' => 'structure',
'videos' => [
[
'id' => 'R9ds7bEaHE8',
'name' => 'An introduction to Rows'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Row Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}.et_pb_row_inner',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'sizing' => [
'selector' => '{{selector}}.et_pb_row_inner'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'loop' => [],
'link' => [
'item' => [
'groupSlug' => 'contentLink',
'component' => [
'props' => [
'fieldLabel' => 'Row'
]
]
]
],
'gutter' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'sizing',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/gutter',
'type' => 'group',
'props' => [
'grouped' => false
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-items',
'items' => [
'sizing' => [
'groupSlug' => 'sizing',
'priority' => 110,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fields' => [
'maxWidth' => [
'component' => [
'props' => [
'defaultUnit' =>
'px',
'max' => 2560
]
]
]
]
]
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'design' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentLink',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'sizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
]
]
]
],
'search' => [
'name' => 'divi/search',
'd4Shortcode' => 'et_pb_search',
'title' => 'Search',
'titles' => 'Searches',
'moduleIcon' => 'divi/module-search',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'HNmb20Mdvno',
'name' => 'An introduction to the Search module'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'searchPlaceholder' => [
'type' => 'object',
'settings' => [
'innerContent' => [
'groupType' => 'group',
'panel' => 'content',
'priority' => 10,
'groupName' => 'mainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'fields' => [
'searchPlaceholder' => [
'render' => true,
'label' => 'Input Placeholder',
'description' =>
'Type the text you want to use as placeholder for the search field.',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
]
]
]
]
]
],
'search' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'showButton' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'label' => 'Show Button',
'description' =>
'Turn this on to show the Search Button.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'excludePages' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentExceptions',
'priority' => 10,
'render' => true,
'label' => 'Exclude Pages',
'description' =>
'Turn this on to exclude pages from search results.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'excludePosts' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentExceptions',
'priority' => 20,
'render' => true,
'label' => 'Exclude Posts',
'description' =>
'Turning this on will exclude Posts from search results.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
]
]
],
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'link' => [],
'text' => [],
'html' => [],
'excludedCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentExceptions',
'priority' => 30,
'render' => true,
'label' => 'Exclude Categories',
'description' =>
'Select the categories that you would like to exclude from the search results.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/checkboxes',
'type' => 'field',
'props' => [
'options' => []
]
]
]
]
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} .et_pb_searchform'
],
'border' => [
'selector' => '{{selector}}.et_pb_search',
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_search, {{selector}} input.et_pb_s'
]
]
]
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' => '{{selector}} input.et_pb_s'
]
]
],
'important' => true
],
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} input.et_pb_s',
'attributes' => [
'className' => 'et_pb_s'
],
'supportsCustomAttributes' => true,
'settings' => [
'decoration' => [
'background' => [],
'font' => []
],
'advanced' => [
'focus' => [],
'placeholder' => []
]
]
],
'button' => [
'type' => 'object',
'selector' => '{{selector}} input.et_pb_searchsubmit',
'supportsCustomAttributes' => true,
'attributes' => [
'className' => 'et_pb_searchsubmit'
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designButtonText',
'priority' => 10,
'render' => true,
'subName' => 'color',
'label' => 'Button and Border Color',
'description' =>
'Pick a color to be used for the background of button.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designButtonText',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'background' => [
'important' => true
],
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'line-height' => true
]
]
],
'textShadow' => true
]
]
]
]
],
'customCssFields' => [
'inputField' => [
'label' => 'Input Field',
'subName' => 'inputField',
'selectorSuffix' => ' .input.et_pb_s'
],
'button' => [
'label' => 'Button',
'subName' => 'button',
'selectorSuffix' => ' input.et_pb_searchsubmit'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentExceptions' => [
'panel' => 'content',
'priority' => 30,
'groupName' => 'exceptions',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Exceptions'
]
]
],
'designButtonText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'buttonText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Button Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'section' => [
'name' => 'divi/section',
'title' => 'Section',
'titles' => 'Sections',
'moduleIcon' => 'divi/module-section',
'category' => 'structure',
'd4Shortcode' => 'et_pb_section',
'childrenName' => ['divi/row'],
'videos' => [
[
'id' => '3kmJ_mMVB1w',
'name' => 'An introduction to Sections'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Section Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'loop' => [],
'link' => [
'item' => [
'groupSlug' => 'contentLink',
'component' => [
'props' => [
'fieldLabel' => 'Section'
]
]
]
],
'innerShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'module.advanced.innerShadow',
'label' => 'Show Inner Shadow',
'description' =>
'Here you can select whether or not your section has an inner shadow. This can look great when you have colored backgrounds or background images.',
'category' => 'configuration',
'render' => true,
'priority' => 30,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'dividers' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'dividers',
'groupType' => 'group',
'component' => [
'name' => 'divi/dividers'
]
],
'gutter' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/gutter',
'type' => 'group',
'props' => [
'grouped' => false,
'visible' => false
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentBackground',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false
]
]
]
],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'module.decoration.layout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'component' => [
'name' => 'divi/sizing',
'type' => 'group',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSpacing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false
]
]
]
],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'background' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'background-color' =>
'{{selector}}.et_pb_section'
]
]
],
'important' => true
],
'spacing' => [
'selector' => '{{selector}}.et_pb_section'
],
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'zIndex' => [
'important' => true
]
]
],
'column1' => [
'type' => 'object',
'settings' => [
'advanced' => [],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentBackground',
'priority' => 60,
'render' => true,
'attrName' => 'column1.decoration.background',
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false,
'fieldLabel' => 'Column 1'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSpacing',
'priority' => 60,
'render' => true,
'attrName' => 'column1.decoration.spacing',
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Column 1',
'fields' => [
'margin' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_column:not(.et_pb_column_inner):nth-child(1)'
]
],
'column2' => [
'type' => 'object',
'settings' => [
'advanced' => [],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentBackground',
'priority' => 60,
'render' => true,
'attrName' => 'column2.decoration.background',
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false,
'fieldLabel' => 'Column 2'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSpacing',
'priority' => 60,
'render' => true,
'attrName' => 'column2.decoration.spacing',
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Column 2',
'fields' => [
'margin' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_column:not(.et_pb_column_inner):nth-child(2)'
]
],
'column3' => [
'type' => 'object',
'settings' => [
'advanced' => [],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentBackground',
'priority' => 60,
'render' => true,
'attrName' => 'column3.decoration.background',
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false,
'fieldLabel' => 'Column 3'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSpacing',
'priority' => 60,
'render' => true,
'attrName' => 'column3.decoration.spacing',
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Column 3',
'fields' => [
'margin' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} .et_pb_column:not(.et_pb_column_inner):nth-child(3)'
]
],
'innerSizing' => [
'type' => 'object',
'settings' => [
'decoration' => [
'sizing' => [
'groupType' => 'group-items',
'items' => [
'width' => [
'groupSlug' => 'designSizing',
'priority' => 14,
'render' => true,
'subName' => 'width',
'label' => 'Inner Width',
'description' =>
'By default, elements will extend the full width of their parent element. If you would like to set a custom static width, you can do so using this option.',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'width',
'defaultUnit' => '%',
'max' => 100
]
]
],
'maxWidth' => [
'groupSlug' => 'designSizing',
'priority' => 15,
'render' => true,
'subName' => 'maxWidth',
'label' => 'Inner Max Width',
'description' =>
'Setting a maximum width will prevent your element from ever surpassing the defined width value. Maximum width can be used in combination with the standard width setting. Maximum width supersedes the normal width value.',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'max-width',
'defaultUnit' => 'px',
'max' => 1080
]
]
],
'alignment' => [
'groupSlug' => 'designSizing',
'priority' => 16,
'render' => true,
'subName' => 'alignment',
'label' => 'Row Alignment',
'description' =>
'Align the module to the left, right or center.',
'features' => [
'hover' => false,
'sticky' => false
],
'multipleChoices' => false,
'component' => [
'name' => 'divi/button-options',
'type' => 'field',
'props' => [
'allowClickToUnset' => false,
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' =>
'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
],
'showLabel' => false
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} > .et_pb_row, {{selector}}.et_section_specialty > .et_pb_row'
]
]
],
'customCssFields' => [
'column_1_before' => [
'label' => 'Column 1 Before',
'subName' => 'column_1_before',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(1):before'
],
'column_1_main' => [
'label' => 'Column 1 Main Element',
'subName' => 'column_1_main',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(1)'
],
'column_1_after' => [
'label' => 'Column 1 Before',
'subName' => 'column_1_after',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(1):after'
],
'column_2_before' => [
'label' => 'Column 2 Before',
'subName' => 'column_2_before',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(2):before'
],
'column_2_main' => [
'label' => 'Column 2 Main Element',
'subName' => 'column_2_main',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(2)'
],
'column_2_after' => [
'label' => 'Column 2 Before',
'subName' => 'column_2_after',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(2):after'
],
'column_3_before' => [
'label' => 'Column 3 Before',
'subName' => 'column_3_before',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(3):before'
],
'column_3_main' => [
'label' => 'Column 3 Main Element',
'subName' => 'column_3_main',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(3)'
],
'column_3_after' => [
'label' => 'Column 3 Before',
'subName' => 'column_3_after',
'selectorSuffix' =>
' .et_pb_column:not(.et_pb_column_inner):nth-child(3):after'
]
],
'settings' => [
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentBackground' => [
'panel' => 'content',
'groupName' => 'background',
'priority' => 90,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Background',
'presetGroup' => 'divi/background'
]
]
],
'designLayout' => [
'groupName' => 'layout',
'panel' => 'design',
'priority' => 10,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Layout',
'presetGroup' => 'divi/layout'
]
]
],
'designSizing' => [
'groupName' => 'sizing',
'panel' => 'design',
'priority' => 60,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Sizing',
'presetGroup' => 'divi/sizing'
]
]
],
'designSpacing' => [
'groupName' => 'spacing',
'panel' => 'design',
'priority' => 60,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Spacing',
'presetGroup' => 'divi/spacing'
]
]
]
]
]
],
'sidebar' => [
'name' => 'divi/sidebar',
'moduleClassName' => 'et_pb_widget_area',
'moduleOrderClassName' => 'et_pb_sidebar',
'd4Shortcode' => 'et_pb_sidebar',
'title' => 'Sidebar',
'titles' => 'Sidebars',
'moduleIcon' => 'divi/module-sidebar',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => '468VROeyKq4',
'name' => 'An introduction to the Sidebar 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}}',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false,
'defaultGroupAttr' => [
'desktop' => [
'value' => [
'flexWrap' => 'wrap',
'rowGap' => '30px',
'columnGap' => '30px'
]
]
]
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => [],
'border' => [],
'boxShadow' => [],
'filters' => [],
'interactions' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_widget_area'
],
'border' => [
'selector' => '{{selector}}.et_pb_widget_area'
],
'overflow' => [
'selector' => '{{selector}}.et_pb_widget_area'
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_widget_area h1:first-of-type, {{selector}}.et_pb_widget_area h2:first-of-type, {{selector}}.et_pb_widget_area h3:first-of-type, {{selector}}.et_pb_widget_area h4:first-of-type, {{selector}}.et_pb_widget_area h5:first-of-type, {{selector}}.et_pb_widget_area h6:first-of-type, {{selector}}.et_pb_widget_area .widget-title, {{selector}}.et_pb_widget_area .widgettitle',
'settings' => [
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Title',
'groupLabel' => 'Title Text',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'sidebar' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_widget_area li, {{selector}}.et_pb_widget_area li:before, {{selector}}.et_pb_widget_area a',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'area' => [
'groupSlug' => 'sidebarArea',
'subName' => 'area',
'label' => 'Widget Area',
'description' =>
'elect a widget-area that you would like to display. You can create new widget areas within the Appearances > Widgets tab.',
'category' => 'basic_option',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/select-widget-area'
]
]
]
],
'decoration' => [
'font' => [
'component' => [
'props' => [
'fieldLabel' => 'Body',
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
],
'advanced' => [
'layout' => [
'groupType' => 'group-items',
'items' => [
'alignment' => [
'groupSlug' => 'sidebarLayout',
'subName' => 'alignment',
'label' => 'Alignment',
'description' =>
'Choose which side of the page your sidebar will be on. This setting controls text orientation and border position.',
'category' => 'layout',
'features' => [
'hover' => false,
'sticky' => false
],
'render' => true,
'priority' => 20,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'left' => [
'label' => 'Left'
],
'right' => [
'label' => 'Right'
]
]
]
]
],
'showBorder' => [
'groupSlug' => 'sidebarLayout',
'subName' => 'showBorder',
'label' => 'Show Border Separator',
'description' =>
'Disabling the border separator will remove the solid line that appears to the left or right of sidebar widgets.',
'category' => 'layout',
'features' => [
'preset' => ['html']
],
'render' => true,
'priority' => 30,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}}.et_pb_widget_area p'
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'sidebarWidgets' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_widget',
'settings' => [
'advanced' => [
'flexType' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' =>
'sidebarWidgets.advanced.flexType',
'label' => 'Column Width',
'description' =>
'Choose the width of each sidebar widget.',
'priority' => 6,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/select-column-class'
]
]
]
]
]
]
],
'customCssFields' => [
'widget' => [
'label' => 'Widget',
'subName' => 'widget',
'selectorSuffix' => ' .et_pb_widget'
],
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' => ' h4.widgettitle'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'sidebarArea' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'sidebar',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'layout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'sidebarLayout' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'sidebar',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Sidebar Layout'
]
]
]
]
]
],
'signup' => [
'name' => 'divi/signup',
'd4Shortcode' => 'et_pb_signup',
'moduleClassName' => 'et_pb_signup',
'moduleOrderClassName' => 'et_pb_signup',
'title' => 'Email Optin',
'titles' => 'Email Optins',
'moduleIcon' => 'divi/module-signup',
'category' => 'module',
'childModuleName' => 'divi/signup-custom-field',
'childModuleTitle' => 'Field',
'childModuleTitleAttribute' => 'fieldItem',
'childrenName' => [],
'videos' => [
[
'id' => 'mXL1_M-Z4p8',
'name' => 'An introduction to the Email Optin 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' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
]
]
],
'title' => [
'type' => 'object',
'label' => 'Title',
'selector' =>
'{{selector}} .et_pb_newsletter_description h2, {{selector}} .et_pb_newsletter_description h1.et_pb_module_header, {{selector}} .et_pb_newsletter_description h3.et_pb_module_header, {{selector}} .et_pb_newsletter_description h4.et_pb_module_header, {{selector}} .et_pb_newsletter_description h5.et_pb_module_header, {{selector}} .et_pb_newsletter_description h6.et_pb_module_header',
'supportsCustomAttributes' => true,
'elementType' => 'heading',
'attributes' => [
'class' => 'et_pb_module_header'
],
'tagName' => 'h2',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_description h2, {{selector}}.et_pb_subscribe .et_pb_newsletter_description h1.et_pb_module_header, {{selector}}.et_pb_subscribe .et_pb_newsletter_description h3.et_pb_module_header, {{selector}}.et_pb_subscribe .et_pb_newsletter_description h4.et_pb_module_header, {{selector}}.et_pb_subscribe .et_pb_newsletter_description h5.et_pb_module_header, {{selector}}.et_pb_subscribe .et_pb_newsletter_description h6.et_pb_module_header',
'font' => [
'important' => true
]
],
'settings' => [
'innerContent' => [],
'decoration' => [
'font' => []
]
]
],
'content' => [
'type' => 'object',
'label' => 'Description',
'selector' => '{{selector}} .et_pb_newsletter_description div',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_newsletter_description_content'
],
'tagName' => 'div',
'inlineEditor' => 'richText',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_description_content, {{selector}}.et_pb_subscribe .et_pb_newsletter_footer',
'bodyFont' => [
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true
]
]
]
]
],
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}}.et_pb_subscribe p',
'text-align' =>
'{{selector}}.et_pb_subscribe p'
]
]
]
],
'link' => [
'font' => [
'desktop' => [
'value' => [
'font-family' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_description a',
'font-size' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_description a',
'color' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_description a'
]
]
]
],
'ul' => [
'list' => [
'desktop' => [
'value' => [
'padding-left' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_description ul'
]
]
]
],
'ol' => [
'list' => [
'desktop' => [
'value' => [
'padding-left' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_description ol'
]
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'This content will appear below the title.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
],
'decoration' => [
'bodyFont' => []
]
]
],
'resultMessage' => [
'type' => 'object',
'selector' => '',
'elementType' => 'element',
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_subscribe .et_pb_newsletter_form .et_pb_newsletter_result h2'
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group',
'priority' => 40,
'component' => [
'props' => [
'groupLabel' => 'Result Message Text',
'fieldLabel' => 'Result Message'
]
]
]
]
]
],
'formField' => [
'type' => 'object',
'selector' => '',
'elementType' => 'element',
'styleProps' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_contact_field .et_pb_contact_field_options_title, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input::-webkit-input-placeholder, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input::-moz-placeholder, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input:-ms-input-placeholder, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input[type=checkbox] + label, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input[type=radio] + label',
'hover' =>
'{{selector}}.et_pb_contact_field .et_pb_contact_field_options_title:hover, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input:hover, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input:hover::-webkit-input-placeholder, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input:hover::-moz-placeholder, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input:hover:-ms-input-placeholder, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input[type=checkbox] + label:hover, {{selector}}.et_pb_subscribe .et_pb_newsletter_form .input[type=radio] + label:hover'
]
],
'selector' => '{{selector}} .et_pb_newsletter_form p .input'
]
],
'button' => [
'type' => 'object',
'selector' =>
'body #page-container {{selector}}.et_pb_subscribe .et_pb_newsletter_button.et_pb_button',
'supportsCustomAttributes' => true,
'elementType' => 'button',
'tagName' => 'a',
'attributes' => [
'class' => 'et_pb_newsletter_button'
],
'elementProps' => [
'allowEmptyUrl' => true,
'type' => 'link',
'hasWrapper' => false
],
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'selector' =>
'body #page-container {{selector}}.et_pb_subscribe .et_pb_newsletter_button.et_pb_button',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l {{baseSelector}}.et_pb_subscribe .et_pb_newsletter_button.et_pb_button',
'boxShadow' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'box-shadow' =>
'{{selector}} .et_pb_newsletter_button'
]
]
],
'selector' => '{{selector}} .et_pb_newsletter_button'
],
'spacing' => [
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'button.innerContent',
'subName' => 'text',
'label' => 'Button',
'description' =>
'Define the text which will be displayed on "Read More" button. leave blank for default ( Read More )',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'render' => false
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'button' => [
'component' => [
'props' => [
'fields' => [
'alignment' => [
'render' => false
]
]
]
]
],
'font' => [],
'spacing' => []
]
]
],
'field' => [
'type' => 'object',
'selector' => '{{selector}} .input',
'supportsCustomAttributes' => true,
'elementType' => 'field',
'attributes' => [
'class' => 'input'
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .et_pb_newsletter_form p input[type="text"], {{selector}} .et_pb_newsletter_form p textarea, {{selector}} .et_pb_newsletter_form p select, {{selector}} .et_pb_newsletter_form p .input[type="radio"] + label i, {{selector}} .et_pb_newsletter_form p .input[type="checkbox"] + label i',
'border-style' =>
'{{selector}} .et_pb_newsletter_form p input[type="text"], {{selector}} .et_pb_newsletter_form p textarea, {{selector}} .et_pb_newsletter_form p select, {{selector}} .et_pb_newsletter_form p .input[type="radio"] + label i, {{selector}} .et_pb_newsletter_form p .input[type="checkbox"] + label i'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_newsletter_form .input'
]
],
'settings' => [
'advanced' => [
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 100,
'render' => true,
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBorderGroup' => [
'render' => true,
'groupSlug' => 'designFieldField'
],
'focusFont' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
]
],
'nameFieldOnly' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentFields',
'render' => true,
'attrName' => 'field.advanced.nameFieldOnly',
'label' => 'Name',
'description' =>
'Whether or not the Name field should be included in the opt-in form.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'nameField' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentFields',
'render' => true,
'attrName' => 'field.advanced.nameField',
'label' => 'Use Single Name Field',
'description' =>
'Whether or not to use a single Name field in the opt-in form.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'firstNameField' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentFields',
'render' => true,
'attrName' => 'field.advanced.firstNameField',
'label' => 'Show First Name Field',
'description' =>
'Whether or not the First Name field should be included in the opt-in form.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'lastNameField' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentFields',
'render' => true,
'attrName' => 'field.advanced.lastNameField',
'label' => 'Show Last Name Field',
'description' =>
'Whether or not the Last Name field should be included in the opt-in form.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'nameFullwidth' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'designLayout',
'render' => true,
'attrName' => 'field.advanced.nameFullwidth',
'label' => 'Name Fullwidth',
'description' =>
'Enabling this will extend the input field to 100% of the width of the module.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'firstNameFullwidth' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'designLayout',
'render' => true,
'attrName' =>
'field.advanced.firstNameFullwidth',
'label' => 'First Name Fullwidth',
'description' =>
'Enabling this will extend the input field to 100% of the width of the module.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'lastNameFullwidth' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'designLayout',
'render' => true,
'attrName' =>
'field.advanced.lastNameFullwidth',
'label' => 'Last Name Fullwidth',
'description' =>
'Enabling this will extend the input field to 100% of the width of the module.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'emailFullwidth' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'designLayout',
'render' => true,
'attrName' => 'field.advanced.emailFullwidth',
'label' => 'Email Fullwidth',
'description' =>
'Enabling this will extend the input field to 100% of the width of the module.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'ipAddress' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'advancedPrivacy',
'render' => true,
'attrName' => 'field.advanced.ipAddress',
'label' => 'Include IP Address',
'description' =>
'Include the subscriber\'s ip address in the data sent to your email provider.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
]
],
'decoration' => [
'background' => [],
'border' => [],
'boxShadow' => [],
'spacing' => [],
'font' => []
]
]
],
'footerContent' => [
'type' => 'object',
'label' => 'Footer',
'selector' => '{{selector}} .et_pb_newsletter_footer',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_newsletter_footer'
],
'elementType' => 'content',
'tagName' => 'div',
'inlineEditor' => 'richText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'groupSlug' => 'contentText',
'render' => true,
'attrName' => 'footerContent.innerContent',
'label' => 'Footer',
'description' =>
'This content will appear below the subscribe button.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
]
]
],
'customFields' => [
'type' => 'object',
'settings' => [
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentFields',
'render' => true,
'attrName' => 'customFields.advanced.enable',
'label' => 'Use Custom Fields',
'description' =>
'Enable this option to use custom fields in your opt-in form. Learn more here',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'fields' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentFields',
'render' => true,
'attrName' => '',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/draggable-list',
'type' => 'field'
]
]
],
'notice' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentFields',
'attrName' => '',
'label' => '',
'render' => true,
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/warning',
'type' => 'field',
'props' => [
'message' =>
'You have not defined any custom fields in your email provider account. Once you have defined some fields, click the "Fetch Lists" button in the Email Account toggle above. Learn more here'
]
]
]
]
]
]
],
'success' => [
'type' => 'object',
'settings' => [
'advanced' => [
'action' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentSuccessAction',
'render' => true,
'attrName' => 'success.advanced.action',
'label' => 'Action',
'description' =>
'Choose what happens when a site visitor has been successfully subscribed to your list.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'message' => [
'label' => 'Display a message.'
],
'redirect' => [
'label' =>
'Redirect to a custom URL.'
]
]
]
]
]
],
'message' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentSuccessAction',
'render' => true,
'attrName' => 'success.advanced.message',
'label' => 'Message',
'description' =>
'The message that will be shown to site visitors who subscribe to your list.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'redirectUrl' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentSuccessAction',
'render' => true,
'attrName' => 'success.advanced.redirectUrl',
'label' => 'Redirect URL',
'description' =>
'Site visitors who subscribe to your list will be redirected to this URL.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'url'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'redirectQuery' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'groupSlug' => 'contentSuccessAction',
'render' => true,
'attrName' => 'success.advanced.redirectQuery',
'label' => 'Redirect URL Query',
'description' =>
'Choose what data (if any) to include in the redirect URL as query arguments.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/checkboxes',
'type' => 'field',
'props' => [
'options' => [
[
'value' => 'name',
'label' => 'Name'
],
[
'value' => 'last_name',
'label' => 'Last Name'
],
[
'value' => 'email',
'label' => 'Email'
],
[
'value' => 'ip_address',
'label' => 'IP Address'
],
[
'value' => 'css_id',
'label' => 'CSS ID'
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'newsletterTitle' => [
'label' => 'Opt-in Title',
'subName' => 'newsletterTitle',
'selectorSuffix' =>
' .et_pb_newsletter_description h2, .et_pb_subscribe .et_pb_newsletter_description h1.et_pb_module_header, .et_pb_subscribe .et_pb_newsletter_description h3.et_pb_module_header, .et_pb_subscribe .et_pb_newsletter_description h4.et_pb_module_header, .et_pb_subscribe .et_pb_newsletter_description h5.et_pb_module_header, .et_pb_subscribe .et_pb_newsletter_description h6.et_pb_module_header'
],
'newsletterDescription' => [
'label' => 'Opt-in Description',
'subName' => 'newsletterDescription',
'selectorSuffix' => ' .et_pb_newsletter_description'
],
'newsletterForm' => [
'label' => 'Opt-in Form',
'subName' => 'newsletterForm',
'selectorSuffix' => ' .et_pb_newsletter_form'
],
'newsletterFields' => [
'label' => 'Opt-in Form Fields',
'subName' => 'newsletterFields',
'selectorSuffix' =>
' .et_pb_newsletter_form p input[type="text"], .et_pb_newsletter_form p textarea, .et_pb_newsletter_form p select, .et_pb_newsletter_form p .input[type="radio"] + label i, .et_pb_newsletter_form p .input[type="checkbox"] + label i'
],
'newsletterButton' => [
'label' => 'Subscribe Button',
'subName' => 'newsletterButton',
'selectorSuffix' =>
'.et_pb_subscribe .et_pb_newsletter_button.et_pb_button'
]
],
'script' => ['divi-module-library-script-signup'],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'preset' => 'content'
]
]
],
'contentEmailService' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentEmailService',
'multiElements' => true,
'component' => [
'name' => 'divi/email-service',
'props' => [
'groupLabel' => 'Email Account',
'preset' => 'content'
]
]
],
'contentFields' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'fields',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields',
'preset' => 'content'
]
]
],
'contentSuccessAction' => [
'panel' => 'content',
'priority' => 16,
'groupName' => 'successAction',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Success Action',
'preset' => 'content'
]
]
],
'contentSpamProtection' => [
'panel' => 'content',
'priority' => 17,
'groupName' => 'contentSpamProtection',
'multiElements' => true,
'component' => [
'name' => 'divi/spam-protection',
'props' => [
'groupLabel' => 'Spam Protection',
'fields' => [
'useBasicCaptcha' => [
'render' => false
]
],
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'layout',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Layout'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Fields'
]
]
],
'advancedPrivacy' => [
'panel' => 'advanced',
'priority' => 100,
'groupName' => 'privacy',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Privacy'
]
]
]
]
]
],
'signup-custom-field' => [
'name' => 'divi/signup-custom-field',
'd4Shortcode' => 'et_pb_signup_custom_field',
'moduleClassName' => 'et_pb_signup_custom_field',
'moduleOrderClassName' => 'et_pb_signup_custom_field',
'title' => 'Custom Field',
'titles' => 'Custom Fields',
'category' => 'child-module',
'videos' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'elementType' => 'element',
'settings' => [
'advanced' => [
'html' => [],
'loop' => [],
'link' => [
'priority' => 70,
'component' => [
'type' => 'group',
'name' => 'divi/link'
]
],
'text' => [
'priority' => 49,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'fields' => [
'textShadowGroup' => [
'render' => false
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [
'priority' => 10,
'component' => [
'type' => 'group',
'name' => 'divi/background'
]
],
'conditions' => [
'priority' => 98,
'component' => [
'type' => 'group',
'name' => 'divi/conditions'
]
],
'disabledOn' => [
'priority' => 99,
'component' => [
'type' => 'group',
'name' => 'divi/disabled-on'
]
],
'overflow' => [
'priority' => 99,
'component' => [
'type' => 'group',
'name' => 'divi/overflow'
]
],
'position' => [
'priority' => 190,
'component' => [
'type' => 'group',
'name' => 'divi/position'
]
],
'scroll' => [
'priority' => 200,
'component' => [
'type' => 'group',
'name' => 'divi/scroll'
]
],
'order' => [],
'sizing' => [
'priority' => 80,
'component' => [
'type' => 'group',
'name' => 'divi/sizing'
]
],
'spacing' => [
'priority' => 90,
'component' => [
'type' => 'group',
'name' => 'divi/spacing'
]
],
'transform' => [
'priority' => 109,
'component' => [
'type' => 'group',
'name' => 'divi/transform'
]
],
'transition' => [
'priority' => 120,
'component' => [
'type' => 'group',
'name' => 'divi/transition'
]
],
'zIndex' => [
'priority' => 190,
'component' => [
'type' => 'group',
'name' => 'divi/z-index'
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBorder',
'render' => true,
'priority' => 5,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false,
'groupLabel' => 'Border',
'fieldLabel' => 'Input'
]
]
]
],
'boxShadow' => [
'priority' => 100,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'groupLabel' => 'Box Shadow'
]
]
],
'filters' => [
'priority' => 105,
'component' => [
'type' => 'group',
'name' => 'divi/filters'
]
]
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}}'
],
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_newsletter_form p{{baseSelector}}',
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selectorPrefix}}.et_pb_newsletter_form p{{baseSelector}}.et_pb_newsletter_field.et_pb_signup_custom_field'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selectorPrefix}}.et_pb_newsletter_form .et_pb_newsletter_fields p{{baseSelector}} .input, {{selectorPrefix}}.et_pb_newsletter_form .et_pb_newsletter_fields p{{baseSelector}} .input[type="checkbox"] + label i, {{selectorPrefix}}.et_pb_newsletter_form .et_pb_newsletter_fields p{{baseSelector}} .input[type="radio"] + label i',
'border-style' =>
'{{selectorPrefix}}.et_pb_newsletter_form .et_pb_newsletter_fields p{{baseSelector}} .input, {{selectorPrefix}}.et_pb_newsletter_form .et_pb_newsletter_fields p{{baseSelector}} .input[type="checkbox"] + label i, {{selectorPrefix}}.et_pb_newsletter_form .et_pb_newsletter_fields p{{baseSelector}} .input[type="radio"] + label i'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} input, {{selector}} select, {{selector}} textarea, {{selector}} .et_pb_contact_field_options_list label > i',
'important' => [
'desktop' => [
'value' => true
]
]
],
'filters' => [
'selector' =>
'{{selector}} input, {{selector}} textarea, {{selector}} label'
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}}.et_pb_contact_field .input',
'settings' => [
'decoration' => [
'background' => [],
'font' => []
],
'advanced' => [
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBorderGroup' => [
'render' => true,
'groupSlug' => 'designBorder',
'priority' => 15,
'component' => [
'props' => [
'grouped' => false,
'attrName' =>
'field.advanced.focus.focusBorderGroup',
'fieldLabel' => 'Input Focus'
]
]
]
]
],
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'fieldItem' => [
'type' => 'object',
'label' => 'Field Label',
'elementType' => 'element',
'selector' => '{{selector}} .et_pb_contact_form_label',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_contact_form_label'
],
'tagName' => 'label',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'advanced' => [
'fullwidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.fullwidth',
'label' => 'Make Fullwidth',
'description' =>
'If enabled, the field will take 100% of the width of the content area, otherwise it will take 50%',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'predefinedField' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'priority' => 10,
'render' => true,
'attrName' =>
'fieldItem.advanced.predefinedField',
'label' => 'Field',
'description' =>
'Choose a custom field. Custom fields must be defined in your email provider account.',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'container' => false,
'component' => [
'name' => 'divi/select',
'type' => 'field'
]
]
],
'id' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.id',
'label' => 'Field ID',
'description' =>
'Define the unique ID of this field. You should use only English characters without special characters and spaces.',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'type' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.type',
'label' => 'Type',
'description' => 'Choose the type of field',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'input' => [
'label' => 'Input Field'
],
'email' => [
'label' => 'Email Field'
],
'text' => [
'label' => 'Textarea'
],
'checkbox' => [
'label' => 'Checkboxes'
],
'radio' => [
'label' => 'Radio Buttons'
],
'select' => [
'label' => 'Select Dropdown'
]
]
]
]
]
],
'minLength' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.minLength',
'label' => 'Minimum Length',
'description' =>
'Leave at 0 to remove restriction',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'allowedUnits' => [],
'defaultUnit' => ''
]
]
]
],
'maxLength' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.maxLength',
'label' => 'Maximum Length',
'description' =>
'Leave at 0 to remove restriction',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'allowedUnits' => [],
'defaultUnit' => ''
]
]
]
],
'allowedSymbols' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' =>
'fieldItem.advanced.allowedSymbols',
'label' => 'Allowed Symbols',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'all' => [
'label' => 'All'
],
'letters' => [
'label' => 'Letters Only (A-Z)'
],
'numbers' => [
'label' => 'Numbers Only (0-9)'
],
'alphanumeric' => [
'label' =>
'Alphanumeric Only (A-Z, 0-9)'
]
]
]
]
]
],
'checkboxOptions' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' =>
'fieldItem.advanced.checkboxOptions',
'label' => 'Options',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/sortable-list',
'type' => 'field',
'props' => [
'isCheckbox' => true,
'addFirstOnMount' => true,
'actions' => [
'right' => [
'move',
'link',
'copy',
'delete'
]
]
]
]
]
],
'radioOptions' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.radioOptions',
'label' => 'Options',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/sortable-list',
'type' => 'field',
'props' => [
'isRadio' => true,
'addFirstOnMount' => true,
'actions' => [
'right' => [
'move',
'link',
'copy',
'delete'
]
]
]
]
]
],
'selectOptions' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' =>
'fieldItem.advanced.selectOptions',
'label' => 'Options',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/sortable-list',
'type' => 'field',
'props' => [
'addFirstOnMount' => true,
'actions' => [
'right' => [
'move',
'copy',
'delete'
]
]
]
]
]
],
'required' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'priority' => 5,
'render' => true,
'attrName' => 'fieldItem.advanced.required',
'label' => 'Required Field',
'description' =>
'Define whether the field should be required or optional',
'features' => [
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'hidden' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentFieldOptions',
'attrName' => 'fieldItem.advanced.hidden',
'label' => 'Hidden Field',
'description' =>
'Define whether or not the field should be visible.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'render' => true,
'priority' => 10,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'priority' => 10,
'render' => true,
'attrName' => 'fieldItem.innerContent',
'label' => 'Title',
'description' =>
'Here you can define the content that will be placed within the current tab.',
'features' => [
'sticky' => false,
'preset' => 'content',
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
]
],
'conditionalLogic' => [
'type' => 'object',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentConditionalLogic',
'priority' => 10,
'render' => true,
'attrName' => 'conditionalLogic.innerContent',
'label' => 'Rules',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/conditions',
'type' => 'field'
]
]
],
'advanced' => [
'enable' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentConditionalLogic',
'priority' => 5,
'render' => true,
'attrName' =>
'conditionalLogic.advanced.enable',
'label' => 'Enable',
'description' =>
'Enabling conditional logic makes this field only visible when any or all of the rules below are fulfilled
Note: Only fields with an unique and non-empty field ID can be used',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
]
],
'relation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentConditionalLogic',
'priority' => 5,
'render' => true,
'attrName' =>
'conditionalLogic.advanced.relation',
'label' => 'Relation',
'description' =>
'Choose whether any or all of the rules should be fulfilled',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field',
'props' => [
'options' => [
'off' => 'Any',
'on' => 'All'
]
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'groupName' => 'contentMainContent',
'priority' => 10,
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field',
'preset' => 'content'
]
]
],
'contentFieldOptions' => [
'panel' => 'content',
'groupName' => 'contentFieldOptions',
'priority' => 10,
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field Options'
]
]
],
'contentConditionalLogic' => [
'panel' => 'content',
'groupName' => 'contentConditionalLogic',
'priority' => 10,
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Conditional Logic'
]
]
],
'designLayout' => [
'panel' => 'design',
'groupName' => 'layout',
'priority' => 5,
'multiElements' => false,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Layout'
]
]
],
'designBorder' => [
'panel' => 'design',
'groupName' => 'border',
'priority' => 95,
'multiElements' => false,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Border',
'presetGroup' => 'divi/border'
]
]
]
]
]
],
'slide' => [
'name' => 'divi/slide',
'd4Shortcode' => 'et_pb_slide',
'title' => 'Slide',
'titles' => 'Slides',
'moduleIcon' => 'divi/module-slide',
'category' => 'child-module',
'childrenName' => [],
'videos' => [
[
'id' => 'Tm5RcXX4gcU',
'name' => 'An introduction to the Slider 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}}',
'styleProps' => [
'background' => [
'selector' =>
'{{selectorPrefix}}.et_pb_slider {{baseSelector}}'
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'layout' => [
'selector' => '{{selector}} .et_pb_slide_description'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentLink',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/link',
'props' => [
'grouped' => false
]
]
]
],
'loop' => [],
'text' => [
'priority' => 30,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => true
]
]
]
]
]
],
'decoration' => [
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 80,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Content',
'attrName' =>
'content.decoration.sizing',
'fields' => [
'alignment' => [
'render' => false
],
'minHeight' => [
'render' => false
],
'height' => [
'render' => false
],
'maxHeight' => [
'render' => false
]
]
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSpacing',
'priority' => 80,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false,
'attrName' =>
'content.decoration.spacing',
'fields' => [
'margin' => [
'render' => false
]
]
]
]
]
],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_slide .et_pb_slide_image img',
'supportsCustomAttributes' => true,
'elementType' => 'image',
'styleProps' => [
'filters' => [
'selector' =>
'{{selector}}.et_pb_slide .et_pb_slide_image'
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'src' => [
'groupSlug' => 'contentImageVideo',
'attrName' => 'image.innerContent',
'subName' => 'src',
'label' => 'Image',
'description' =>
'If defined, this slide image will appear to the left of your slide text. Upload an image, or leave blank for a text-only slide.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'syncImageData' => [
'src' => true,
'id' => true,
'alt' => true,
'titleText' => true
]
]
]
]
]
],
'advanced' => [
'alignment' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.advanced.alignment',
'label' => 'Image Alignment',
'description' =>
'This setting determines the vertical alignment of your slide image. Your image can either be vertically centered, or aligned to the bottom of your slide.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'center' => [
'label' => 'Center'
],
'bottom' => [
'label' => 'Bottom'
]
]
]
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selectorPrefix}}.et_pb_slider {{baseSelector}}.et_pb_slide .et_pb_slide_description .et_pb_slide_title',
'tagName' => 'h2',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'supportsCustomAttributes' => true,
'styleProps' => [
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true,
'font-weight' => true,
'letter-spacing' => true,
'line-height' => true,
'text-align' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'Define the title text for your slide.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'decoration' => [
'font' => [
'priority' => 50,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'contentOverlay' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slide .et_pb_text_overlay_wrapper',
'settings' => [
'advanced' => [
'useTextOverlay' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'contentOverlay.advanced.use',
'label' => 'Use Text Overlay',
'description' =>
'When enabled, a background color is added behind the slider text to make it more readable atop background images.',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'contentOverlay.decoration.background',
'subName' => 'color',
'label' => 'Text Overlay Color',
'description' =>
'Use the color picker to choose a color for the text overlay.',
'priority' => 40,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'contentOverlay.decoration.border',
'subName' => 'radius',
'label' => 'Text Overlay Border Radius',
'description' =>
'Increasing the border radius will increase the roundness of the overlay corners. Setting this value to 0 will result in squared corners.',
'category' => 'layout',
'priority' => 50,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'number-advanced'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/border-radius'
]
]
]
]
]
],
'button' => [
'type' => 'object',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l {{baseSelector}}.et_pb_slide .et_pb_more_button.et_pb_button',
'selector' =>
'body #page-container {{selector}}.et_pb_slide .et_pb_more_button.et_pb_button',
'attributes' => [
'class' => 'et_pb_more_button'
],
'elementType' => 'button',
'supportsCustomAttributes' => true,
'elementProps' => [
'allowEmptyUrl' => true,
'hasWrapper' => true
],
'styleProps' => [
'spacing' => [
'important' => true
],
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'text' => [
'groupSlug' => 'contentText',
'attrName' => 'button.innerContent',
'subName' => 'text',
'label' => 'Button',
'description' =>
'Define the text for the slide button',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
],
'link' => [
'groupSlug' => 'contentLink',
'attrName' => 'button.innerContent',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button-link',
'props' => [
'grouped' => false,
'attrName' => 'button.innerContent',
'fieldLabel' => 'Button'
]
]
]
]
],
'decoration' => [
'button' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selectorPrefix}}.et_pb_slider.et_pb_module {{baseSelector}}.et_pb_slide .et_pb_slide_description .et_pb_slide_content',
'elementType' => 'content',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_slide_content'
],
'styleProps' => [
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_slider {{baseSelector}} .et_pb_slide_description, {{selectorPrefix}}.et_pb_slider_fullwidth_off {{baseSelector}} .et_pb_slide_description'
],
'sizing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_slider {{baseSelector}}.et_pb_slide > .et_pb_container'
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'Input your main slide text content here.',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/richtext'
]
]
],
'decoration' => [
'bodyFont' => [
'priority' => 60,
'component' => [
'props' => [
'groups' => [
'body' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
]
]
]
]
]
]
]
],
'slideOverlay' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slide .et_pb_slide_overlay_container',
'settings' => [
'advanced' => [
'useBackgroundOverlay' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'slideOverlay.advanced.use',
'label' => 'Use Background Overlay',
'description' =>
'When enabled, a custom overlay color will be added above your background image and behind your slider content.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'slideOverlay.decoration.background',
'subName' => 'color',
'label' => 'Background Overlay Color',
'description' =>
'Use the color picker to choose a color for the background overlay.',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'arrows' => [
'type' => 'object',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' => 'arrows.advanced.color',
'label' => 'Arrow Color',
'description' =>
'Pick a color to use for the slider arrows that are used to navigate through each slide.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'dotNav' => [
'type' => 'object',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' => 'dotNav.decoration.background',
'subName' => 'color',
'label' => 'Dot Navigation Color',
'description' =>
'Pick a color to use for the dot navigation that appears at the bottom of the slider to designate which slide is active.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'video' => [
'type' => 'object',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentImageVideo',
'attrName' => 'video.innerContent',
'label' => 'Video',
'description' =>
'If defined, this video will appear to the left of your slide text. Enter youtube or vimeo page url, or leave blank for a text-only slide.',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'features' => [
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'dataType' => 'video',
'uploadButtonText' => 'Upload a Video'
]
]
]
]
]
]
],
'customCssFields' => [
'slideTitle' => [
'label' => 'Slide Title',
'subName' => 'slideTitle',
'selectorSuffix' =>
' .et_pb_slide_description .et_pb_slide_title'
],
'slideContainer' => [
'label' => 'Slide Description Container',
'subName' => 'slideContainer',
'selectorSuffix' => ' .et_pb_container'
],
'slideDescription' => [
'label' => 'Slide Description',
'subName' => 'slideDescription',
'selectorSuffix' => ' .et_pb_slide_description'
],
'slideButton' => [
'label' => 'Slide Button',
'subName' => 'slideButton',
'selectorSuffix' =>
'.et_pb_slider .et_pb_slide .et_pb_slide_description a.et_pb_more_button.et_pb_button'
],
'slideImage' => [
'label' => 'Slide Image',
'subName' => 'slideImage',
'selectorSuffix' => ' .et_pb_slide_image'
]
],
'settings' => [
'content' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'preset' => 'content'
]
]
],
'contentImageVideo' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentImageVideo',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image & Video',
'preset' => 'content'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 30,
'groupName' => 'contentLink',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay',
'clipboardCategory' => 'style'
]
]
],
'designNavigation' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designNavigation',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Navigation'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'designButton',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 80,
'groupName' => 'designSizing',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'presetGroup' => 'divi/sizing'
]
]
],
'designSpacing' => [
'panel' => 'design',
'priority' => 90,
'groupName' => 'designSpacing',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Spacing',
'presetGroup' => 'divi/spacing'
]
]
]
]
]
],
'slider' => [
'name' => 'divi/slider',
'd4Shortcode' => 'et_pb_slider',
'title' => 'Slider',
'titles' => 'Sliders',
'moduleIcon' => 'divi/module-slider',
'childModuleName' => 'divi/slide',
'childModuleTitle' => 'Slide',
'category' => 'module',
'childrenName' => ['divi/slide'],
'videos' => [
[
'id' => 'edx-BkUC6us',
'name' => 'An introduction to the Slider 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}}',
'styleProps' => [
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selector}} .et_pb_slide_description, {{selector}}.et_pb_slider_fullwidth_off .et_pb_slide_description'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'boxShadow' => [
'useOverlay' => true
],
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module',
'height' =>
'{{selector}}, {{selector}} .et_pb_slide',
'min-height' =>
'{{selector}}, {{selector}} .et_pb_slide',
'max-height' =>
'{{selector}}, {{selector}} .et_pb_slide'
]
]
]
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false,
'supportsStructureTemplates' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'priority' => 30,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
]
]
]
]
],
'auto' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.auto',
'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.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'autoSpeed' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.autoSpeed',
'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.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'autoIgnoreHover' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'attrName' => 'module.advanced.autoIgnoreHover',
'label' => 'Continue Automatic Slide on Hover',
'description' =>
'Turning this on will allow automatic sliding to continue on mouse hover.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['script']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'conditions' => [],
'disabledOn' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/disabled-on',
'props' => [
'grouped' => false
]
]
]
],
'filters' => [],
'interactions' => [],
'border' => [],
'boxShadow' => [],
'overflow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/overflow',
'props' => [
'grouped' => false
]
]
]
],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 80,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'arrows' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-slider-arrows .et-pb-arrow-prev, {{selector}} .et-pb-slider-arrows .et-pb-arrow-next',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' => 'arrows.advanced.color',
'label' => 'Arrow Color',
'description' =>
'Pick a color to use for the slider arrows that are used to navigate through each slide.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'arrows.advanced.show',
'label' => 'Show Arrows',
'description' =>
'This setting will turn on and off the navigation arrows.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'settings' => [
'advanced' => [
'show' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'pagination.advanced.show',
'label' => 'Show Controls',
'description' =>
'This setting will turn on and off the circle buttons at the bottom of the slider.',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_slider .et_pb_slide_description .et_pb_slide_title',
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'tabletWide' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
],
'tablet' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
],
'phoneWide' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
],
'phone' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_description .et_pb_slide_title'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true,
'color' => true
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
],
'button' => [
'type' => 'object',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l {{baseSelector}} .et_pb_more_button.et_pb_button',
'selector' =>
'body #page-container {{selector}} .et_pb_more_button.et_pb_button',
'styleProps' => [
'spacing' => [
'important' => true
],
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_slider .et_pb_slide_content',
'styleProps' => [
'bodyFont' => [
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}}.et_pb_slider, {{selector}}.et_pb_slider .et_pb_slide_content'
]
],
'tablet' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content',
'line-height' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content'
]
],
'phone' => [
'value' => [
'font-size' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content',
'line-height' =>
'{{selector}}.et_pb_slider .et_pb_slides .et_pb_slide_content'
]
]
]
]
]
],
'sizing' => [
'selector' =>
'{{selector}} .et_pb_slide > .et_pb_container'
]
],
'settings' => [
'decoration' => [
'bodyFont' => [
'priority' => 50,
'component' => [
'props' => [
'groups' => [
'body' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
]
]
]
]
],
'sizing' => [
'groupType' => 'group-items',
'items' => [
'width' => [
'groupSlug' => 'designSizing',
'attrName' => 'content.decoration.sizing',
'subName' => 'width',
'label' => 'Content Width',
'description' =>
'By default, elements will extend the full width of their parent element. If you would like to set a custom static width, you can do so using this option.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'width',
'defaultUnit' => '%',
'max' => 100
]
]
],
'maxWidth' => [
'groupSlug' => 'designSizing',
'attrName' => 'content.decoration.sizing',
'subName' => 'maxWidth',
'label' => 'Content Max Width',
'description' =>
'Setting a maximum width will prevent your element from ever surpassing the defined width value. Maximum width can be used in combination with the standard width setting. Maximum width supersedes the normal width value.',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'max-width',
'defaultUnit' => '%',
'max' => 100
]
]
]
]
]
]
]
],
'children' => [
'type' => 'object',
'settings' => [
'advanced' => [
'slideOverlay' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.slideOverlay.advanced.use',
'label' => 'Use Background Overlay',
'description' =>
'When enabled, a custom overlay color will be added above your background image and behind your slider content.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'contentOverlay' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.contentOverlay.advanced.use',
'label' => 'Use Text Overlay',
'description' =>
'When enabled, a background color is added behind the slider text to make it more readable atop background images.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'content' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'attrName' =>
'children.content.advanced.showOnMobile',
'label' => 'Show Content On Mobile',
'description' =>
'This setting will toggle visibility of content on mobile devices.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => 'on'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'button' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'attrName' =>
'children.button.advanced.showOnMobile',
'label' => 'Show CTA On Mobile',
'description' =>
'This setting will toggle visibility of CTA on mobile devices.',
'category' => 'layout',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => 'on'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-items',
'items' => [
'contentBackground' => [
'groupSlug' => 'contentBackground',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/background',
'props' => [
'grouped' => false,
'attrName' =>
'children.module.decoration.background'
]
]
],
'contentOverlayUseBackground' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.slideOverlay.decoration.background',
'subName' => 'color',
'label' => 'Background Overlay Color',
'description' =>
'Use the color picker to choose a color for the background overlay.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'preset' => ['style', 'html'],
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'contentOverlayUseText' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.contentOverlay.decoration.background',
'subName' => 'color',
'label' => 'Text Overlay Color',
'description' =>
'Use the color picker to choose a color for the text overlay.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'preset' => ['style', 'html'],
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' =>
'children.contentOverlay.decoration.border',
'subName' => 'radius',
'label' => 'Text Overlay Border Radius',
'description' =>
'Increasing the border radius will increase the roundness of the overlay corners. Setting this value to 0 will result in squared corners.',
'category' => 'layout',
'priority' => 30,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false,
'preset' => ['style', 'html'],
'dynamicContent' => [
'type' => 'number-advanced'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/border-radius'
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_slide_image img',
'settings' => [
'advanced' => [
'showOnMobile' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'advancedVisibility',
'attrName' => 'image.advanced.showOnMobile',
'label' => 'Show Image / Video On Mobile',
'description' =>
'This setting will toggle visibility of Images/Video on mobile devices.',
'category' => 'layout',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
]
],
'dotNav' => [
'type' => 'object',
'selector' =>
'{{selector}} .et-pb-controllers a, {{selector}} .et-pb-controllers .et-pb-active-control',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designNavigation',
'attrName' => 'dotNav.decoration.background',
'subName' => 'color',
'label' => 'Dot Navigation Color',
'description' =>
'Pick a color to use for the dot navigation that appears at the bottom of the slider to designate which slide is active.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
]
],
'customCssFields' => [
'slideDescription' => [
'label' => 'Slide Description',
'subName' => 'slideDescription',
'selectorSuffix' => ' .et_pb_slide_description'
],
'slideTitle' => [
'label' => 'Slide Title',
'subName' => 'slideTitle',
'selectorSuffix' =>
' .et_pb_slide_description .et_pb_slide_title'
],
'slideButton' => [
'label' => 'Slide Button',
'subName' => 'slideButton',
'selectorSuffix' =>
'.et_pb_slider .et_pb_slide .et_pb_slide_description a.et_pb_more_button.et_pb_button'
],
'slideControllers' => [
'label' => 'Slide Controllers',
'subName' => 'slideControllers',
'selectorSuffix' => ' .et-pb-controllers'
],
'slideActiveController' => [
'label' => 'Slide Active Controller',
'subName' => 'slideActiveController',
'selectorSuffix' => ' .et-pb-controllers .et-pb-active-control'
],
'slideImage' => [
'label' => 'Slide Image',
'subName' => 'slideImage',
'selectorSuffix' => ' .et_pb_slide_image'
],
'slideArrows' => [
'label' => 'Slide Arrows',
'subName' => 'slideArrows',
'selectorSuffix' => ' .et-pb-slider-arrows a'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentBackground' => [
'panel' => 'content',
'groupName' => 'background',
'priority' => 90,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Background',
'presetGroup' => 'divi/background'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designNavigation' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designNavigation',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Navigation'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'designButton',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'designSizing',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'presetGroup' => 'divi/sizing'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 199,
'groupName' => 'designAnimation',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Animation',
'presetGroup' => 'divi/animation'
]
]
],
'advancedVisibility' => [
'panel' => 'advanced',
'priority' => 40,
'groupName' => 'visibility',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Visibility',
'presetGroup' => 'divi/visibility-settings'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'social-media-follow' => [
'name' => 'divi/social-media-follow',
'title' => 'Social Media Follow',
'titles' => 'Social Media Follows',
'moduleIcon' => 'divi/module-social-media-follow',
'category' => 'module',
'childModuleName' => 'divi/social-media-follow-network',
'childModuleTitle' => 'Social Network',
'childrenName' => ['divi/social-media-follow-network'],
'videos' => [
[
'id' => '8b0BlM_rlHQ',
'name' => 'An introduction to the Social Media Follow module'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'd4Shortcode' => 'et_pb_social_media_follow',
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selectorPrefix}}ul{{baseSelector}}',
'styleProps' => [
'border' => [
'selector' =>
'{{selectorPrefix}}ul{{baseSelector}} a.icon'
],
'boxShadow' => [
'selector' => '{{selector}} .et_pb_social_icon a'
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
],
'html' => []
],
'spacing' => [
'important' => true
],
'layout' => [
'selector' => '{{selector}}.et_pb_module'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'innerContent' => [],
'decoration' => [
'background' => [],
'sizing' => [],
'spacing' => [],
'border' => [],
'boxShadow' => [],
'filters' => [],
'interactions' => [],
'transform' => [],
'animation' => [],
'attributes' => [],
'conditions' => [],
'disabledOn' => [],
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/layout',
'props' => [
'grouped' => false
]
]
]
],
'overflow' => [],
'order' => [],
'transition' => [],
'position' => [],
'zIndex' => [],
'sticky' => [],
'scroll' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'loop' => [],
'text' => [
'groupType' => 'group-items',
'items' => [
'moduleAdvancedOrientation' => [
'groupSlug' => 'designAlignment',
'attrName' => 'module.advanced.text.text',
'subName' => 'orientation',
'label' => 'Module Alignment',
'description' =>
'This controls how your text is aligned within the module.',
'priority' => 10,
'render' => true,
'multipleChoices' => false,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'name' => 'divi/button-options',
'type' => 'field',
'props' => [
'options' => [
'left' => [
'icon' => 'divi/align-left'
],
'center' => [
'icon' =>
'divi/align-center'
],
'right' => [
'icon' => 'divi/align-right'
]
]
]
]
],
'moduleAdvancedText' => [
'groupSlug' => 'designText',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'fields' => [
'orientation' => [
'render' => false
]
],
'grouped' => false
]
]
]
]
]
]
]
],
'icon' => [
'type' => 'object',
'selector' =>
'{{selector}} li.et_pb_social_icon a.icon, {{selector}} li.et_pb_social_icon a.icon:before',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'attrName' => 'icon.advanced.color',
'priority' => 10,
'render' => true,
'label' => 'Icon Color',
'description' =>
'Here you can define a custom color for the social network icon.',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'size' => [
'groupType' => 'group-items',
'items' => [
'iconAdvancedUseSize' => [
'groupSlug' => 'designIcon',
'attrName' => 'icon.advanced.size',
'subName' => 'useSize',
'priority' => 20,
'render' => true,
'label' => 'Use Custom Icon Size',
'description' =>
'If you would like to control the size of the icon, you must first enable this option.',
'category' => 'font_option',
'features' => [
'sticky' => false
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
],
'iconAdvancedSize' => [
'groupSlug' => 'designIcon',
'attrName' => 'icon.advanced.size',
'subName' => 'size',
'priority' => 30,
'render' => true,
'label' => 'Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'category' => 'font_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'min' => 1,
'max' => 120
]
]
]
]
]
]
]
],
'socialNetwork' => [
'type' => 'object',
'settings' => [
'advanced' => [
'followButton' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentIcon',
'attrName' =>
'socialNetwork.advanced.followButton',
'priority' => 20,
'render' => true,
'label' => 'Follow Button',
'description' =>
'Here you can choose whether or not to include the follow button next to the icon.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle',
'props' => [
'options' => [
'off' => 'Off',
'on' => 'On'
]
]
]
]
]
]
]
],
'button' => [
'type' => 'object',
'selector' =>
'body #page-container .et_pb_section ul{{baseSelector}} .follow_button',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l ul{{baseSelector}} .follow_button',
'elementType' => 'button',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentIcon',
'attrName' => 'socialNetwork.advanced.followButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button-link',
'props' => [
'fieldLabel' => '',
'fields' => [
'url' => [
'render' => false
],
'target' => [
'features' => [
'preset' => ['html']
]
]
],
'grouped' => false
]
]
]
],
'decoration' => [
'button' => [
'component' => [
'name' => 'divi/button',
'props' => [
'attrName' => 'button',
'groupLabel' => 'Follow Button',
'fieldLabel' => 'Follow Button',
'fields' => [
'alignment' => [
'render' => false
],
'buttonIconGroup' => [
'render' => false
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => true
],
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/layout'
]
]
],
'contentIcon' => [
'panel' => 'content',
'priority' => 5,
'multiElements' => true,
'groupName' => 'icon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'designAlignment' => [
'panel' => 'design',
'priority' => 5,
'multiElements' => true,
'groupName' => 'alignment',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Alignment'
]
]
],
'designIcon' => [
'panel' => 'design',
'priority' => 10,
'multiElements' => true,
'groupName' => 'icon',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Icon'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 15,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
]
]
],
'customCssFields' => [
'mainElement' => [
'label' => 'Main Element',
'subName' => 'mainElement',
'selectorPrefix' => '.et_pb_module'
],
'socialFollow' => [
'label' => 'Social Follow',
'subName' => 'socialFollow',
'selectorSuffix' => ' li.et_pb_social_icon',
'selectorPrefix' => '.et_pb_module'
],
'socialIcon' => [
'label' => 'Social Icon',
'subName' => 'socialIcon',
'selectorSuffix' => ' li a.icon'
],
'followButton' => [
'label' => 'Follow Button',
'subName' => 'followButton',
'selectorSuffix' => ' li a.follow_button'
]
]
],
'social-media-follow-item' => [
'name' => 'divi/social-media-follow-network',
'title' => 'Social Network',
'titles' => 'Social Networks',
'moduleIcon' => 'divi/module-social-media-follow-network',
'category' => 'child-module',
'childrenName' => [],
'd4Shortcode' => 'et_pb_social_media_follow_network',
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'background' => [
'selector' => '{{selector}} a.icon',
'important' => true
],
'border' => [
'selector' => '{{selector}}.et_pb_social_icon a.icon'
],
'boxShadow' => [
'selector' => '{{selector}} a',
'important' => true
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selectorPrefix}}.et_pb_social_media_follow li{{baseSelector}} a'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'selector' =>
'.et_pb_social_media_follow {{selector}} a.icon'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'loop' => []
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'spacing' => [],
'border' => [],
'boxShadow' => [],
'filters' => [],
'interactions' => [],
'transform' => [],
'conditions' => [],
'disabledOn' => [],
'overflow' => [],
'order' => [],
'transition' => [],
'position' => [],
'zIndex' => [],
'scroll' => [],
'sizing' => []
]
]
],
'icon' => [
'type' => 'object',
'selector' =>
'{{selectorPrefix}}.et_pb_social_media_follow {{baseSelector}} .icon, {{selectorPrefix}}.et_pb_social_media_follow {{baseSelector}} .icon:before',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'attrName' => 'icon.advanced.color',
'priority' => 10,
'render' => true,
'label' => 'Icon Color',
'description' =>
'Here you can define a custom color for the social network icon.',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
],
'size' => [
'groupType' => 'group-items',
'items' => [
'iconAdvancedUseSize' => [
'groupSlug' => 'designIcon',
'attrName' => 'icon.advanced.size',
'subName' => 'useSize',
'priority' => 20,
'render' => true,
'label' => 'Use Custom Icon Size',
'description' =>
'If you would like to control the size of the icon, you must first enable this option.',
'category' => 'font_option',
'features' => [
'sticky' => false
],
'component' => [
'name' => 'divi/toggle',
'type' => 'field'
]
],
'iconAdvancedSize' => [
'groupSlug' => 'designIcon',
'attrName' => 'icon.advanced.size',
'subName' => 'size',
'priority' => 30,
'render' => true,
'label' => 'Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size',
'category' => 'font_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'number'
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'min' => 1,
'max' => 120
]
]
]
]
]
]
]
],
'socialNetwork' => [
'type' => 'object',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'socialNetworkTitle' => [
'attrName' => 'socialNetwork.innerContent',
'subName' => 'title',
'groupSlug' => 'contentNetwork',
'priority' => 10,
'render' => true,
'label' => 'Social Network',
'description' => 'Choose the social network',
'category' => 'basic_option',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select'
]
],
'socialNetworkSkypeUrl' => [
'attrName' => 'socialNetwork.innerContent',
'subName' => 'skypeUrl',
'groupSlug' => 'contentNetwork',
'priority' => 10,
'render' => true,
'label' => 'Account Name',
'description' => 'The Skype account name.',
'category' => 'basic_option',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
],
'socialNetworkSkypeAction' => [
'attrName' => 'socialNetwork.innerContent',
'subName' => 'skypeAction',
'groupSlug' => 'contentNetwork',
'priority' => 10,
'render' => true,
'label' => 'Skype Button Action',
'description' =>
'Here you can choose which action to execute on button click.',
'category' => 'basic_option',
'features' => [
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'call' => [
'label' => 'Call'
],
'chat' => [
'label' => 'Chat'
]
]
]
]
],
'socialNetworkLink' => [
'attrName' => 'socialNetwork.innerContent',
'subName' => 'link',
'groupSlug' => 'contentLink',
'priority' => 10,
'render' => true,
'label' => 'Account Link URL',
'description' =>
'The URL for this social network link.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'hover' => false,
'sticky' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'defaultValue' => '#'
]
]
]
]
]
]
],
'button' => [
'type' => 'object',
'selector' =>
'body #page-container .et_pb_section .et_pb_social_media_follow li{{baseSelector}} .follow_button',
'elementType' => 'button',
'settings' => [
'decoration' => [
'button' => [
'component' => [
'name' => 'divi/button',
'props' => [
'attrName' => 'button',
'groupLabel' => 'Follow Button',
'fieldLabel' => 'Follow Button',
'fields' => [
'alignment' => [
'render' => false
],
'buttonIconGroup' => [
'render' => false
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => true
],
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentNetwork' => [
'panel' => 'content',
'priority' => 5,
'multiElements' => true,
'groupName' => 'network',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Network',
'preset' => 'content'
]
]
],
'contentLink' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'link',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Link',
'preset' => 'content'
]
]
],
'designIcon' => [
'panel' => 'design',
'priority' => 10,
'multiElements' => true,
'groupName' => 'icon',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Icon'
]
]
]
]
],
'customCssFields' => [
'socialIcon' => [
'label' => 'Social Icon',
'subName' => 'socialIcon',
'selectorSuffix' => ' .et_pb_social_network_link a.icon'
],
'followButton' => [
'label' => 'Follow Button',
'subName' => 'followButton',
'selectorSuffix' =>
' .et_pb_social_network_link a.follow_button'
]
]
],
'tab' => [
'name' => 'divi/tab',
'd4Shortcode' => 'et_pb_tab',
'title' => 'Tab',
'titles' => 'Tabs',
'moduleIcon' => 'divi/module-tab',
'category' => 'child-module',
'childrenName' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}, .et_pb_tab_nav_item_{{orderId}}',
'styleProps' => [
'background' => [
'selector' =>
'{{selectorPrefix}}.et_pb_tabs {{baseSelector}}.et_pb_tab'
],
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_tabs .et_pb_tab{{baseSelector}}'
],
'layout' => [
'selector' => '{{selector}} .et_pb_tab_content'
]
],
'settings' => [
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [
'component' => [
'props' => [
'fields' => [
'disabledOnGroup' => [
'render' => false
]
]
]
]
],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'spacing' => [
'component' => [
'props' => [
'fields' => [
'margin' => [
'render' => false
]
]
]
]
],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_tab_content',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_tab_content'
],
'styleProps' => [
'selector' =>
'{{selectorPrefix}}.et_pb_tabs .et_pb_all_tabs {{baseSelector}}.et_pb_tab',
'bodyFont' => [
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'Here you can define the content that will be placed within the current tab.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/richtext'
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'attrName' => 'content.decoration.bodyFont',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_tab_nav_item_link',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_tab_nav_item_link'
],
'tagName' => 'a',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'esc_html',
'styleProps' => [
'selector' =>
'.et_pb_tabs .et_pb_tabs_controls .et_pb_tab_nav_item_{{orderId}}, .et_pb_tabs .et_pb_tabs_controls .et_pb_tab_nav_item_{{orderId}} a',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true,
'font-family' => true,
'font-weight' => true,
'text-transform' => true
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'title.innerContent',
'label' => 'Title',
'description' =>
'The title will be used within the tab button for this tab.',
'category' => 'basic_option',
'priority' => 5,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTabText',
'attrName' => 'title.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designBodyText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designTabText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designTabText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Tab Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'tabs' => [
'name' => 'divi/tabs',
'd4Shortcode' => 'et_pb_tabs',
'title' => 'Tabs',
'titles' => 'Tabs',
'moduleIcon' => 'divi/module-tabs',
'category' => 'module',
'childModuleName' => 'divi/tab',
'childModuleTitle' => 'Tab',
'childrenName' => ['divi/tab'],
'videos' => [
[
'id' => 'xk2Ite-oFhg',
'name' => 'An introduction to the Tabs 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}}',
'styleProps' => [
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' => '{{selector}} .et_pb_tab'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'border' => [
'selector' => '{{selector}}.et_pb_tabs'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'inactiveTab' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_tabs_controls li'
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_all_tabs',
'supportsCustomAttributes' => true,
'styleProps' => [
'bodyFont' => [
'selector' => '{{selector}} .et_pb_all_tabs .et_pb_tab',
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'settings' => [
'decoration' => [
'background' => [],
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font-body',
'type' => 'group',
'props' => [
'grouped' => false
]
]
]
]
]
]
],
'tab' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_tabs_controls li, {{selector}} .et_pb_tabs_controls li a',
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .et_pb_tabs_controls li a'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-items',
'items' => [
'inactiveTab' => [
'groupSlug' => 'designTabText',
'attrName' =>
'inactiveTab.decoration.background',
'subName' => 'color',
'label' => 'Inactive Tab Background Color',
'description' =>
'Pick a color to be used for inactive tab backgrounds. You can assign a unique color to inactive tabs to differentiate them from active tabs.',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'activeTab' => [
'groupSlug' => 'designTabText',
'attrName' =>
'activeTab.decoration.background',
'subName' => 'color',
'label' => 'Active Tab Background Color',
'description' =>
'Pick a color to be used for active tab backgrounds. You can assign a unique color to active tabs to differentiate them from inactive tabs.',
'priority' => 20,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTabText',
'attrName' => 'tab.decoration.font',
'priority' => 40,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
],
'activeTab' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_tabs_controls li.et_pb_tab_active',
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .et_pb_tabs_controls li.et_pb_tab_active a'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTabText',
'attrName' => 'activeTab.decoration.font.font',
'subName' => 'color',
'label' => 'Active Tab Text Color',
'description' =>
'Pick a color to use for tab text within active tabs. You can assign a unique color to active tabs to differentiate them from inactive tabs.',
'priority' => 30,
'render' => true,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
]
],
'customCssFields' => [
'tabsControls' => [
'label' => 'Tabs Controls',
'subName' => 'tabsControls',
'selectorSuffix' => ' .et_pb_tabs_controls'
],
'tab' => [
'label' => 'Tab',
'subName' => 'tab',
'selectorSuffix' => ' .et_pb_tabs_controls li'
],
'activeTab' => [
'label' => 'Active Tab',
'subName' => 'activeTab',
'selectorSuffix' => ' .et_pb_tabs_controls li.et_pb_tab_active'
],
'tabsContent' => [
'label' => 'Tabs Content',
'subName' => 'tabsContent',
'selectorSuffix' => ' .et_pb_tab'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 5,
'groupName' => 'contentElements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designBodyText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designTabText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designTabText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Tab Text',
'presetGroup' => 'divi/font'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'team-member' => [
'name' => 'divi/team-member',
'd4Shortcode' => 'et_pb_team_member',
'moduleClassName' => 'et_pb_team_member',
'moduleOrderClassName' => 'et_pb_team_member',
'title' => 'Person',
'titles' => 'Persons',
'moduleIcon' => 'divi/module-team-member',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'uM930uRSWG0',
'name' => 'An introduction to the Person 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}}',
'styleProps' => [
'spacing' => [
'important' => true
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_team_member.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_team_member.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => []
],
'decoration' => [
'layout' => [],
'animation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAnimation',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/animation',
'props' => [
'grouped' => false
]
]
]
],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'name' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_team_member h4, {{selector}}.et_pb_team_member h1.et_pb_module_header, {{selector}}.et_pb_team_member h2.et_pb_module_header, {{selector}}.et_pb_team_member h3.et_pb_module_header, {{selector}}.et_pb_team_member h5.et_pb_module_header, {{selector}}.et_pb_team_member h6.et_pb_module_header',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_module_header'
],
'elementType' => 'heading',
'tagName' => 'h4',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'label' => 'Name',
'description' => 'Input the name of the person.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 20,
'component' => [
'props' => [
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'position' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_team_member .et_pb_member_position',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_member_position'
],
'tagName' => 'p',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 10,
'render' => true,
'label' => 'Position',
'description' => 'Input the person\'s position.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'priority' => 30,
'component' => [
'props' => [
'groupLabel' => 'Position Text',
'fieldLabel' => 'Position',
'fields' => []
]
]
]
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_team_member_image img',
'supportsCustomAttributes' => true,
'elementType' => 'image',
'styleProps' => [
'selector' => '{{selector}} .et_pb_team_member_image',
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_team_member .et_pb_team_member_image',
'border-style' =>
'{{selector}}.et_pb_team_member .et_pb_team_member_image'
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'animation' => [
'groupSlug' => 'designAnimation',
'priority' => 30,
'render' => true,
'subName' => 'animation',
'label' => 'Image Animation',
'description' =>
'This controls the direction of the lazy-loading animation.',
'features' => [
'preset' => ['script']
],
'component' => [
'name' => 'divi/select',
'type' => 'field',
'props' => [
'options' => [
'off' => [
'label' => 'No Animation'
],
'fade_in' => [
'label' => 'Fade In'
],
'left' => [
'label' => 'Left To Right'
],
'right' => [
'label' => 'Right To Left'
],
'top' => [
'label' => 'Top To Bottom'
],
'bottom' => [
'label' => 'Bottom To Top'
]
]
]
]
],
'url' => [
'groupSlug' => 'contentImage',
'priority' => 10,
'render' => true,
'subName' => 'url',
'label' => 'Image',
'description' =>
'Upload your desired image, or type in the URL to the image you would like to display.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/upload',
'type' => 'field',
'props' => [
'syncImageData' => [
'src' => 'url',
'id' => true,
'alt' => false,
'titleText' => true
]
]
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 15,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_team_member_description_content > div',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_team_member_description_content'
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_team_member .et_pb_team_member_description_content'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 35,
'render' => true,
'label' => 'Body',
'description' =>
'Input the main text content for your module here.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
],
'decoration' => [
'bodyFont' => [
'priority' => 25,
'component' => [
'name' => 'divi/font-body',
'type' => 'group',
'props' => [
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body',
'fields' => []
]
]
]
]
]
],
'social' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_member_social_links a',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'facebookUrl' => [
'groupSlug' => 'contentText',
'priority' => 15,
'render' => true,
'subName' => 'facebookUrl',
'label' => 'Facebook Profile Url',
'description' => 'Input Facebook Profile Url.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'twitterUrl' => [
'groupSlug' => 'contentText',
'priority' => 20,
'render' => true,
'subName' => 'twitterUrl',
'label' => 'X Profile Url',
'description' => 'Input X Profile Url.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'linkedinUrl' => [
'groupSlug' => 'contentText',
'priority' => 30,
'render' => true,
'subName' => 'linkedinUrl',
'label' => 'LinkedIn Profile Url',
'description' => 'Input LinkedIn Profile Url.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'sticky' => false,
'responsive' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
]
],
'decoration' => [
'icon' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designIcon',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'fieldLabel' => 'Icon',
'fields' => [
'icon' => [
'render' => false
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'memberImage' => [
'label' => 'Member Image',
'subName' => 'memberImage',
'selectorSuffix' => ' .et_pb_team_member_image'
],
'memberDescription' => [
'label' => 'Member Description',
'subName' => 'memberDescription',
'selectorSuffix' => ' .et_pb_team_member_description'
],
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' => ' .et_pb_team_member_description h4'
],
'memberPosition' => [
'label' => 'Member Position',
'subName' => 'memberPosition',
'selectorSuffix' => ' .et_pb_member_position'
],
'memberSocialLinks' => [
'label' => 'Member Social Links',
'subName' => 'memberSocialLinks',
'selectorSuffix' => ' .et_pb_member_social_links'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'text',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentImage' => [
'panel' => 'content',
'priority' => 15,
'groupName' => 'image',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'iconStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Icon'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'imageStyle',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Image'
]
]
],
'designAnimation' => [
'panel' => 'design',
'priority' => 150,
'groupName' => 'animation',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Animation',
'presetGroup' => 'divi/animation'
]
]
]
]
]
],
'testimonial' => [
'name' => 'divi/testimonial',
'title' => 'Testimonial',
'titles' => 'Testimonials',
'moduleIcon' => 'divi/module-testimonial',
'category' => 'module',
'd4Shortcode' => 'et_pb_testimonial',
'childrenName' => [],
'videos' => [
[
'id' => 'RI-pMhT0XHQ',
'name' => 'An introduction to the Testimonial 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}}',
'styleProps' => [
'spacing' => [
'important' => true
],
'layout' => [
'selector' =>
'{{selector}} .et_pb_testimonial_description'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'elements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false
]
]
]
],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false
]
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'border' => [],
'boxShadow' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'company' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_testimonial .et_pb_testimonial_company, {{selector}}.et_pb_testimonial .et_pb_testimonial_company a',
'supportsCustomAttributes' => true,
'childrenSanitizer' => 'et_core_esc_previously',
'attributes' => [
'class' => 'et_pb_testimonial_company'
],
'tagName' => 'span',
'inlineEditor' => 'plainText',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'text' => [
'groupSlug' => 'contentText',
'attrName' => 'company.innerContent',
'subName' => 'text',
'label' => 'Company',
'description' =>
'Input the name of the company.',
'category' => 'basic_option',
'priority' => 30,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content',
'sticky' => false
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
],
'linkUrl' => [
'groupSlug' => 'contentLink',
'attrName' => 'company.innerContent',
'subName' => 'linkUrl',
'label' => 'Company Link URL',
'description' =>
'When clicked, this link will direct to the specified URL.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'preset' => 'content',
'responsive' => false,
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
],
'linkTarget' => [
'groupSlug' => 'contentLink',
'attrName' => 'company.innerContent',
'subName' => 'linkTarget',
'label' => 'Company Link Target',
'description' =>
'Here you can choose whether or not your link opens in a new window.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'off' => [
'label' => 'In The Current Tab'
],
'on' => [
'label' => 'In A New Tab'
]
]
]
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCompanyText',
'attrName' => 'company.decoration.font',
'label' => 'Company Text',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
],
'quoteIcon' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_testimonial:before',
'styleProps' => [
'icon' => [
'selector' => '{{selector}}:before',
'propertySelectors' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}}.et_pb_testimonial:before'
]
]
],
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designQuoteIcon',
'attrName' => 'quoteIcon.decoration.background',
'subName' => 'color',
'label' => 'Quote Icon Background Color',
'description' =>
'Pick a color to use for the circular background area behind the quote icon.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'icon' => [
'groupType' => 'group-items',
'items' => [
'show' => [
'groupSlug' => 'elements',
'attrName' => 'quoteIcon.decoration.icon',
'subName' => 'show',
'label' => 'Show Quote Icon',
'description' =>
'Choose whether or not the quote icon should be visible.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'features' => [
'preset' => ['html'],
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
],
'icon' => [
'groupSlug' => 'designQuoteIcon',
'attrName' => 'quoteIcon.decoration.icon',
'label' => 'Quote Icon',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'groupLabel' => 'Quote Icon'
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_testimonial .et_pb_testimonial_content',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_testimonial_content'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'Input the main text content for your module here.',
'category' => 'basic_option',
'priority' => 40,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content',
'sticky' => false
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'attrName' => 'content.decoration.bodyFont',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'fields' => [
'body' => [
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
]
]
]
],
'author' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_testimonial .et_pb_testimonial_author',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_testimonial_author'
],
'tagName' => 'div',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'author.innerContent',
'label' => 'Author',
'description' =>
'Input the name of the testimonial author.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content',
'sticky' => false
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAuthorText',
'attrName' => 'author.decoration.font',
'label' => 'Author Text',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false
]
]
]
]
]
]
],
'jobTitle' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_testimonial .et_pb_testimonial_position, {{selector}}.et_pb_testimonial .et_pb_testimonial_separator',
'supportsCustomAttributes' => true,
'attributes' => [
'class' => 'et_pb_testimonial_position'
],
'childrenSanitizer' => 'et_core_esc_previously',
'tagName' => 'span',
'inlineEditor' => 'plainText',
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'attrName' => 'jobTitle.innerContent',
'label' => 'Job Title',
'description' => 'Input the job title.',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'preset' => 'content',
'sticky' => false
],
'component' => [
'name' => 'divi/text',
'type' => 'field'
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPositionText',
'attrName' => 'jobTitle.decoration.font',
'label' => 'Position Text',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
],
'portrait' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_testimonial_portrait',
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .et_pb_testimonial_portrait, {{selector}} .et_pb_testimonial_portrait:before'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} .et_pb_testimonial_portrait:before'
],
'sizing' => [
'important' => true
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentImage',
'attrName' => 'portrait.innerContent',
'subName' => 'url',
'label' => 'Image',
'description' =>
'Upload your desired image, or type in the URL to the image you would like to display.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'preset' => 'content',
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/upload'
]
]
],
'decoration' => [
'sizing' => [
'groupType' => 'group-items',
'items' => [
'width' => [
'groupSlug' => 'designImage',
'attrName' => 'portrait.decoration.sizing',
'subName' => 'width',
'label' => 'Image Width',
'description' =>
'Adjust the width of the person\'s portrait photo within the testimonial.',
'category' => 'layout',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'width',
'min' => 1,
'max' => 200
]
]
],
'height' => [
'groupSlug' => 'designImage',
'attrName' => 'portrait.decoration.sizing',
'subName' => 'height',
'label' => 'Image Height',
'description' =>
'Adjust the height of the person\'s portrait photo within the testimonial.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'height',
'min' => 1,
'max' => 200
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'portrait.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'portrait.decoration.boxShadow',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'portrait.decoration.filters',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true
]
]
]
]
]
]
],
'testimonialDescription' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_testimonial_description',
'elementType' => 'wrapper',
'attributes' => [
'class' => 'et_pb_testimonial_description'
],
'settings' => []
]
],
'customCssFields' => [
'testimonialPortrait' => [
'label' => 'Testimonial Portrait',
'subName' => 'testimonialPortrait',
'selectorSuffix' => ' .et_pb_testimonial_portrait'
],
'testimonialDescription' => [
'label' => 'Testimonial Description',
'subName' => 'testimonialDescription',
'selectorSuffix' => ' .et_pb_testimonial_description'
],
'testimonialAuthor' => [
'label' => 'Testimonial Author',
'subName' => 'testimonialAuthor',
'selectorSuffix' => ' .et_pb_testimonial_author'
],
'testimonialMeta' => [
'label' => 'Testimonial Meta',
'subName' => 'testimonialMeta',
'selectorSuffix' => ' .et_pb_testimonial_meta'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentImage' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'elements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements'
]
]
],
'designQuoteIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designQuoteIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Quote Icon'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designBodyText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designAuthorText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designAuthorText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Author Text',
'presetGroup' => 'divi/font'
]
]
],
'designPositionText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designPositionText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Position Text',
'presetGroup' => 'divi/font'
]
]
],
'designCompanyText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designCompanyText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Company Text',
'presetGroup' => 'divi/font'
]
]
]
]
],
'mousetrap' => [
'inner' => [
'edited' => true
]
]
],
'text' => [
'name' => 'divi/text',
'd4Shortcode' => 'et_pb_text',
'moduleClassName' => 'et_pb_text',
'moduleOrderClassName' => 'et_pb_text',
'title' => 'Text',
'titles' => 'Texts',
'moduleIcon' => 'divi/module-text',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'oL00RjEKZaU',
'name' => 'An introduction to the Text 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}}',
'styleProps' => [
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true
]
]
]
],
'spacing' => [
'important' => true
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 15,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'groupTab' => 'body',
'groupTabLabel' => 'Body',
'icon' => 'divi/text-align-left',
'fieldLabel' => 'Text',
'fields' => [
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_text_inner',
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_text_inner'
],
'styleProps' => [
'headingFont' => [
'important' => [
'h1' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'h2' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'h3' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'h4' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'h5' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'h6' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'bodyFont' => [
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 5,
'render' => true,
'attrName' => 'content.innerContent',
'label' => 'Body',
'description' =>
'Here you can create the content that will be used within the module.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
],
'decoration' => [
'headingFont' => [],
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 5,
'render' => true,
'component' => [
'name' => 'divi/font-body',
'type' => 'group',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'groupTabLabel' => 'Body',
'icon' =>
'divi/text-align-left',
'groupTab' => 'body',
'fieldLabel' => 'Text'
]
],
'fields' => [
'body' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'multiElements' => true,
'groupName' => 'text',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/font-body'
]
]
]
]
]
],
'toggle' => [
'name' => 'divi/toggle',
'title' => 'Toggle',
'titles' => 'Toggles',
'moduleIcon' => 'divi/module-toggle',
'category' => 'module',
'd4Shortcode' => 'et_pb_toggle',
'childrenName' => [],
'videos' => [
[
'id' => 'A7ZbWxhqAhg',
'name' => 'An introduction to the Toggle 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}}',
'styleProps' => [
'spacing' => [
'important' => true
],
'layout' => [
'selector' => '{{selector}} .et_pb_toggle_content'
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
]
]
]
]
],
'open' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentState',
'attrName' => 'module.advanced.open',
'priority' => 10,
'render' => true,
'label' => 'State',
'description' =>
'Choose whether or not this toggle should start in an open or closed state.',
'category' => 'basic_option',
'features' => [
'hover' => false,
'responsive' => false,
'preset' => 'content'
],
'defaultAttr' => [
'desktop' => [
'value' => 'off'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'off' => [
'label' => 'Close'
],
'on' => [
'label' => 'Open'
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'layout' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'openToggleIcon' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_toggle_open .et_pb_toggle_title:before',
'styleProps' => [
'icon' => [
'selector' =>
'{{selector}}.et_pb_toggle_open .et_pb_toggle_title:before',
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'openToggleIcon' => [
'groupSlug' => 'designIcon',
'attrName' =>
'openToggleIcon.decoration.icon',
'label' => 'Open Icon',
'description' =>
'Choose an icon to display',
'render' => true,
'priority' => 20,
'component' => [
'name' => 'divi/icon',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Open Icon',
'fields' => [
'color' => [
'render' => true
],
'icon' => [
'render' => true
],
'size' => [
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' =>
'icon-font-size',
'defaultUnit' =>
'px',
'min' => 1,
'minLimit' => 1,
'max' => 120
]
]
],
'useSize' => [
'render' => true
]
]
]
]
]
]
]
]
]
],
'closedToggleIcon' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_toggle_close .et_pb_toggle_title:before',
'styleProps' => [
'icon' => [
'selector' =>
'{{selector}}.et_pb_toggle_close .et_pb_toggle_title:before',
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'closedToggleIcon' => [
'groupSlug' => 'designIcon',
'attrName' =>
'closedToggleIcon.decoration.icon',
'label' => 'Closed Icon',
'description' =>
'Choose an icon to display',
'render' => true,
'priority' => 10,
'component' => [
'name' => 'divi/icon',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Closed Icon',
'fields' => [
'color' => [
'render' => true
],
'icon' => [
'render' => true
],
'size' => [
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' =>
'icon-font-size',
'defaultUnit' =>
'px',
'min' => 1,
'minLimit' => 1,
'max' => 120
]
]
],
'useSize' => [
'render' => true
]
]
]
]
]
]
]
]
]
],
'title' => [
'type' => 'object',
'attributes' => [
'class' => 'et_pb_toggle_title'
],
'selector' =>
'{{selector}}.et_pb_toggle h5, {{selector}}.et_pb_toggle h1.et_pb_toggle_title, {{selector}}.et_pb_toggle h2.et_pb_toggle_title, {{selector}}.et_pb_toggle h3.et_pb_toggle_title, {{selector}}.et_pb_toggle h4.et_pb_toggle_title, {{selector}}.et_pb_toggle h6.et_pb_toggle_title',
'supportsCustomAttributes' => true,
'tagName' => 'h5',
'inlineEditor' => 'plainText',
'elementType' => 'heading',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [],
'decoration' => [
'font' => [
'groupType' => 'group-items',
'items' => [
'fontGroup' => [
'groupSlug' => 'designTitleText',
'attrName' => 'title.decoration.font',
'label' => 'Title',
'priority' => 40,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
]
]
],
'closedTitle' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_toggle.et_pb_toggle_close h5, {{selector}}.et_pb_toggle.et_pb_toggle_close h1.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h2.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h3.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h4.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_close h6.et_pb_toggle_title',
'settings' => [
'innerContent' => [],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designClosedTitleText',
'subName' => 'font',
'label' => 'Closed Title Text',
'priority' => 40,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Closed Title',
'fields' => [
'headingLevel' => [
'render' => false
]
]
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_toggle_content',
'supportsCustomAttributes' => true,
'elementType' => 'content',
'attributes' => [
'class' => 'et_pb_toggle_content clearfix'
],
'settings' => [
'innerContent' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentText',
'priority' => 15,
'render' => true,
'attrName' => 'content.innerContent',
'label' => 'Content',
'description' =>
'Input the main text content for your module here.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/richtext',
'type' => 'field'
]
]
],
'decoration' => [
'bodyFont' => []
]
]
],
'openToggle' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_toggle.et_pb_toggle_open',
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h1.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h2.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h3.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h4.et_pb_toggle_title, {{selector}}.et_pb_toggle.et_pb_toggle_open h6.et_pb_toggle_title'
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designToggle',
'attrName' =>
'openToggle.decoration.background',
'subName' => 'color',
'label' => 'Open Toggle Background Color',
'description' =>
'You can pick unique background colors for toggles when they are in their open and closed states. Choose the open state background color here.',
'render' => true,
'priority' => 20,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 5,
'render' => true,
'attrName' => 'openToggle.decoration.font.font',
'subName' => 'color',
'label' => 'Open Title Text Color',
'description' =>
'You can pick unique text colors for toggle titles when they are open and closed. Choose the open state title color here.',
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'closedToggle' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_toggle.et_pb_toggle_close',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designToggle',
'subName' => 'color',
'label' => 'Closed Toggle Background Color',
'description' =>
'You can pick unique background colors for toggles when they are in their open and closed states. Choose the closed state background color here.',
'render' => true,
'priority' => 20,
'features' => [
'sticky' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
]
],
'customCssFields' => [
'openToggle' => [
'subName' => 'openToggle',
'label' => 'Open Toggle',
'selectorSuffix' => ' .et_pb_toggle.et_pb_toggle_open'
],
'toggleTitle' => [
'subName' => 'toggleTitle',
'label' => 'Toggle Title',
'selectorSuffix' => ' .et_pb_toggle_title'
],
'toggleIcon' => [
'subName' => 'toggleIcon',
'label' => 'Toggle Icon',
'selectorSuffix' => ' .et_pb_toggle_title:before'
],
'toggleContent' => [
'subName' => 'toggleContent',
'label' => 'Toggle Content',
'selectorSuffix' => ' .et_pb_toggle_content'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentText' => [
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'groupName' => 'contentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'contentState' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentState',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'State'
]
]
],
'designIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Icon'
]
]
],
'designToggle' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designToggle',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Toggle'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designClosedTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designClosedTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Closed Title Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'video' => [
'name' => 'divi/video',
'd4Shortcode' => 'et_pb_video',
'title' => 'Video',
'titles' => 'Videos',
'moduleIcon' => 'divi/module-video',
'category' => 'module',
'childrenName' => [],
'videos' => [
[
'id' => 'bmkrVXX_SXU',
'name' => 'An introduction to the Video 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}}',
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}},{{selector}} iframe'
]
]
]
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'sizing' => [
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true,
'width' => true
]
]
]
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [],
'html' => []
],
'decoration' => [
'layout' => [],
'animation' => [],
'attributes' => [],
'border' => [],
'background' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_video_overlay_hover:hover',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'image' => [
'groupSlug' => 'contentOverlay',
'attrName' => 'thumbnail.innerContent',
'subName' => 'src',
'priority' => 10,
'render' => true,
'label' => 'Overlay Image',
'description' =>
'Upload your desired image, or type in the URL to the image you would like to display over your video. You can also generate a still image from your video.',
'category' => 'basic_option',
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/composite'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Overlay Background Color',
'description' =>
'Pick a color to use for the overlay that appears behind the play icon when hovering over the video.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'video' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_video',
'elementType' => 'element',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'video' => [
'groupSlug' => 'contentVideo',
'attrName' => 'video.innerContent',
'subName' => 'src',
'priority' => 10,
'render' => true,
'label' => 'Video MP4 File Or Youtube URL',
'description' =>
'Upload your desired video in .MP4 format, or type in the URL to the video you would like to display.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/upload',
'type' => 'field',
'props' => [
'dataType' => 'video',
'chooseText' =>
'Choose a Video MP4 File',
'uploadButtonText' => 'Upload a Video'
]
]
],
'webm' => [
'groupSlug' => 'contentVideo',
'attrName' => 'video.innerContent',
'subName' => 'webm',
'priority' => 10,
'render' => true,
'label' => 'Video WEBM File',
'description' =>
'Upload the .WEBM version of your video here. All uploaded videos should be in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers.',
'category' => 'basic_option',
'features' => [
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/upload',
'type' => 'field',
'props' => [
'dataType' => 'video',
'chooseText' =>
'Choose a Video WEBM File',
'uploadButtonText' => 'Upload a Video'
]
]
]
]
]
]
],
'playIcon' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_video_overlay .et_pb_video_play',
'supportsCustomAttributes' => true,
'styleProps' => [
'icon' => [
'selector' =>
'{{selector}} .et_pb_video_overlay .et_pb_video_play',
'propertySelectors' => [
'desktop' => [
'value' => [
'font-family' =>
'{{selector}} .et_pb_video_overlay .et_pb_video_play:before',
'content' =>
'{{selector}} .et_pb_video_overlay .et_pb_video_play:before',
'font-weight' =>
'{{selector}} .et_pb_video_overlay .et_pb_video_play:before'
]
]
],
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'content' => true,
'font-weight' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'playIconIcon' => [
'groupSlug' => 'designPlayIcon',
'attrName' => 'playIcon.decoration.icon',
'label' => 'Play Icon',
'description' =>
'Choose an icon to display',
'render' => true,
'priority' => 10,
'component' => [
'name' => 'divi/icon',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Play Icon',
'fields' => [
'icon' => [
'render' => true
],
'size' => [
'render' => true
],
'useSize' => [
'render' => true
]
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'videoIcon' => [
'label' => 'Video Icon',
'subName' => 'videoIcon',
'selectorSuffix' => ' .et_pb_video_play'
]
],
'settings' => [
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentVideo' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentVideo',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Video'
]
]
],
'contentOverlay' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designPlayIcon' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designPlayIcon',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Play Icon',
'clipboardCategory' => 'style'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay',
'clipboardCategory' => 'style'
]
]
]
]
]
],
'video-slider' => [
'name' => 'divi/video-slider',
'd4Shortcode' => 'et_pb_video_slider',
'title' => 'Video Slider',
'titles' => 'Video Sliders',
'moduleIcon' => 'divi/module-video-slider',
'category' => 'module',
'videos' => [
[
'id' => 'Tm5RcXX4gcU',
'name' => 'An introduction to the Video Slider module'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'childModuleName' => 'divi/video-slider-item',
'childModuleTitle' => 'Video',
'childrenName' => ['divi/video-slider-item'],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'background' => [
'selector' =>
'{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}'
],
'position' => [
'selector' =>
'{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}'
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin-left' =>
'{{selector}}.et_pb_video_slider.et_pb_module, {{selectorPrefix}}.et_pb_sticky {{baseSelector}}.et_pb_video_slider.et_pb_module',
'margin-right' =>
'{{selector}}.et_pb_video_slider.et_pb_module, {{selectorPrefix}}.et_pb_sticky {{baseSelector}}.et_pb_video_slider.et_pb_module'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin-left' => true,
'margin-right' => true,
'width' => true
]
]
]
],
'spacing' => [
'selector' =>
'{{selectorPrefix}}.et_pb_video_slider{{baseSelector}}',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'elements' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'priority' => 5,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/elements',
'props' => [
'grouped' => false,
'supportsStructureTemplates' => false
]
]
]
],
'html' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'video' => [
'type' => 'object',
'selector' => '{{selector}}',
'attributes' => [
'class' => 'et_pb_video_box'
],
'tagName' => 'div',
'childrenSanitizer' => 'et_core_esc_previously',
'styleProps' => [
'border' => [
'selector' =>
'{{selectorPrefix}}.et_pb_video_slider{{baseSelector}} .et_pb_slider, {{selectorPrefix}}.et_pb_video_slider{{baseSelector}} .et_pb_carousel_item'
]
],
'styleComponentsProps' => [
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
],
'settings' => [
'decoration' => [
'border' => [],
'boxShadow' => []
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_video_overlay_hover:hover',
'styleProps' => [
'background' => [
'selector' =>
'{{selector}} .et_pb_carousel_item .et_pb_video_overlay_hover:hover,{{selector}}.et_pb_video_slider .et_pb_slider:hover .et_pb_video_overlay_hover,{{selector}} .et_pb_carousel_item.et-pb-active-control .et_pb_video_overlay_hover'
]
],
'settings' => [
'advanced' => [
'showImageOverlay' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentOverlay',
'attrName' => 'overlay.advanced',
'subName' => 'showImageOverlay',
'priority' => 20,
'render' => true,
'label' => 'Show Image Overlays on Main Video',
'description' =>
'This option will cover the player UI on the main video. This image can either be uploaded in each video setting or auto-generated by Divi.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => [
'showImageOverlay' => 'off'
]
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'playIcon' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_video_overlay .et_pb_video_play',
'styleProps' => [
'icon' => [
'selector' =>
'{{selector}} .et_pb_video_wrap .et_pb_video_play',
'propertySelectors' => [
'desktop' => [
'value' => [
'font-family' =>
'{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before',
'content' =>
'{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before',
'font-weight' =>
'{{selector}} .et_pb_video_play:before, {{selector}} .et_pb_carousel .et_pb_video_play:before',
'color' =>
'{{selector}} .et_pb_video_play, {{selector}} .et_pb_carousel .et_pb_video_play'
]
]
],
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'content' => true,
'font-weight' => true,
'color' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designControls',
'attrName' => 'playIcon.decoration.icon',
'priority' => 10,
'render' => true,
'label' => 'Play Icon',
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'fieldLabel' => 'Play Icon',
'fields' => [
'icon' => [
'render' => true
]
]
]
]
]
],
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designControls',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Thumbnail Overlay Color',
'description' =>
'Pick a color to use for the overlay that appears behind the play icon when hovering over the video.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'sliderControls' => [
'type' => 'object',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designControls',
'attrName' => 'sliderControls.advanced',
'subName' => 'color',
'priority' => 10,
'render' => true,
'label' => 'Slider Controls Color',
'description' =>
'Here you can choose whether your color should be light or dark. If you are working with a dark background, then your controls color should be light. If your background is light, then your controls color should be set to dark.',
'category' => 'color_option',
'features' => [
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => [
'color' => 'light'
]
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'light' => [
'label' => 'Light'
],
'dark' => [
'label' => 'Dark'
]
]
]
]
]
],
'useArrows' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'sliderControls.advanced',
'subName' => 'useArrows',
'priority' => 20,
'render' => true,
'label' => 'Show Arrows',
'description' =>
'This setting will turn on and off the navigation arrows.',
'category' => 'configuration',
'features' => [
'sticky' => false,
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => [
'useArrows' => 'on'
]
]
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'useThumbnails' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'sliderControls.advanced',
'subName' => 'useThumbnails',
'priority' => 30,
'render' => true,
'label' => 'Slider Controls',
'description' =>
'This setting will let you choose to use the thumbnail track controls below the slider or dot navigation at the bottom of the slider.',
'category' => 'configuration',
'features' => [
'preset' => ['html']
],
'defaultAttr' => [
'desktop' => [
'value' => [
'useThumbnails' => 'on'
]
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'on' => [
'label' => 'Use Thumbnail Track'
],
'off' => [
'label' => 'Use Dot Navigation'
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'playButton' => [
'label' => 'Play Button',
'subName' => 'playButton',
'selectorSuffix' => ' .et_pb_video_play'
],
'thumbnailItem' => [
'label' => 'Thumbnail Item',
'subName' => 'thumbnailItem',
'selectorSuffix' => ' .et_pb_carousel_item'
],
'sliderArrows' => [
'label' => 'Slider Arrows',
'subName' => 'sliderArrows',
'selectorSuffix' => ' .et-pb-slider-arrows a'
]
],
'settings' => [
'advanced' => 'auto',
'content' => 'auto',
'design' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'contentOverlay' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designControls' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'controls',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Controls'
]
]
]
]
]
],
'video-slider-item' => [
'name' => 'divi/video-slider-item',
'd4Shortcode' => 'et_pb_video_slider_item',
'title' => 'Video Slider Item',
'titles' => 'Video Slider Items',
'category' => 'child-module',
'videos' => [],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'styleProps' => [
'position' => [
'important' => [
'desktop' => [
'value' => [
'position' => true
]
]
]
]
],
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'conditions' => [],
'disabledOn' => [
'component' => [
'props' => [
'fields' => [
'disabledOnGroup' => [
'render' => false
]
]
]
]
],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'sticky' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'name' => 'divi/sticky',
'type' => 'group',
'props' => [
'grouped' => false
]
]
]
],
'transform' => [],
'transition' => [],
'zIndex' => []
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_video_overlay_hover:hover',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'image' => [
'groupSlug' => 'contentOverlay',
'attrName' => 'thumbnail.innerContent',
'subName' => 'src',
'label' => 'Overlay Image',
'description' =>
'Upload your desired image, or type in the URL to the image you would like to display over your video. You can also generate a still image from your video.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'image'
],
'sticky' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/composite'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Overlay Background Color',
'description' =>
'Pick a color to use for the overlay that appears behind the play icon when hovering over the video.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
]
]
]
]
],
'playIcon' => [
'type' => 'object',
'selector' =>
'{{selector}} .et_pb_video_overlay .et_pb_video_play',
'supportsCustomAttributes' => true,
'styleProps' => [
'icon' => [
'selector' =>
'{{selector}}.et_pb_slide .et_pb_video_play',
'propertySelectors' => [
'desktop' => [
'value' => [
'font-family' =>
'{{selector}}.et_pb_slide .et_pb_video_play:before',
'content' =>
'{{selector}}.et_pb_slide .et_pb_video_play:before',
'font-weight' =>
'{{selector}}.et_pb_slide .et_pb_video_play:before',
'color' =>
'{{selector}}.et_pb_slide .et_pb_video_play'
]
]
],
'important' => [
'desktop' => [
'value' => [
'font-family' => true,
'content' => true,
'font-weight' => true,
'color' => true
]
]
]
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designControls',
'attrName' => 'playIcon.decoration.icon',
'priority' => 10,
'render' => true,
'label' => 'Play Icon',
'component' => [
'type' => 'group',
'name' => 'divi/icon',
'props' => [
'grouped' => false,
'fieldLabel' => 'Play Icon',
'fields' => [
'icon' => [
'render' => true
]
]
]
]
]
]
]
]
],
'sliderControls' => [
'type' => 'object',
'settings' => [
'advanced' => [
'color' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designControls',
'attrName' => 'sliderControls.advanced',
'subName' => 'color',
'label' => 'Slider Arrows Color',
'description' =>
'This setting will make your slider arrows either light or dark in color.',
'priority' => 10,
'render' => true,
'defaultAttr' => [
'desktop' => [
'value' => [
'color' => 'light'
]
]
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'dark' => [
'label' => 'Dark'
],
'light' => [
'label' => 'Light'
]
]
]
]
]
]
]
]
],
'video' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_video_wrap .et_pb_video_box',
'attributes' => [
'class' => 'et_pb_video_box'
],
'tagName' => 'div',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'innerContent' => [
'groupType' => 'group-items',
'items' => [
'video' => [
'groupSlug' => 'contentVideo',
'attrName' => 'video.innerContent',
'subName' => 'src',
'label' => 'Video MP4 File Or Youtube URL',
'description' =>
'Upload your desired video in .MP4 format, or type in the URL to the video you would like to display.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'dataType' => 'video',
'chooseText' =>
'Choose a Video MP4 File',
'uploadButtonText' => 'Upload a Video'
]
]
],
'webm' => [
'groupSlug' => 'contentVideo',
'attrName' => 'video.innerContent',
'subName' => 'webm',
'label' => 'Video WEBM File',
'description' =>
'Upload the .WEBM version of your video here. All uploaded videos should be in both .MP4 .WEBM formats to ensure maximum compatibility in all browsers.',
'category' => 'basic_option',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/upload',
'props' => [
'dataType' => 'video',
'chooseText' =>
'Choose a Video WEBM File',
'uploadButtonText' => 'Upload a Video'
]
]
]
]
]
]
]
],
'settings' => [
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentVideo' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentVideo',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Video'
]
]
],
'contentOverlay' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designControls' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'controls',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Controls'
]
]
]
]
]
],
'woocommerce/breadcrumb' => [
'name' => 'divi/woocommerce-breadcrumb',
'd4Shortcode' => 'et_pb_wc_breadcrumb',
'moduleClassName' => 'et_pb_wc_breadcrumb',
'moduleOrderClassName' => 'et_pb_wc_breadcrumb',
'title' => 'Woo Breadcrumbs',
'titles' => 'Woo Breadcrumbs',
'moduleIcon' => 'divi/module-woocommerce-breadcrumb',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => false
],
'color' => [
'render' => false
],
'orientation' => [
'render' => true
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'text' => [
'selector' => '{{selector}} .woocommerce-breadcrumb'
],
'background' => [
'selector' => '{{selector}}.et_pb_wc_breadcrumb'
],
'border' => [
'selector' => '{{selector}} .woocommerce-breadcrumb'
],
'spacing' => [
'selector' => '{{selector}} .woocommerce-breadcrumb',
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
],
'homeText' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.homeText',
'label' => 'Home Text',
'description' =>
'Here you can create the breadcrumb text for the Home page.',
'category' => 'basic_option',
'priority' => 30,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'hover' => true,
'responsive' => true,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'homeUrl' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.homeUrl',
'label' => 'Home Link',
'description' =>
'Here you can create the link for the Home page.',
'category' => 'basic_option',
'priority' => 40,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'url'
],
'sticky' => false,
'hover' => false,
'responsive' => true,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'separator' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.separator',
'label' => 'Separator',
'description' =>
'Here you can set the Breadcrumb separator.',
'category' => 'basic_option',
'priority' => 50,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
],
'sticky' => false,
'hover' => false,
'responsive' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'fieldLabel' => 'Text'
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
],
'fields' => [
'body' => [
'textAlign' => [
'render' => false
]
],
'link' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' =>
'{{selector}}, {{selector}} .et_pb_module_inner, {{selector}} .woocommerce-breadcrumb, {{selector}} .woocommerce-breadcrumb a',
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
],
'link' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
],
'link' => [
'selector' =>
'{{selector}}.et_pb_wc_breadcrumb a, {{selector}}.et_pb_wc_breadcrumb .woocommerce-breadcrumb a'
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'groupName' => 'content',
'panel' => 'content',
'priority' => 10,
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designText' => [
'groupName' => 'designText',
'panel' => 'design',
'priority' => 10,
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Text',
'presetGroup' => 'divi/font-body'
]
]
]
]
]
],
'woocommerce/cart-notice' => [
'name' => 'divi/woocommerce-cart-notice',
'd4Shortcode' => 'et_pb_wc_cart_notice',
'moduleClassName' => 'et_pb_wc_cart_notice',
'moduleOrderClassName' => 'et_pb_wc_cart_notice',
'title' => 'Woo Notice',
'titles' => 'Woo Notice',
'moduleIcon' => 'divi/module-woocommerce-cart-notice',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'background' => [
'featureSelectors' => [
'mask' => [
'desktop' => [
'value' =>
'{{selector}} > .et_pb_background_mask'
]
],
'pattern' => [
'desktop' => [
'value' =>
'{{selector}} > .et_pb_background_pattern'
]
]
],
'selector' =>
'{{selector}} .woocommerce-message, {{selector}} .woocommerce-info',
'important' => true
],
'spacing' => [
'selector' =>
'{{selector}} .woocommerce-message, {{selector}} .woocommerce-info',
'important' => true
],
'position' => [
'selector' =>
'{{selector}} .woocommerce-message, {{selector}} .woocommerce-info',
'important' => true
],
'border' => [
'selector' =>
'{{selector}} .woocommerce-message, {{selector}} .woocommerce-info',
'important' => true
],
'boxShadow' => [
'selector' =>
'{{selector}} .woocommerce-message, {{selector}} .woocommerce-info',
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'pageType' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.pageType',
'label' => 'Page Type',
'description' =>
'Here you can select the Page type.',
'category' => 'configuration',
'priority' => 2,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'product' => [
'label' => 'Product'
],
'cart' => [
'label' => 'Cart'
],
'checkout' => [
'label' => 'Checkout'
]
]
]
]
]
],
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'fieldLabel' => 'Body'
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' =>
'{{selector}} .woocommerce-form-login, {{selector}} .woocommerce-form-coupon',
'important' => true
]
]
],
'button' => [
'type' => 'object',
'elementType' => 'button',
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-items',
'items' => [
'button' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'alignment' => [
'render' => false
],
'backgroundGroup' => [
'component' => [
'props' => [
'hidePanels' => [
'mask',
'pattern',
'video'
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} .wc-forward, {{selector}} button.button, {{selector}} .wc-backward',
'background' => [
'important' => true
],
'font' => [
'important' => true
],
'border' => [
'important' => true
],
'spacing' => [
'important' => true
],
'boxShadow' => [
'selector' =>
'{{selector}} .wc-forward, {{selector}} button.button, {{selector}} a.button'
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'width' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.width',
'label' => 'Fields Width',
'description' => 'Set the width of the fields.',
'priority' => 1,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'default' => [
'label' => 'Default'
],
'fullwidth' => [
'label' => 'Fullwidth'
],
'2_column' => [
'label' => '2 Column'
]
]
]
]
]
],
'placeholder' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 5,
'render' => true,
'component' => [
'props' => [
'grouped' => true,
'fields' => [
'color' => [
'render' => true
],
'lineHeight' => [
'render' => false
],
'letterSpacing' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBackgroundColor' => [
'priority' => 3,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true
]
]
],
'focusFont' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true,
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
],
'focusBorderGroup' => [
'render' => true,
'priority' => 35,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true,
'groupLabel' => 'Fields Focus',
'fieldLabel' => 'Fields Focus'
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Fields Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 2,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Field Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'selector' =>
'{{selector}} form .form-row input.input-text'
],
'boxShadow' => [
'selector' => '{{selector}} form .form-row .input-text'
],
'font' => [
'selector' =>
'{{selector}} form .form-row input.input-text',
'important' => true
],
'placeholder' => [
'selector' =>
'{{selector}} form .form-row input.input-text::placeholder, {{selector}} form .form-row input.input-text::-webkit-input-placeholder, {{selector}} form .form-row input.input-text::-moz-placeholder, {{selector}} form .form-row input.input-text:-ms-input-placeholder'
]
]
],
'fieldLabels' => [
'type' => 'object',
'selector' => '{{selector}} .woocommerce-message',
'settings' => [
'advanced' => [
'requiredFieldIndicatorColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'attrName' =>
'fieldLabels.advanced.requiredFieldIndicatorColor',
'label' => 'Required Field Indicator Color',
'description' =>
'Pick a color to be used for the required field indicator.',
'category' => 'button',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Field Label'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} form .form-row label'
],
'requiredFieldIndicatorColor' => [
'selector' => '{{selector}} form .form-row .required'
]
]
],
'form' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designForm',
'attrName' => 'form.decoration.background',
'subName' => 'color',
'label' => 'Form Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designForm',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Form'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designForm',
'priority' => 70,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false,
'fieldLabel' => 'Form'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designForm',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => false,
'fieldLabel' => 'Form'
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} form.checkout_coupon,{{selector}} form.login,{{selector}} form.register',
'border' => [
'important' => true
],
'boxShadow' => [
'selector' =>
'{{selector}} form.login,{{selector}} form.checkout_coupon'
],
'spacing' => [
'selector' =>
'{{selector}} form.checkout_coupon, {{selector}} form.login, {{selector}} form.register'
]
]
],
'title' => [
'type' => 'object',
'tagName' => 'div',
'inlineEditor' => 'plainText',
'childrenSanitizer' => 'et_core_esc_previously',
'settings' => [
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'fieldLabel' => 'Title Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' =>
'{{selector}} .woocommerce-message, {{selector}} .woocommerce-info, {{selector}} .woocommerce-message a:not(.button), {{selector}} .woocommerce-info a:not(.button)',
'important' => true
]
]
]
],
'customCssFields' => [
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' =>
' .woocommerce-message, .woocommerce-info, .woocommerce-message a, .woocommerce-info a'
],
'titleLink' => [
'label' => 'Title Link',
'subName' => 'titleLink',
'selectorSuffix' =>
' .woocommerce-message a, .woocommerce-info a'
],
'body' => [
'label' => 'Body',
'subName' => 'body',
'selectorSuffix' =>
' .woocommerce-form-login, .woocommerce-form-coupon'
],
'link' => [
'label' => 'Link',
'subName' => 'link',
'selectorSuffix' =>
' .woocommerce-form-login a, .woocommerce-form-coupon a'
],
'fieldLabel' => [
'label' => 'Field Label',
'subName' => 'fieldLabel',
'selectorSuffix' => ' .woocommerce-message'
],
'button' => [
'label' => 'Button',
'subName' => 'button',
'selectorSuffix' => ' .wc-forward'
],
'fields' => [
'label' => 'Fields',
'subName' => 'fields',
'selectorSuffix' => ' form .input-text'
],
'loginForm' => [
'label' => 'Login Form',
'subName' => 'loginForm',
'selectorSuffix' => ' .woocommerce-form-login'
],
'couponForm' => [
'label' => 'Coupon Form',
'subName' => 'couponForm',
'selectorSuffix' => ' .woocommerce-form-coupon'
]
],
'settings' => [
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designBodyText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designFieldLabel' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designFieldLabel',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field Labels',
'presetGroup' => 'divi/font'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designButton',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
],
'designForm' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designForm',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Form'
]
]
]
]
]
],
'woocommerce/cart-products' => [
'name' => 'divi/woocommerce-cart-products',
'd4Shortcode' => 'et_pb_wc_cart_products',
'moduleClassName' => 'et_pb_wc_cart_products',
'moduleOrderClassName' => 'et_pb_wc_cart_products',
'title' => 'Woo Cart Products',
'titles' => 'Woo Cart Products',
'moduleIcon' => 'divi/module-woocommerce-cart-products',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_wc_cart_products',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'priority' => 15,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => true
],
'orientation' => [
'render' => true
]
]
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fields' => [
'minHeight' => [
'render' => false
],
'height' => [
'render' => false
],
'maxHeight' => [
'render' => false
]
]
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'sizing' => [
'selector' => '{{selector}}.et_pb_wc_cart_products',
'propertySelectors' => [
'desktop' => [
'value' => [
'align-self' =>
'{{selector}}.et_pb_wc_cart_products.et_pb_module'
]
]
]
],
'spacing' => [
'selector' => '{{selector}}.et_pb_wc_cart_products',
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showProductImage' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showProductImage',
'label' => 'Show Product Image',
'description' =>
'Here you can choose whether or not to display the Product image.',
'category' => 'configuration',
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCouponCode' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showCouponCode',
'label' => 'Show Coupon Code',
'description' =>
'Here you can choose whether or not to display the Coupon code.',
'category' => 'configuration',
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showUpdateCartButton' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showUpdateCartButton',
'label' => 'Show Update Cart Button',
'description' =>
'Here you can choose whether or not to display the Update cart button.',
'category' => 'configuration',
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showRemoveItemIcon' => [
'groupType' => 'group-item',
'item' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showRemoveItemIcon',
'label' => 'Show Remove Item Icon',
'description' =>
'Here you can choose whether or not to display the Remove Item Icon.',
'category' => 'configuration',
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'layout' => [
'type' => 'object',
'settings' => [
'advanced' => [
'rowLayout' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'designLayout',
'attrName' => 'layout.advanced.rowLayout',
'label' => 'Product Row Layout',
'description' => 'Set the row layout.',
'category' => 'configuration',
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'default' => [
'label' => 'Default'
],
'horizontal' => [
'label' => 'Horizontal'
],
'vertical' => [
'label' => 'Vertical'
]
]
]
]
]
]
]
]
],
'tableHeader' => [
'type' => 'object',
'selector' =>
'{{selector}} table.cart th, {{selector}}.et_pb_row_layout_vertical table.shop_table_responsive tr td::before, {{selector}}.et_pb_row_layout_default table.shop_table_responsive tr td::before',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableHeader',
'attrName' =>
'tableHeader.decoration.background',
'subName' => 'color',
'label' => 'Table Header Background Color',
'description' =>
'Pick a color to fill the module\'s table header.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableHeader',
'attrName' => 'tableHeader.decoration.font',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Text',
'fieldLabel' => 'Table Header'
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'render' => true,
'groupLabel' => 'Body Text',
'fieldLabel' => 'Body'
],
'link' => [
'render' => true,
'groupLabel' => 'Link',
'fieldLabel' => 'Link'
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' =>
'{{selector}} tbody td, {{selector}} ul.products li.product .woocommerce-loop-product__title, {{selector}} ul.products li.product .price',
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} tbody td a, {{selector}} tbody td:not(.actions), {{selector}} ul.products h1, {{selector}} ul.products h2, {{selector}} ul.products h3, {{selector}} ul.products h4, {{selector}} ul.products h5, {{selector}} ul.products h6, {{selector}} ul.products li.product .price',
'line-height' =>
'{{selector}} table.shop_table td',
'font-family' =>
'{{selector}} tbody td, {{selector}} ul.products li.product .woocommerce-loop-product__title, {{selector}} ul.products li.product .price',
'font-size' =>
'{{selector}} tbody td, {{selector}} ul.products li.product .woocommerce-loop-product__title, {{selector}} ul.products li.product .price'
]
]
]
],
'link' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} td.product-name a',
'line-height' =>
'{{selector}} table.shop_table td'
]
]
]
]
]
]
]
],
'table' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} table.shop_table',
'settings' => [
'advanced' => [
'collapseTableGuttersBorders' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.collapseTableGuttersBorders',
'label' => 'Collapse Table Gutters and Borders',
'description' =>
'Collapse Table Gutters and Borders.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'horizontalGutterWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.horizontalGutterWidth',
'label' => 'Horizontal Gutters',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => true,
'sticky' => false,
'hover' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'border-spacing',
'allowedUnits' => [
'em',
'rem',
'px',
'cm',
'mm',
'in',
'pt',
'pc',
'ex',
'vh',
'vw'
],
'defaultUnit' => 'px',
'min' => 0,
'max' => 50,
'step' => 1,
'minLimit' => 0,
'maxLimit' => 50
]
]
]
],
'verticalGutterWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.verticalGutterWidth',
'label' => 'Vertical Gutters',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'border-spacing',
'allowedUnits' => [
'em',
'rem',
'px',
'cm',
'mm',
'in',
'pt',
'pc',
'ex',
'vh',
'vw'
],
'defaultUnit' => 'px',
'min' => 0,
'max' => 50,
'step' => 1,
'minLimit' => 0,
'maxLimit' => 50
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' => 'table.decoration.background',
'subName' => 'color',
'label' => 'Table Background Color',
'description' =>
'Pick a color to fill the module\'s table.',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Spacing',
'fieldLabel' => 'Table'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Border',
'fieldLabel' => 'Table'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Box Shadow',
'fieldLabel' => 'Table'
]
]
]
]
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}} table.shop_table',
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
]
],
'tableRow' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} table.shop_table tr',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'label' => 'Table Row Background Color',
'description' =>
'Pick a color to fill the module\'s table row.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Row Border',
'fieldLabel' => 'Table Row',
'fields' => [
'radius' => [
'render' => false
],
'styles' => [
'render' => true
]
]
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Row Box Shadow',
'fieldLabel' => 'Table Row'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} table.shop_table tr',
'important' => [
'desktop' => [
'value' => [
'background-color' => true
]
]
]
]
]
],
'tableCell' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'label' => 'Table Cell Background Color',
'description' =>
'Pick a color to fill the module\'s table cell.',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Cell Spacing',
'fieldLabel' => 'Table Cell',
'fields' => [
'padding' => [
'render' => true
],
'margin' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Cell Border',
'fieldLabel' => 'Table Cell'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'groupLabel' => 'Table Cell Box Shadow',
'fieldLabel' => 'Table Cell'
]
]
]
]
],
'advanced' => [
'alternatingBackground' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'label' =>
'Table Cell Alternating Background Color',
'description' =>
'Pick a color to fill the module\'s table alternating cell.',
'priority' => 35,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'background' => [
'selectors' => [
'desktop' => [
'value' => '{{selector}} table.shop_table td',
'hover' =>
'{{selector}} table.shop_table td{{:hover}}'
]
],
'important' => [
'desktop' => [
'value' => [
'background-color' => true
]
]
]
],
'alternatingBackground' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} table.shop_table_responsive tr:nth-child(2n) td',
'hover' =>
'{{selector}} table.shop_table_responsive tr:nth-child(2n){{:hover}} td'
]
],
'important' => [
'desktop' => [
'value' => [
'background-color' => true
]
]
]
],
'spacing' => [
'selector' => '{{selector}} th, {{selector}} td',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} table.shop_table tr td, {{selector}} table.shop_table th',
'border-style' =>
'{{selector}} table.shop_table tr td, {{selector}} table.shop_table th'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} table.shop_table td'
]
]
],
'removeIcon' => [
'type' => 'object',
'selector' => '{{selector}} a.remove',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRemoveIcon',
'attrName' =>
'removeIcon.decoration.background',
'subName' => 'color',
'label' => 'Remove Icon Background Color',
'description' =>
'Pick a color to fill the module\'s remove icon.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-items',
'items' => [
'removeIconColor' => [
'groupSlug' => 'designRemoveIcon',
'priority' => 20,
'render' => true,
'attrName' =>
'removeIcon.decoration.font.font',
'subName' => 'color',
'label' => 'Remove Icon Color',
'description' =>
'Pick a color to be used for the remove icon.',
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'name' => 'divi/color-picker',
'type' => 'field'
]
],
'removeIconSize' => [
'groupSlug' => 'designRemoveIcon',
'priority' => 25,
'render' => true,
'attrName' =>
'removeIcon.decoration.font.font',
'subName' => 'size',
'label' => 'Remove Icon Font Size',
'description' =>
'Control the size of the icon by increasing or decreasing the font size.',
'defaultAttr' => [
'desktop' => [
'value' => [
'size' => '17px'
]
]
],
'component' => [
'name' => 'divi/range',
'type' => 'field',
'props' => [
'cssProperty' => 'font-size',
'defaultUnit' => 'px',
'max' => 120,
'min' => 1,
'step' => 1
]
],
'features' => [
'dynamicContent' => [
'type' => 'number'
]
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selectors' => [
'desktop' => [
'value' => '{{selector}} a.remove',
'hover' => '{{selector}} a.remove{{:hover}}'
]
]
],
'font' => [
'selector' => '{{selector}} a.remove',
'important' => true
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} table.cart img',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.spacing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'attrName' => 'image.decoration.sizing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false,
'fieldLabel' => 'Image',
'fields' => [
'maxWidth' => [
'render' => true,
'label' => 'Image Width',
'description' =>
'Adjust the width of the image within the table.',
'category' => 'layout'
],
'alignment' => [
'render' => false
],
'alignSelf' => [
'render' => false
],
'size' => [
'render' => false
],
'width' => [
'render' => false
],
'height' => [
'render' => false
],
'minHeight' => [
'render' => false
],
'maxHeight' => [
'render' => false
]
]
]
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'placeholder' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFields',
'priority' => 5,
'render' => true,
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => true
],
'lineHeight' => [
'render' => false
],
'letterSpacing' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
],
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 80,
'render' => true,
'groupSlug' => 'designFields',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBackgroundColor' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFields',
'label' => 'Field Focus Background Color',
'component' => [
'props' => [
'grouped' => false
]
]
],
'focusFont' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFields',
'component' => [
'props' => [
'grouped' => false,
'fieldLabel' => 'Field Focus',
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
],
'focusBorderGroup' => [
'render' => true,
'priority' => 90,
'groupSlug' => 'designFields',
'component' => [
'props' => [
'grouped' => true,
'groupLabel' =>
'Field Focus Borders',
'fieldLabel' => 'Field Focus'
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFields',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Field Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFields',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'groupLabel' => 'Field Spacing',
'fieldLabel' => 'Field'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFields',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'groupLabel' => 'Field Text',
'fieldLabel' => 'Field'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFields',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'groupLabel' => 'Field Border',
'fieldLabel' => 'Field'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFields',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'groupLabel' => 'Field Box Shadow',
'fieldLabel' => 'Field'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}} .quantity input.qty, {{selector}} table.cart td.actions .coupon .input-text',
'important' => [
'desktop' => [
'value' => [
'background-color' => true
]
]
]
],
'spacing' => [
'selector' =>
'{{selector}} .quantity input.qty, {{selector}} table.cart td.actions .coupon .input-text',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .quantity input.qty:focus, {{selector}} table.cart td.actions .coupon .input-text:focus',
'border-style' =>
'{{selector}} .quantity input.qty:focus, {{selector}} table.cart td.actions .coupon .input-text:focus'
]
]
],
'important' => [
'desktop' => [
'value' => [
'border-width' => true,
'border-style' => true,
'border-color' => true,
'border-radius' => true
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} .quantity input.qty, {{selector}} table.cart td.actions .coupon .input-text',
'important' => [
'desktop' => [
'value' => [
'box-shadow' => true
]
]
]
],
'font' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} .quantity input.qty, {{selector}} .quantity input.qty::placeholder, {{selector}} .quantity input.qty::-webkit-input-placeholder, {{selector}} .quantity input.qty::-moz-placeholder, {{selector}} .quantity input.qty:-ms-input-placeholder, {{selector}} table.cart td.actions .coupon .input-text, {{selector}} table.cart td.actions .coupon .input-text::placeholder, {{selector}} table.cart td.actions .coupon .input-text::-webkit-input-placeholder, {{selector}} table.cart td.actions .coupon .input-text::-moz-placeholder, {{selector}} table.cart td.actions .coupon .input-text:-ms-input-placeholder',
'hover' =>
'{{selector}} .quantity input.qty{{:hover}}, {{selector}} .quantity input.qty{{:hover}}::placeholder, {{selector}} .quantity input.qty{{:hover}}::-webkit-input-placeholder, {{selector}} .quantity input.qty{{:hover}}::-moz-placeholder, {{selector}} .quantity input.qty{{:hover}}:-ms-input-placeholder, {{selector}} table.cart td.actions .coupon .input-text{{:hover}}, {{selector}} table.cart td.actions .coupon .input-text{{:hover}}::placeholder, {{selector}} table.cart td.actions .coupon .input-text{{:hover}}::-webkit-input-placeholder, {{selector}} table.cart td.actions .coupon .input-text{{:hover}}::-moz-placeholder, {{selector}} table.cart td.actions .coupon .input-text{{:hover}}:-ms-input-placeholder'
]
],
'important' => [
'desktop' => [
'value' => [
'line-height' => true,
'font-family' => true,
'font-size' => true
]
]
]
]
]
],
'button' => [
'type' => 'object',
'elementType' => 'button',
'selector' =>
'{{selector}} table.cart button[name="apply_coupon"], {{selector}} table.cart button[name="update_cart"]:not([disabled])',
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-items',
'items' => [
'button' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'alignment' => [
'render' => false
],
'backgroundGroup' => [
'component' => [
'props' => [
'hidePanels' => [
'mask',
'pattern',
'video'
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
],
'spacingGroup' => [
'component' => [
'props' => [
'fields' => [
'padding' => [
'render' => true
],
'margin' => [
'render' => true
]
]
]
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'button' => [
'selector' =>
'{{selector}} table.cart button[name="apply_coupon"], {{selector}} table.cart button[name="update_cart"]:not([disabled])',
'important' => [
'desktop' => [
'value' => [
'content' => true
]
]
]
],
'spacing' => [
'selector' =>
'{{selector}} table.cart button[name="apply_coupon"], {{selector}} table.cart button[name="update_cart"]:not([disabled])',
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
]
],
'disabledButton' => [
'type' => 'object',
'elementType' => 'button',
'selector' =>
'{{selector}} table.cart button[name="update_cart"]:disabled',
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-items',
'items' => [
'button' => [
'groupSlug' => 'designDisabledButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'groupLabel' => 'Disabled Button',
'fieldLabel' => 'Disabled Button',
'attrName' => 'disabledButton',
'fields' => [
'alignment' => [
'render' => false
],
'backgroundGroup' => [
'component' => [
'props' => [
'hidePanels' => [
'mask',
'pattern',
'video'
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
],
'spacingGroup' => [
'component' => [
'props' => [
'fields' => [
'padding' => [
'render' => true
],
'margin' => [
'render' => true
]
]
]
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'button' => [
'selector' =>
'{{selector}} table.cart button[name="update_cart"]:disabled',
'important' => [
'desktop' => [
'value' => [
'content' => true
]
]
]
],
'spacing' => [
'selector' =>
'{{selector}} table.cart button[name="update_cart"]:disabled',
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
]
]
],
'customCssFields' => [
'body' => [
'label' => 'Body',
'subName' => 'body',
'selectorSuffix' =>
' td.product-price, td.product-subtotal, td.product-name dl.variation dd'
],
'button' => [
'label' => 'Button',
'subName' => 'button',
'selectorSuffix' => ' table.cart button[name="apply_coupon"]'
],
'columnLabel' => [
'label' => 'Column Label',
'subName' => 'columnLabel',
'selectorSuffix' => ' table.cart th'
],
'disabledButton' => [
'label' => 'Disabled Button',
'subName' => 'disabledButton',
'selectorSuffix' =>
' table.cart button[name="update_cart"]:disabled'
],
'inputFields' => [
'label' => 'Input Fields',
'subName' => 'inputFields',
'selectorSuffix' =>
' .quantity input.qty, table.cart td.actions .coupon .input-text'
],
'link' => [
'label' => 'Link',
'subName' => 'link',
'selectorSuffix' => ' td.product-name a'
],
'productImage' => [
'label' => 'Product Image',
'subName' => 'productImage',
'selectorSuffix' => ' table.cart img'
],
'productName' => [
'label' => 'Product Name',
'subName' => 'productName',
'selectorSuffix' => ' td.product-name a'
],
'removeIcon' => [
'label' => 'Remove Icon',
'subName' => 'removeIcon',
'selectorSuffix' => ' a.remove'
],
'table' => [
'label' => 'Table',
'subName' => 'table',
'selectorSuffix' => ' table.cart'
],
'tableHeaderRow' => [
'label' => 'Table Header Row',
'subName' => 'tableHeaderRow',
'selectorSuffix' => ' table.cart th'
],
'tableRows' => [
'label' => 'Table Rows',
'subName' => 'tableRows',
'selectorSuffix' => ' table.cart tr'
],
'variationLabel' => [
'label' => 'Variation Label',
'subName' => 'variationLabel',
'selectorSuffix' => ' .product-name dl.variation'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'clipboardCategory' => 'content',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'layout',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout'
]
]
],
'designTableHeader' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'table_header',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Header',
'presetGroup' => 'divi/font'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'body',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designTable' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'table',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table'
]
]
],
'designTableRow' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'table_row',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Row'
]
]
],
'designTableCell' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'table_cell',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Cell'
]
]
],
'designRemoveIcon' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'removeIcon',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Remove Icon'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'image',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image',
'presetGroup' => 'divi/image'
]
]
],
'designFields' => [
'panel' => 'design',
'priority' => 55,
'groupName' => 'form_field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'button',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
],
'designDisabledButton' => [
'panel' => 'design',
'priority' => 65,
'groupName' => 'disabled_button',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Disabled Button',
'presetGroup' => 'divi/button'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 70,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'presetGroup' => 'divi/sizing'
]
]
]
]
]
],
'woocommerce/cart-totals' => [
'name' => 'divi/woocommerce-cart-totals',
'd4Shortcode' => 'et_pb_wc_cart_totals',
'moduleClassName' => 'et_pb_wc_cart_totals',
'moduleOrderClassName' => 'et_pb_wc_cart_totals',
'title' => 'Woo Cart Totals',
'titles' => 'Woo Cart Totals',
'moduleIcon' => 'divi/module-woocommerce-cart-totals',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_wc_cart_totals',
'settings' => [
'meta' => [
'meta' => []
],
'advanced' => [
'html' => [],
'text' => [
'priority' => 10,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => true
],
'orientation' => [
'render' => true
]
]
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} h2'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'render' => true,
'fieldLabel' => 'Body',
'groupLabel' => 'Body Text'
],
'link' => [
'render' => true,
'fieldLabel' => 'Link',
'groupLabel' => 'Link'
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' =>
'{{selector}} .woocommerce-Price-amount,{{selector}} .woocommerce-shipping-totals label,{{selector}} .woocommerce-shipping-totals .woocommerce-shipping-destination,{{selector}} table.shop_table a,{{selector}} table.shop_table tr.shipping td,{{selector}} table.shop_table tr.cart-subtotal td,{{selector}} table.shop_table tr.order-total td',
'propertySelectors' => [
'body' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}} table.shop_table td'
]
]
],
'link' => [
'selector' => '{{selector}} table.shop_table a',
'desktop' => [
'value' => [
'line-height' =>
'{{selector}} table.shop_table td'
]
]
]
]
]
]
],
'button' => [
'type' => 'object',
'elementType' => 'button',
'settings' => [
'innerContent' => [
'groupType' => 'into-multiple-groups',
'groups' => [
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'render' => false
]
],
'link' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentContent',
'render' => false
]
],
'attributes' => [
'panel' => 'advanced',
'priority' => 25,
'groupType' => 'group',
'groupName' => 'attributes',
'component' => [
'name' => 'divi/attributes-rel',
'props' => [
'fieldLabel' => 'Button'
]
]
]
]
],
'decoration' => [
'button' => [
'groupType' => 'group-items',
'items' => [
'button' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'alignment' => [
'render' => false
],
'backgroundGroup' => [
'component' => [
'props' => [
'hidePanels' => [
'mask',
'pattern',
'video'
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
],
'spacingGroup' => [
'component' => [
'props' => [
'fields' => [
'padding' => [
'render' => true
],
'margin' => [
'render' => true
]
]
]
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'body #page-container {{selector}} a.checkout-button, body #page-container {{selector}} button.button',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l {{baseSelector}} a.checkout-button, body.et-db #page-container #et-boc .et-l {{baseSelector}} button.button',
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'boxShadow' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'box-shadow' =>
'{{selector}} a.checkout-button, {{selector}} button.button'
]
]
]
]
]
],
'columnLabel' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designColumnLabel',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Column Label',
'fieldLabel' => 'Column Label'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} table.shop_table tbody th,{{selector}} table.shop_table_responsive tbody td:before'
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'placeholder' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 5,
'render' => true,
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => true
],
'lineHeight' => [
'render' => false
],
'letterSpacing' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
],
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 80,
'render' => true,
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'features' => [
'responsive' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBackgroundColor' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false
]
]
],
'focusFont' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
],
'focusBorderGroup' => [
'render' => true,
'priority' => 90,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true,
'groupLabel' =>
'Fields Focus Borders',
'fieldLabel' => 'Fields Focus'
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Fields Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} .select2-container--default.select2-container--open .select2-selection--single,{{selector}} form .form-row input.input-text,{{selector}} form .form-row textarea',
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .select2-container--default.select2-container--open .select2-selection--single,{{selector}} form .form-row input.input-text:focus,{{selector}} form .form-row textarea:focus',
'border-style' =>
'{{selector}} .select2-container--default.select2-container--open .select2-selection--single,{{selector}} form .form-row input.input-text:focus,{{selector}} form .form-row textarea:focus'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} .select2-container--default .select2-selection--single,{{selector}} form .form-row input.input-text,{{selector}} form .form-row textarea'
],
'font' => [
'selector' =>
'{{selector}} .select2-container--default .select2-selection--single .select2-selection__rendered, {{selector}} form .form-row input.input-text, {{selector}} form .form-row textarea',
'important' => [
'font' => [
'desktop' => [
'value' => [
'font-family' => true,
'font-size' => true,
'font-weight' => true,
'text-transform' => true
]
]
]
]
],
'spacing' => [
'selector' =>
'{{selector}} .select2-container--default .select2-selection--single .select2-selection__rendered, {{selector}} form .form-row input.input-text, {{selector}} form .form-row textarea',
'propertySelectors' => [
'desktop' => [
'value' => [
'margin' =>
'{{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row input.input-text, {{selector}} form .form-row textarea',
'padding' =>
'{{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row input.input-text, {{selector}} form .form-row textarea'
]
]
]
]
]
],
'table' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'collapseTableGuttersBorders' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.collapseTableGuttersBorders',
'label' => 'Collapse Table Gutters and Borders',
'description' =>
'Collapse Table Gutters and Borders.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'horizontalGutterWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.horizontalGutterWidth',
'label' => 'Horizontal Gutters',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'border-spacing',
'allowedUnits' => [
'em',
'rem',
'px',
'cm',
'mm',
'in',
'pt',
'pc',
'ex',
'vh',
'vw'
],
'defaultUnit' => 'px',
'min' => 0,
'max' => 50,
'step' => 1,
'minLimit' => 0,
'maxLimit' => 50
]
]
]
],
'verticalGutterWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.verticalGutterWidth',
'label' => 'Vertical Gutters',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'border-spacing',
'allowedUnits' => [
'em',
'rem',
'px',
'cm',
'mm',
'in',
'pt',
'pc',
'ex',
'vh',
'vw'
],
'defaultUnit' => 'px',
'min' => 0,
'max' => 50,
'step' => 1,
'minLimit' => 0,
'maxLimit' => 50
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'label' => 'Table Background Color',
'description' =>
'Pick a color to fill the module\'s table.',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table',
'groupLabel' => 'Table Spacing'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table',
'groupLabel' => 'Table Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table',
'groupLabel' => 'Table Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} table.shop_table',
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'tableCell' => [
'selector' =>
'{{selector}} table.shop_table tr th, {{selector}} table.shop_table tr td',
'type' => 'object',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'label' => 'Table Cell Background Color',
'description' =>
'Pick a color to fill the module\'s table cell.',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell',
'groupLabel' => 'Table Cell Spacing',
'fields' => [
'padding' => [
'render' => true
],
'margin' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell',
'groupLabel' => 'Table Cell Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell',
'groupLabel' => 'Table Cell Box Shadow'
]
]
]
]
]
]
],
'tableRow' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'label' => 'Table Row Background Color',
'description' =>
'Pick a color to fill the module\'s table row.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Row',
'groupLabel' => 'Table Row Border',
'fields' => [
'radius' => [
'render' => false
],
'styles' => [
'render' => true
]
]
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Row',
'groupLabel' => 'Table Row Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} table.shop_table tr',
'background' => [
'selector' => '{{selector}} table.shop_table tr'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-style' =>
'{{selector}} table.shop_table tbody th, {{selector}} table.shop_table td'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} table.shop_table tr'
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h2'
],
'columnLabel' => [
'label' => 'Column Label',
'subName' => 'columnLabel',
'selectorSuffix' => ' table.shop_table tbody th'
],
'body' => [
'label' => 'Body',
'subName' => 'body',
'selectorSuffix' =>
' tr.cart-subtotal .woocommerce-Price-amount, tr.cart-discount .woocommerce-Price-amount, tr.woocommerce-shipping-totals label'
],
'link' => [
'label' => 'Link',
'subName' => 'link',
'selectorSuffix' => ' table.shop_table a'
],
'button' => [
'label' => 'Checkout Button',
'subName' => 'button',
'selectorSuffix' => ' a.checkout-button'
],
'table' => [
'label' => 'Cart Totals Table',
'subName' => 'table',
'selectorSuffix' => ' table.shop_table'
],
'tableRow' => [
'label' => 'Cart Totals Table Row',
'subName' => 'tableRow',
'selectorSuffix' => ' table.shop_table tr'
],
'tableCell' => [
'label' => 'Cart Totals Table Cell',
'subName' => 'tableCell',
'selectorSuffix' =>
' table.shop_table tr th, table.shop_table tr td'
],
'formField' => [
'label' => 'Fields',
'subName' => 'formField',
'selectorSuffix' => ' .quantity input.qty'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'designTitleText' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designColumnLabel' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designColumnLabel',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Column Label',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designBodyText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font-body'
]
]
],
'designTable' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designTable',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table'
]
]
],
'designTableRow' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designTableRow',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Row'
]
]
],
'designTableCell' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designTableCell',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Cell'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designFieldField',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designButton',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
]
]
]
],
'woocommerce/checkout-billing' => [
'name' => 'divi/woocommerce-checkout-billing',
'd4Shortcode' => 'et_pb_wc_checkout_billing',
'moduleClassName' => 'et_pb_wc_checkout_billing',
'moduleOrderClassName' => 'et_pb_wc_checkout_billing',
'title' => 'Woo Checkout Billing',
'titles' => 'Woo Checkout Billing',
'moduleIcon' => 'divi/woo-checkout-billing',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => true
],
'color' => [
'render' => false
],
'orientation' => [
'render' => true
]
]
]
]
]
],
'warning' => [
'groupType' => 'group-item',
'item' => [
'priority' => 1,
'groupSlug' => 'contentGeneral',
'attrName' => '',
'label' => '',
'render' => true,
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/warning',
'type' => 'field'
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} h3'
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'placeholder' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 5,
'render' => true,
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => true
],
'lineHeight' => [
'render' => false
],
'letterSpacing' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
],
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 80,
'render' => true,
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBackgroundColor' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false
]
]
],
'focusFont' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
],
'focusBorderGroup' => [
'render' => true,
'priority' => 90,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true,
'groupLabel' =>
'Fields Focus Borders',
'fieldLabel' => 'Fields Focus'
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Fields Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text',
'background' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} form .form-row input.input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} form .form-row .input-text:focus',
'border-style' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} form .form-row .input-text:focus'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} .select2-container--default .select2-selection--single,{{selector}} form .form-row input.input-text'
],
'font' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text',
'important' => [
'desktop' => [
'value' => [
'line-height' => true,
'font-size' => true,
'font-family' => true,
'color' => true,
'text-shadow' => true
]
]
]
],
'spacing' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text',
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'margin' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text',
'padding' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text'
]
]
]
]
]
],
'fieldLabels' => [
'type' => 'object',
'settings' => [
'advanced' => [
'requiredFieldIndicatorColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'label' => 'Required Field Indicator Color',
'description' =>
'Pick a color to be used for the required field indicator.',
'category' => 'button',
'priority' => 10,
'render' => true,
'features' => [
'preset' => 'content',
'responsive' => true,
'hover' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Field Label'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} form .form-row label'
]
]
],
'formNotice' => [
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' =>
'formNotice.decoration.background',
'subName' => 'color',
'label' => 'Form Notice Background Color',
'description' =>
'Pick a color to fill the module\'s notice.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' => 'formNotice.decoration.spacing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' => 'formNotice.decoration.border',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' => 'formNotice.decoration.boxShadow',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} .woocommerce-error',
'important' => [
'desktop' => [
'value' => [
'background-color' => true
]
]
]
],
'spacing' => [
'selector' => '{{selector}} .woocommerce-error',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'border' => [
'selector' => '{{selector}} .woocommerce-error',
'important' => true,
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .woocommerce-error',
'border-style' =>
'{{selector}} .woocommerce-error'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} .woocommerce-error',
'important' => true
],
'font' => [
'selector' =>
'{{selector}} .woocommerce-NoticeGroup .woocommerce-error',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true
]
]
],
'textShadow' => [
'desktop' => [
'value' => [
'text-shadow' => true
]
]
]
]
]
]
],
'layout' => [
'type' => 'object',
'settings' => [
'advanced' => [
'fieldsWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'layout.advanced.fieldsWidth',
'label' => 'Fields Width',
'description' => 'Set the width of the fields.',
'priority' => 10,
'render' => true,
'features' => [
'preset' => ['html'],
'responsive' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'default' => [
'label' => 'Default'
],
'fullwidth' => [
'label' => 'Fullwidth'
],
'2_column' => [
'label' => '2 Column'
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h3'
],
'fieldLabel' => [
'label' => 'Field Label',
'subName' => 'fieldLabel',
'selectorSuffix' => ' form .form-row label'
],
'formField' => [
'label' => 'Fields',
'subName' => 'formField',
'selectorSuffix' =>
' .select2-container--default .select2-selection--single, form .form-row .input-text'
],
'formNotice' => [
'label' => 'Form Notice',
'subName' => 'formNotice',
'selectorSuffix' => ' .woocommerce-error'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentGeneral' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentGeneral',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'General'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designLayout',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designFieldLabel' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designFieldLabel',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field Labels',
'presetGroup' => 'divi/font'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designFieldField',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields'
]
]
],
'designFormNotice' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'designFormNotice',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Form Notice'
]
]
]
]
]
],
'woocommerce/checkout-information' => [
'name' => 'divi/woocommerce-checkout-additional-info',
'd4Shortcode' => 'et_pb_wc_checkout_additional_info',
'moduleClassName' => 'et_pb_wc_checkout_additional_info',
'moduleOrderClassName' => 'et_pb_wc_checkout_additional_info',
'title' => 'Woo Checkout Information',
'titles' => 'Woo Checkout Information',
'moduleIcon' => 'divi/woo-checkout-information',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'priority' => 10,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => true
],
'orientation' => [
'render' => true
]
]
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} h3'
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showTitle' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showTitle',
'label' => 'Show Title',
'description' =>
'Here you can choose to display the title.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'preset' => ['html'],
'responsive' => true,
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'placeholder' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 5,
'render' => true,
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => true
],
'lineHeight' => [
'render' => false
],
'letterSpacing' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
],
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 80,
'render' => true,
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBackgroundColor' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false
]
]
],
'focusFont' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
],
'focusBorderGroup' => [
'render' => true,
'priority' => 90,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true,
'groupLabel' =>
'Fields Focus Borders',
'fieldLabel' => 'Fields Focus'
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Fields Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Border'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} form .form-row textarea.input-text:focus',
'border-style' =>
'{{selector}} form .form-row textarea.input-text:focus'
]
]
]
],
'font' => [
'selector' =>
'{{selector}} form .form-row .input-text, {{selector}} form .form-row .input-text::placeholder, {{selector}} form .form-row .input-text::-webkit-input-placeholder, {{selector}} form .form-row .input-text::-moz-placeholder, {{selector}} form .form-row .input-text:-ms-input-placeholder',
'important' => [
'desktop' => [
'value' => [
'line-height' => true,
'font-size' => true,
'font-family' => true
]
]
],
'selectors' => [
'desktop' => [
'hover' =>
'{{selector}} form .input-text, {{selector}} form .input-text:hover::placeholder, {{selector}} form .input-text:hover::-webkit-input-placeholder, {{selector}} form .input-text:hover::-moz-placeholder, {{selector}} form .input-text:hover:-ms-input-placeholder'
]
]
]
]
],
'fieldLabels' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabels',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Field Label',
'fieldLabel' => 'Field Label'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} form .form-row label'
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h3'
],
'fieldLabel' => [
'label' => 'Field Label',
'subName' => 'fieldLabel',
'selectorSuffix' => ' form .form-row label'
],
'fields' => [
'label' => 'Fields',
'subName' => 'fields',
'selectorSuffix' => ' form .input-text'
],
'fieldsPlaceholder' => [
'label' => 'Fields Placeholder',
'subName' => 'fieldsPlaceholder',
'selectorSuffix' =>
' form .form-row .input-text::placeholder, form .form-row .input-text::-webkit-input-placeholder, form .form-row .input-text::-moz-placeholder, form .form-row .input-text:-ms-input-placeholder'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentElements' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'elements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 29,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designFieldLabels' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designFieldLabels',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field Labels',
'presetGroup' => 'divi/font'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designFieldField',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields'
]
]
]
]
]
],
'woocommerce/checkout-order-details' => [
'name' => 'divi/woocommerce-checkout-order-details',
'd4Shortcode' => 'et_pb_wc_checkout_order_details',
'moduleClassName' => 'et_pb_wc_checkout_order_details',
'moduleOrderClassName' => 'et_pb_wc_checkout_order_details',
'title' => 'Woo Checkout Details',
'titles' => 'Woo Checkout Details',
'moduleIcon' => 'divi/woo-checkout-details',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'priority' => 10,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => true
],
'orientation' => [
'render' => true
]
]
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} #order_review_heading'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'render' => true,
'fieldLabel' => 'Body',
'groupLabel' => 'Body Text'
],
'link' => [
'render' => true,
'fieldLabel' => 'Link',
'groupLabel' => 'Link'
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' => '{{selector}} td, {{selector}} tfoot th',
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}} table.shop_table th, {{selector}} table.shop_table td'
]
]
]
],
'link' => [
'font' => [
'desktop' => [
'value' => [
'line-height' => '{{selector}} td a'
]
]
]
]
]
]
]
],
'columnLabel' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designColumnLabel',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Column Label',
'fieldLabel' => 'Column Label'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} table.shop_table thead th'
]
]
],
'table' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} table.shop_table',
'settings' => [
'advanced' => [
'collapseTableGuttersBorders' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.collapseTableGuttersBorders',
'label' => 'Collapse Table Gutters and Borders',
'description' =>
'Collapse Table Gutters and Borders.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'horizontalGutterWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.horizontalGutterWidth',
'label' => 'Horizontal Gutters',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => true,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'border-spacing',
'allowedUnits' => [
'em',
'rem',
'px',
'cm',
'mm',
'in',
'pt',
'pc',
'ex',
'vh',
'vw'
],
'defaultUnit' => 'px',
'min' => 0,
'max' => 50,
'step' => 1,
'minLimit' => 0,
'maxLimit' => 50
]
]
]
],
'verticalGutterWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' =>
'table.advanced.verticalGutterWidth',
'label' => 'Vertical Gutters',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/range',
'props' => [
'cssProperty' => 'border-spacing',
'allowedUnits' => [
'em',
'rem',
'px',
'cm',
'mm',
'in',
'pt',
'pc',
'ex',
'vh',
'vw'
],
'defaultUnit' => 'px',
'min' => 0,
'max' => 50,
'step' => 1,
'minLimit' => 0,
'maxLimit' => 50
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' => 'table.decoration.background',
'subName' => 'color',
'label' => 'Table Background Color',
'description' =>
'Pick a color to fill the module\'s table.',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table',
'groupLabel' => 'Table Spacing'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table',
'groupLabel' => 'Table Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table',
'groupLabel' => 'Table Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} table.shop_table'
],
'spacing' => [
'selector' => '{{selector}} table.shop_table',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} table.shop_table',
'border-style' =>
'{{selector}} table.shop_table'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} table.shop_table'
]
]
],
'tableCell' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'label' => 'Table Cell Background Color',
'attrName' => 'tableCell.decoration.background',
'subName' => 'color',
'description' =>
'Pick a color to fill the module\'s table cell.',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell',
'groupLabel' => 'Table Cell Spacing',
'fields' => [
'padding' => [
'render' => true
],
'margin' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell',
'groupLabel' => 'Table Cell Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell',
'groupLabel' => 'Table Cell Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}} table.shop_table tr th, {{selector}} table.shop_table tr td',
'background' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} table.shop_table tr th, {{selector}} table.shop_table tr td',
'hover' =>
'{{selector}} table.shop_table tr th{{:hover}}, {{selector}} table.shop_table tr td{{:hover}}'
]
]
],
'spacing' => [
'selector' =>
'{{selector}} table.shop_table th, {{selector}} table.shop_table td'
],
'border' => [
'important' => [
'desktop' => [
'value' => [
'border-color' => true
]
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} table.shop_table tr th, {{selector}} table.shop_table tr td',
'border-style' =>
'{{selector}} table.shop_table tr th,{{selector}} table.shop_table tr td'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} table.shop_table tr th, {{selector}} table.shop_table td'
]
]
],
'tableRow' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} table.shop_table tr',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'label' => 'Table Row Background Color',
'attrName' => 'tableRow.decoration.background',
'subName' => 'color',
'description' =>
'Pick a color to fill the module\'s table row.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Row',
'groupLabel' => 'Table Row Border',
'fields' => [
'radius' => [
'render' => false
],
'styles' => [
'render' => true
]
]
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Row',
'groupLabel' => 'Table Row Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'spacing' => [
'selector' =>
'{{selector}} table.shop_table tr th, {{selector}} table.shop_table tr td',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'border' => [
'important' => true,
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} table.shop_table th, {{selector}} table.shop_table td',
'border-style' =>
'{{selector}} table.shop_table th, {{selector}} table.shop_table td'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} table.shop_table tr'
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h1, h2, h3, h4, h5, h6'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'designTitleText' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designColumnLabel' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designColumnLabel',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Column Label',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designBodyText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font-body'
]
]
],
'designTable' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designTable',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table'
]
]
],
'designTableRow' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designTableRow',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Row'
]
]
],
'designTableCell' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designTableCell',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Cell'
]
]
]
]
]
],
'woocommerce/checkout-payment-info' => [
'name' => 'divi/woocommerce-checkout-payment-info',
'd4Shortcode' => 'et_pb_wc_checkout_payment_info',
'moduleClassName' => 'et_pb_wc_checkout_payment_info',
'moduleOrderClassName' => 'et_pb_wc_checkout_payment_info',
'title' => 'Woo Checkout Payment',
'titles' => 'Woo Checkout Payment',
'moduleIcon' => 'divi/woo-checkout-payment',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => true
],
'color' => [
'render' => false
],
'orientation' => [
'render' => true
]
]
]
]
]
],
'warning' => [
'groupType' => 'group-item',
'item' => [
'priority' => 1,
'groupSlug' => 'contentGeneral',
'attrName' => '',
'label' => '',
'render' => true,
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/warning',
'type' => 'field'
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'border' => [
'selector' => '{{selector}}'
],
'background' => [
'selector' =>
'{{selector}}.et_pb_wc_checkout_payment_info'
],
'spacing' => [
'selector' => '{{selector}}',
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font-body',
'type' => 'group',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'render' => true,
'fieldLabel' => 'Body'
],
'link' => [
'render' => true
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' =>
'{{selector}} .woocommerce-privacy-policy-text, {{selector}} .wc_payment_method a, {{selector}} .woocommerce-order p, {{selector}} .woocommerce-order .woocommerce-order-overview',
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'font-size' => true,
'line-height' => true
]
]
]
],
'link' => true
]
]
]
],
'button' => [
'type' => 'object',
'elementType' => 'button',
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-items',
'items' => [
'button' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'alignment' => [
'render' => false
],
'backgroundGroup' => [
'component' => [
'props' => [
'hidePanels' => [
'mask',
'pattern',
'video'
]
]
]
],
'buttonIconGroup' => [
'component' => [
'props' => [
'fields' => [
'placement' => [
'features' => [
'hover' => false
]
],
'onHover' => [
'features' => [
'hover' => false
]
]
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'body #page-container {{selector}} #payment #place_order',
'border' => [
'selector' => '{{selector}} #payment #place_order',
'important' => [
'desktop' => [
'value' => [
'border-width' => true
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} #payment #place_order'
],
'font' => [
'selector' => '{{selector}} #payment #place_order',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true,
'font-family' => true,
'font-weight' => true,
'font-style' => true
]
]
]
]
],
'spacing' => [
'important' => true,
'selector' => '{{selector}} #payment #place_order'
]
]
],
'formNotice' => [
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' =>
'formNotice.decoration.background',
'subName' => 'color',
'label' => 'Form Notice Background Color',
'description' =>
'Pick a color to fill the module\'s notice.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
],
'responsive' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' => 'formNotice.decoration.spacing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' => 'formNotice.decoration.border',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'attrName' => 'formNotice.decoration.boxShadow',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice',
'groupLabel' => 'Form Notice Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info'
],
'spacing' => [
'selector' =>
'{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info',
'important' => [
'desktop' => [
'value' => [
'padding' => true
]
]
]
],
'border' => [
'selector' =>
'{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info',
'important' => true,
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info',
'border-style' =>
'{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info'
]
]
]
],
'boxShadow' => [
'important' => true,
'selector' =>
'{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info'
],
'font' => [
'selector' =>
'{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}}.et_pb_wc_checkout_payment_info #payment ul.payment_methods li.woocommerce-info, {{selector}}.et_pb_wc_checkout_payment_info #payment ul.payment_methods div.woocommerce-info'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true
]
]
],
'textShadow' => [
'desktop' => [
'value' => [
'text-shadow' => true
]
]
]
]
]
]
],
'radioButton' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'attrName' =>
'radioButton.decoration.background',
'subName' => 'color',
'label' => 'Radio Button Background Color',
'description' =>
'Pick a color to fill the module\'s radio buttons.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Radio Button',
'groupLabel' => 'Radio Button Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Radio Button',
'groupLabel' => 'Radio Button Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Radio Button',
'groupLabel' => 'Radio Button Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Radio Button',
'groupLabel' =>
'Radio Button Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} #payment .wc_payment_method'
],
'border' => [
'selector' =>
'{{selector}} #payment .wc_payment_method',
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} #payment .wc_payment_method',
'border-style' =>
'{{selector}} #payment .wc_payment_method'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} #payment .wc_payment_method'
],
'font' => [
'selector' =>
'{{selector}} #payment .wc_payment_method label',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} #payment ul.payment_methods li'
]
]
]
]
],
'spacing' => [
'selector' =>
'{{selector}} #payment ul.payment_methods li'
]
]
],
'selectedRadioButton' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSelectedRadioButton',
'attrName' =>
'selectedRadioButton.decoration.background',
'subName' => 'color',
'label' =>
'Selected Radio Button Background Color',
'description' =>
'Pick a color to fill the module\'s selected radio button.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSelectedRadioButton',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Selected Radio Button',
'groupLabel' =>
'Selected Radio Button Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSelectedRadioButton',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Selected Radio Button',
'groupLabel' =>
'Selected Radio Button Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSelectedRadioButton',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Selected Radio Button',
'groupLabel' =>
'Selected Radio Button Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSelectedRadioButton',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Selected Radio Button',
'groupLabel' =>
'Selected Radio Button Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}} #payment .wc_payment_method.et_pb_checked'
],
'border' => [
'selector' =>
'{{selector}} #payment .wc_payment_method.et_pb_checked',
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} #payment .wc_payment_method.et_pb_checked',
'border-style' =>
'{{selector}} #payment .wc_payment_method.et_pb_checked'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} #payment .wc_payment_method.et_pb_checked'
],
'font' => [
'selector' =>
'{{selector}} #payment .wc_payment_method.et_pb_checked label',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} #payment ul.payment_methods li.et_pb_checked'
]
]
]
]
],
'spacing' => [
'selector' =>
'{{selector}} #payment ul.payment_methods li.et_pb_checked'
]
]
],
'tooltip' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 80,
'render' => true,
'groupSlug' => 'designTooltip',
'attrName' => 'tooltip.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to tooltips when focused.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBorderGroup' => [
'render' => true,
'priority' => 90,
'groupSlug' => 'designTooltip',
'component' => [
'props' => [
'grouped' => true,
'groupLabel' =>
'Tooltip Focus Borders',
'fieldLabel' => 'Tooltip Focus'
]
]
],
'focusFont' => [
'render' => false,
'groupSlug' => 'designTooltip'
],
'focusBackgroundColor' => [
'render' => false,
'groupSlug' => 'designTooltip'
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'attrName' => 'tooltip.decoration.background',
'subName' => 'color',
'label' => 'Tooltip Background Color',
'description' =>
'Pick a color to fill the module\'s tooltip.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Tooltip',
'groupLabel' => 'Tooltip Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Tooltip',
'groupLabel' => 'Tooltip Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Tooltip',
'groupLabel' => 'Tooltip Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Tooltip',
'groupLabel' => 'Tooltip Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} #payment div.payment_box'
],
'border' => [
'selector' => '{{selector}} #payment div.payment_box',
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} #payment div.payment_box',
'border-style' =>
'{{selector}} #payment div.payment_box'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} #payment div.payment_box'
],
'font' => [
'selector' => '{{selector}} .wc_payment_method p',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}}.et_pb_wc_checkout_payment_info #payment ul.payment_methods li p'
]
]
]
]
],
'spacing' => [
'selector' => '{{selector}} #payment div.payment_box'
]
]
]
],
'customCssFields' => [
'fields' => [
'label' => 'Fields',
'subName' => 'fields',
'selectorSuffix' => ' #payment .input-radio'
],
'body' => [
'label' => 'Body',
'subName' => 'body',
'selectorSuffix' => ' .woocommerce-privacy-policy-text'
],
'bodyAnchor' => [
'label' => 'Body Link',
'subName' => 'bodyAnchor',
'selectorSuffix' => ' .woocommerce-privacy-policy-text a'
],
'button' => [
'label' => 'Button',
'subName' => 'button',
'selectorSuffix' => ' #payment #place_order'
],
'tooltip' => [
'label' => 'Tooltip',
'subName' => 'tooltip',
'selectorSuffix' => ' #payment div.payment_box'
],
'formNotice' => [
'label' => 'Form Notice',
'subName' => 'formNotice',
'selectorSuffix' =>
' #payment ul.payment_methods li.woocommerce-info'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentGeneral' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentGeneral',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'General'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'clipboardCategory' => 'style'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designBodyText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font-body'
]
]
],
'designRadioButton' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designRadioButton',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Radio Buttons'
]
]
],
'designSelectedRadioButton' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designSelectedRadioButton',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Selected Radio Button'
]
]
],
'designTooltip' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designTooltip',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Tooltip'
]
]
],
'designFormNotice' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designFormNotice',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Form Notice',
'presetGroup' => 'divi/font'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designButton',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
]
]
]
],
'woocommerce/checkout-shipping' => [
'name' => 'divi/woocommerce-checkout-shipping',
'd4Shortcode' => 'et_pb_wc_checkout_shipping',
'moduleClassName' => 'et_pb_wc_checkout_shipping',
'moduleOrderClassName' => 'et_pb_wc_checkout_shipping',
'title' => 'Woo Checkout Shipping',
'titles' => 'Woo Checkout Shipping',
'moduleIcon' => 'divi/woo-checkout-shipping',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => true
],
'color' => [
'render' => false
],
'orientation' => [
'render' => true
]
]
]
]
]
],
'warning' => [
'groupType' => 'group-item',
'item' => [
'priority' => 1,
'groupSlug' => 'contentGeneral',
'attrName' => '',
'label' => '',
'render' => true,
'features' => [
'responsive' => false,
'sticky' => false,
'hover' => false,
'preset' => 'content'
],
'component' => [
'name' => 'divi/warning',
'type' => 'field'
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'name' => 'divi/font',
'type' => 'group',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} h3'
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'placeholder' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 5,
'render' => true,
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => true
],
'lineHeight' => [
'render' => false
],
'letterSpacing' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
],
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 80,
'render' => true,
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBackgroundColor' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false
]
]
],
'focusFont' => [
'priority' => 15,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
],
'focusBorderGroup' => [
'render' => true,
'priority' => 90,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true,
'groupLabel' =>
'Fields Focus Borders',
'fieldLabel' => 'Fields Focus'
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Fields Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Spacing'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Fields Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text',
'background' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} form .form-row input.input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} form .form-row .input-text:focus',
'border-style' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} form .form-row .input-text:focus'
]
]
]
],
'boxShadow' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row input.input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text'
],
'font' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text',
'important' => [
'desktop' => [
'value' => [
'line-height' => true,
'font-size' => true,
'font-family' => true,
'color' => true,
'text-shadow' => true
]
]
]
],
'spacing' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} form .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row .input-text',
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
]
],
'fieldLabels' => [
'type' => 'object',
'settings' => [
'advanced' => [
'requiredFieldIndicatorColor' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'label' => 'Required Field Indicator Color',
'description' =>
'Pick a color to be used for the required field indicator.',
'category' => 'button',
'priority' => 10,
'render' => true,
'features' => [
'preset' => 'content',
'responsive' => true,
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Field Label'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} form .form-row label'
],
'requiredFieldIndicatorColor' => [
'selector' => '{{selector}} form .form-row .required',
'important' => true
]
]
],
'layout' => [
'type' => 'object',
'settings' => [
'advanced' => [
'fieldsWidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'layout.advanced.fieldsWidth',
'label' => 'Fields Width',
'description' => 'Set the width of the fields.',
'priority' => 10,
'render' => true,
'features' => [
'preset' => ['html'],
'responsive' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'default' => [
'label' => 'Default'
],
'fullwidth' => [
'label' => 'Fullwidth'
],
'2_column' => [
'label' => '2 Column'
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h3'
],
'fieldLabel' => [
'label' => 'Field Label',
'subName' => 'fieldLabel',
'selectorSuffix' => ' form .form-row label'
],
'formField' => [
'label' => 'Fields',
'subName' => 'formField',
'selectorSuffix' =>
' .select2-container--default .select2-selection--single, form .form-row .input-text'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentGeneral' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentGeneral',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'General'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designLayout',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designFieldLabel' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designFieldLabel',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field Labels',
'presetGroup' => 'divi/font'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designFieldField',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields'
]
]
]
]
]
],
'woocommerce/cross-sells' => [
'name' => 'divi/woocommerce-cross-sells',
'd4Shortcode' => 'et_pb_wc_cross_sells',
'moduleClassName' => 'et_pb_wc_cross_sells',
'moduleOrderClassName' => 'et_pb_wc_cross_sells',
'title' => 'Woo Cross Sells',
'titles' => 'Woo Cross Sells',
'moduleIcon' => 'divi/module-woocommerce-related-products',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_wc_cross_sells',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'priority' => 10,
'component' => [
'props' => [
'fields' => [
'color' => [
'render' => false
],
'textShadowGroup' => [
'render' => true
],
'orientation' => [
'render' => true
]
]
]
]
],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'order' => [],
'overflow' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
]
],
'title' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_wc_cross_sells ul.products li.product h3, {{selector}}.et_pb_wc_cross_sells ul.products li.product h1, {{selector}}.et_pb_wc_cross_sells ul.products li.product h2, {{selector}}.et_pb_wc_cross_sells ul.products li.product h4, {{selector}}.et_pb_wc_cross_sells ul.products li.product h5, {{selector}}.et_pb_wc_cross_sells ul.products li.product h6',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title'
]
]
]
]
]
]
],
'price' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_wc_cross_sells ul.products li.product .price, {{selector}}.et_pb_wc_cross_sells ul.products li.product .price .amount',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Price Text',
'fieldLabel' => 'Price'
]
]
]
]
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designPriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/product-add-to-cart' => [
'name' => 'divi/woocommerce-product-add-to-cart',
'd4Shortcode' => 'et_pb_wc_add_to_cart',
'moduleClassName' => 'et_pb_wc_add_to_cart',
'moduleOrderClassName' => 'et_pb_wc_add_to_cart',
'title' => 'Woo Product Add To Cart',
'titles' => 'Woo Product Add To Cart',
'moduleIcon' => 'divi/module-woocommerce-product-add-to-cart',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'text' => [
'selector' => '{{selector}} td.label',
'selectors' => [
'desktop' => [
'value' => '{{selector}} td.label'
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'text-align' => '{{selector}} td.label'
]
]
]
],
'textShadow' => [
'selector' => '{{selector}} td.label'
],
'background' => [
'selector' => '{{selector}}',
'important' => true
],
'spacing' => [
'selector' => '{{selector}}',
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
]
]
]
],
'button' => [
'type' => 'object',
'elementType' => 'button',
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-items',
'items' => [
'button' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'alignment' => [
'render' => false
],
'backgroundGroup' => [
'component' => [
'props' => [
'hidePanels' => [
'mask',
'pattern',
'video'
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' => 'body #page-container {{selector}} .button',
'background' => [
'selector' => '{{selector}} .button',
'important' => true
],
'border' => [
'selector' => '{{selector}} .button',
'important' => true
],
'boxShadow' => [
'selector' => '{{selector}} .button',
'important' => true
],
'font' => [
'selector' => '{{selector}} .button',
'important' => true
],
'spacing' => [
'selector' => '{{selector}} .button',
'important' => true
],
'alignment' => [
'selector' => '{{selector}} .et_pb_module_inner > form'
]
]
],
'dropdownMenus' => [
'type' => 'object',
'elementType' => 'field',
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select',
'settings' => [
'advanced' => [
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 70,
'render' => true,
'groupSlug' => 'designDropdownMenus',
'attrName' =>
'dropdownMenus.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBorderGroup' => [
'render' => true,
'priority' => 75,
'groupSlug' => 'designDropdownMenus',
'component' => [
'props' => [
'grouped' => false,
'groupLabel' =>
'Dropdown Menus Focus',
'fieldLabel' =>
'Dropdown Menus Focus'
]
]
],
'focusBackgroundColor' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'designDropdownMenus',
'component' => [
'props' => [
'grouped' => false,
'groupLabel' =>
'Dropdown Menus Focus',
'fieldLabel' =>
'Dropdown Menus Focus'
]
]
],
'focusFont' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'designDropdownMenus',
'component' => [
'props' => [
'grouped' => false,
'groupLabel' =>
'Dropdown Menus Focus',
'fieldLabel' =>
'Dropdown Menus Focus',
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenus',
'attrName' =>
'dropdownMenus.decoration.background',
'subName' => 'color',
'label' => 'Dropdown Menus Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenus',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Dropdown Menus',
'fields' => [
'padding' => [
'render' => false
]
]
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenus',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Dropdown Menus',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenus',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Dropdown Menus',
'fields' => [
'radius' => [
'render' => false
]
]
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designDropdownMenus',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Dropdown Menus'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select',
'hover' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:hover'
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select',
'border-style' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select'
]
]
],
'important' => true
],
'boxShadow' => [
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select'
],
'font' => [
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select',
'hover' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:hover'
]
],
'important' => true
],
'focus' => [
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:focus',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:focus'
]
]
],
'focusBackground' => [
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:focus',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:focus'
]
]
],
'focusFont' => [
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select option:focus, {{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select + label',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select option:focus, {{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select + label',
'hover' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select + label:hover, {{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:hover'
]
]
],
'focusBorder' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:focus',
'border-style' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations td select:focus'
]
]
],
'important' => true
],
'spacing' => [
'important' => true,
'selector' => '{{selector}} select'
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showQuantity' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showQuantity',
'label' => 'Show Quantity Field',
'description' =>
'Here you can choose whether the quantity field should be added before the Add to Cart button.',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showStock' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showStock',
'label' => 'Show Stock',
'description' =>
'Here you can choose whether the stock (displayed when product inventory is managed) should be visible or not.',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'selector' =>
'{{selector}} input, {{selector}} .quantity input.qty',
'settings' => [
'advanced' => [
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBorderGroup' => [
'render' => false,
'groupSlug' => 'designFieldField'
],
'focusBackgroundColor' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false
]
]
],
'focusFont' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => false,
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Fields Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 5,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'groupLabel' => 'Field Text',
'fieldLabel' => 'Fields'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 200,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}} input, {{selector}} .quantity input.qty',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} input, {{selector}} .quantity input.qty',
'hover' =>
'{{selector}} input:hover, {{selector}} .quantity input.qty:hover'
]
]
],
'border' => [
'important' => true
],
'boxShadow' => [
'selector' => '{{selector}} input'
],
'font' => [
'important' => true
],
'spacing' => [
'important' => true
],
'focus' => [
'selector' =>
'{{selector}} input:focus, {{selector}} select:focus, {{selector}} .quantity input.qty:focus',
'selectors' => [
'desktop' => [
'value' =>
'{{selector}} input:focus, {{selector}} select:focus, {{selector}} .quantity input.qty:focus'
]
]
],
'focusBorder' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} input:focus, {{selector}} .quantity input.qty:focus',
'border-style' =>
'{{selector}} input:focus, {{selector}} .quantity input.qty:focus'
]
]
],
'important' => true
],
'placeholder' => [
'selector' =>
'{{selector}} input:focus::-webkit-input-placeholder, {{selector}} input:focus::-moz-placeholder, {{selector}} input:focus:-ms-input-placeholder, {{selector}} textarea:focus::-webkit-input-placeholder, {{selector}} textarea:focus::-moz-placeholder, {{selector}} textarea:focus:-ms-input-placeholder'
]
]
],
'fieldLabels' => [
'type' => 'object',
'settings' => [
'advanced' => [
'fieldLabelPosition' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'attrName' =>
'fieldLabels.advanced.fieldLabelPosition',
'label' => 'Fields Label Position',
'description' =>
'Set the position of the field labels.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'inline' => [
'label' => 'Inline'
],
'stacked' => [
'label' => 'Stacked'
]
]
]
]
]
]
],
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldLabel',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Field Labels',
'fieldLabel' => 'Field Labels'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_module .et_pb_module_inner form.cart .variations label, {{selector}} td.woocommerce-grouped-product-list-item__label a',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' => '{{selector}} th.label'
]
]
]
]
]
]
]
],
'customCssFields' => [
'fields' => [
'label' => 'Fields',
'subName' => 'fields',
'selectorSuffix' => ' input'
],
'dropdownMenus' => [
'label' => 'Dropdown Menus',
'subName' => 'dropdownMenus',
'selectorSuffix' => ' select'
],
'buttons' => [
'label' => 'Buttons',
'subName' => 'buttons',
'selectorSuffix' => ' .button'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentElements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designFieldLabel' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designFieldLabel',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Field Labels',
'presetGroup' => 'divi/font'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Fields',
'clipboardCategory' => 'style'
]
]
],
'designDropdownMenus' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'dropdownMenus',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Dropdown Menus'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'button',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
]
]
]
],
'woocommerce/product-additional-info' => [
'name' => 'divi/woocommerce-product-additional-info',
'd4Shortcode' => 'et_pb_wc_additional_info',
'moduleClassName' => 'et_pb_wc_additional_info',
'moduleOrderClassName' => 'et_pb_wc_additional_info',
'title' => 'Woo Product Information',
'titles' => 'Woo Product Information',
'moduleIcon' => 'divi/module-woocommerce-product-additional-info',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 100,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fieldLabel' => 'Text',
'groupLabel' => 'Text',
'fields' => [
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'groupLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} h2',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'fieldLabel' => 'Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' => '{{selector}} td',
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'line-height' => true
]
]
]
]
]
]
]
],
'attribute' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designAttributeText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Attribute',
'groupLabel' => 'Attribute'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} th',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}} th, {{selector}} td'
]
]
]
],
'important' => true
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showTitle' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showTitle',
'label' => 'Show Title',
'description' =>
'Here you can choose to display the title.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'table' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} table.shop_attributes',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' => 'table.decoration.background',
'subName' => 'color',
'label' => 'Table Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' => 'table.decoration.spacing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table',
'fields' => [
'padding' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' => 'table.decoration.border',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'attrName' => 'table.decoration.boxShadow',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} table.shop_attributes',
'border-style' =>
'{{selector}} table.shop_attributes'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} table.shop_attributes tr'
],
'background' => [
'selector' => '{{selector}} table.shop_attributes'
]
]
],
'tableCell' => [
'type' => 'object',
'elementType' => 'field',
'selector' =>
'{{selector}} table.shop_attributes tr th, {{selector}} table.shop_attributes tr td',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'attrName' => 'tableCell.decoration.background',
'subName' => 'color',
'label' => 'Table Cell Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'attrName' => 'tableCell.decoration.spacing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell',
'fields' => [
'margin' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'attrName' => 'tableCell.decoration.border',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'attrName' => 'tableCell.decoration.boxShadow',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} table.shop_attributes tr th, {{selector}} table.shop_attributes tr td',
'border-style' =>
'{{selector}} table.shop_attributes tr th,{{selector}} table.shop_attributes tr td'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} table.shop_attributes tr th, {{selector}} table.shop_attributes td'
],
'background' => [
'selector' =>
'{{selector}} table.shop_attributes tr th, {{selector}} table.shop_attributes td'
]
]
],
'tableRow' => [
'type' => 'object',
'elementType' => 'field',
'selector' =>
'{{selector}} table.shop_attributes tr th, {{selector}} table.shop_attributes tr td',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'attrName' => 'tableRow.decoration.background',
'subName' => 'color',
'label' => 'Table Row Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'attrName' => 'tableRow.decoration.spacing',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Row',
'fields' => [
'margin' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'attrName' => 'tableRow.decoration.border',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Row'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableRow',
'attrName' => 'tableRow.decoration.boxShadow',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Row'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} table.shop_attributes th, {{selector}} table.shop_attributes td',
'border-style' =>
'{{selector}} table.shop_attributes th, {{selector}} table.shop_attributes td'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} table.shop_attributes tr'
],
'background' => [
'selector' => '{{selector}} table.shop_attributes tr'
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h2'
],
'contentArea' => [
'label' => 'Content Area',
'subName' => 'contentArea',
'selectorSuffix' => ' .shop_attributes'
],
'attributeRow' => [
'label' => 'Attribute Row',
'subName' => 'attributeRow',
'selectorSuffix' =>
' .shop_attributes .woocommerce-product-attributes-item'
],
'attributeTitle' => [
'label' => 'Attribute Title',
'subName' => 'attributeTitle',
'selectorSuffix' =>
' .shop_attributes .woocommerce-product-attributes-item__label'
],
'attributeText' => [
'label' => 'Attribute Body',
'subName' => 'attributeText',
'selectorSuffix' =>
' .shop_attributes .woocommerce-product-attributes-item__value'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font-body'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designAttributeText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designAttributeText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Attribute Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font'
]
]
],
'designTable' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designTable',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table'
]
]
],
'designTableRow' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designTableRow',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Row'
]
]
],
'designTableCell' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'designTableCell',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Table Cell'
]
]
]
]
]
],
'woocommerce/product-description' => [
'name' => 'divi/woocommerce-product-description',
'd4Shortcode' => 'et_pb_wc_description',
'moduleClassName' => 'et_pb_wc_description',
'moduleOrderClassName' => 'et_pb_wc_description',
'title' => 'Woo Product Description',
'titles' => 'Woo Product Description',
'moduleIcon' => 'divi/module-woocommerce-product-description',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'spacing' => [
'selector' => '{{selector}}',
'important' => true
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
],
'descriptionType' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' =>
'content.advanced.descriptionType',
'label' => 'Description Type',
'description' =>
'Here you can choose between Description and short description to display.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'description' => [
'label' => 'Description'
],
'short_description' => [
'label' => 'Short Description'
]
]
]
]
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'fieldLabel' => 'Text'
]
],
'fields' => [
'body' => [
'textAlign' => [
'render' => true
]
],
'link' => [
'textAlign' => [
'render' => false
]
],
'ul' => [
'textAlign' => [
'render' => true
]
],
'ol' => [
'textAlign' => [
'render' => true
]
],
'quote' => [
'textAlign' => [
'render' => true
],
'quoteStylesLeftWidth' => [
'render' => false
],
'quoteStylesLeftColor' => [
'render' => false
]
]
]
]
]
]
],
'headingFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designHeading',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-header',
'props' => [
'grouped' => false,
'groups' => [
'h1' => [
'fieldLabel' => 'Heading'
],
'h2' => [
'fieldLabel' => 'Heading 2'
],
'h3' => [
'fieldLabel' => 'Heading 3'
],
'h4' => [
'fieldLabel' => 'Heading 4'
],
'h5' => [
'fieldLabel' => 'Heading 5'
],
'h6' => [
'fieldLabel' => 'Heading 6'
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'propertySelectors' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'line-height' => '{{selector}} p',
'color' =>
'{{selector}}.et_pb_wc_description',
'font-family' =>
'{{selector}}.et_pb_wc_description',
'font-weight' =>
'{{selector}}.et_pb_wc_description',
'font-size' =>
'{{selector}}.et_pb_wc_description',
'text-align' =>
'{{selector}}.et_pb_wc_description'
]
]
]
],
'link' => [
'font' => [
'desktop' => [
'value' => [
'font-family' => '{{selector}}',
'font-weight' => '{{selector}}',
'font-size' => '{{selector}}',
'line-height' => '{{selector}}',
'text-align' => '{{selector}}',
'color' =>
'{{selector}}.et_pb_wc_description',
'text-decoration-line' =>
'{{selector}}.et_pb_wc_description',
'text-decoration-style' =>
'{{selector}}.et_pb_wc_description'
]
]
]
],
'ul' => [
'desktop' => [
'value' => [
'font-family' => '{{selector}} ul',
'font-weight' => '{{selector}} ul',
'font-size' => '{{selector}} ul',
'text-align' => '{{selector}} ul',
'padding-left' => '{{selector}} ul',
'color' =>
'{{selector}}.et_pb_wc_description ul',
'line-height' => '{{selector}} ul li',
'list-style-type' =>
'{{selector}} ul li',
'list-style-position' =>
'{{selector}} ul li'
]
]
],
'ol' => [
'desktop' => [
'value' => [
'font-family' => '{{selector}} ol',
'font-weight' => '{{selector}} ol',
'font-size' => '{{selector}} ol',
'text-align' => '{{selector}} ol',
'padding-left' => '{{selector}} ol',
'color' =>
'{{selector}}.et_pb_wc_description ol',
'line-height' => '{{selector}} ol li',
'list-style-type' =>
'{{selector}} ol li',
'list-style-position' =>
'{{selector}} ol li'
]
]
],
'quote' => [
'desktop' => [
'value' => [
'font-family' =>
'{{selector}} blockquote',
'font-weight' =>
'{{selector}} blockquote',
'font-size' =>
'{{selector}} blockquote',
'font-style' =>
'{{selector}} blockquote',
'line-height' =>
'{{selector}} blockquote',
'text-align' =>
'{{selector}} blockquote',
'color' =>
'{{selector}}.et_pb_wc_description blockquote'
]
]
]
]
],
'headingFont' => [
'selector' => '{{selector}}.et_pb_wc_description'
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'multiElements' => true,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designHeading' => [
'panel' => 'design',
'priority' => 20,
'multiElements' => true,
'groupName' => 'designHeading',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Heading Text',
'presetGroup' => 'divi/font-header'
]
]
]
]
]
],
'woocommerce/product-gallery' => [
'name' => 'divi/woocommerce-product-gallery',
'd4Shortcode' => 'et_pb_wc_gallery',
'moduleClassName' => 'et_pb_wc_gallery et_pb_gallery',
'moduleOrderClassName' => 'et_pb_wc_gallery',
'title' => 'Woo Product Gallery',
'titles' => 'Woo Product Gallery',
'moduleIcon' => 'divi/module-woocommerce-product-gallery',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'advancedScrollModule',
'component' => [
'type' => 'group',
'name' => 'divi/scroll',
'props' => [
'grouped' => false,
'fields' => [
'gridMotion' => [
'render' => true
]
]
]
]
]
],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'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'
]
]
]
],
'text' => [
'selector' =>
'{{selector}}.et_pb_gallery.et_pb_gallery_grid'
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'groupLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_gallery .et_pb_gallery_title',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'image' => [
'type' => 'object',
'settings' => [
'advanced' => [
'galleryIds' => [],
'galleryOrderby' => [],
'postsNumber' => [],
'galleryCaptions' => []
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => false,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => false,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'selector' =>
'{{selector}}.et_pb_gallery .et_pb_gallery_image'
],
'boxShadow' => [
'selector' =>
'{{selector}}.et_pb_gallery .et_pb_gallery_image',
'useOverlay' => true
],
'filters' => [
'selector' => '{{selector}} .et_pb_gallery_image img'
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field'
]
]
],
'showPagination' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.showPagination',
'label' => 'Show Pagination',
'description' =>
'Enable or disable pagination for this feed.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showTitleAndCaption' => [
'groupType' => 'group-item',
'item' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' =>
'content.advanced.showTitleAndCaption',
'label' => 'Show Title and Caption',
'description' =>
'Whether or not to show the title and caption for images (if available).',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'postsNumber' => []
]
]
],
'caption' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCaptionText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Caption',
'groupLabel' => 'Caption'
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_gallery .mfp-title, {{selector}}.et_pb_gallery .et_pb_gallery_caption',
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'layout' => [
'type' => 'object',
'settings' => [
'advanced' => [
'fullwidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'layout.advanced.fullwidth',
'label' => 'Layout',
'description' =>
'Toggle between the various gallery layout types.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'off' => [
'label' => 'Grid'
],
'on' => [
'label' => 'Slider'
]
]
]
]
]
],
'orientation' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'layout.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.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'landscape' => [
'label' => 'Landscape'
],
'portrait' => [
'label' => 'Portrait'
]
]
]
]
]
]
]
]
],
'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'
]
]
]
]
]
]
]
]
],
'pagination' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPaginationText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Pagination',
'groupLabel' => 'Pagination'
]
]
]
]
]
],
'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
]
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_overlay',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Overlay Background Color',
'description' =>
'Here you can define a custom color for the overlay.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'overlayIcon' => [
'type' => 'object',
'selector' => '{{selector}} .et_overlay::before',
'styleProps' => [
'icon' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'subName' => 'color',
'label' => 'Overlay Icon Color',
'description' =>
'Here you can define a custom color for the overlay icon.',
'priority' => 20,
'render' => true,
'features' => [
'hover' => false,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'icon' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'label' => 'Overlay Icon',
'description' =>
'Here you can define a custom icon for the overlay.',
'priority' => 40,
'render' => true,
'features' => [
'hover' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
]
]
]
]
]
],
'customCssFields' => [
'galleryItem' => [
'label' => 'Gallery Item',
'subName' => 'galleryItem',
'selectorSuffix' => ' .et_pb_gallery_item'
],
'galleryPagination' => [
'label' => 'Gallery Pagination',
'subName' => 'galleryPagination',
'selectorSuffix' => ' .et-pb-controllers a'
],
'galleryPaginationActive' => [
'label' => 'Pagination Active Page',
'subName' => 'galleryPaginationActive',
'selectorSuffix' => ' .et-pb-controllers a.et-pb-active-control'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designCaptionText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designCaptionText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Caption Text',
'presetGroup' => 'divi/font'
]
]
],
'designPaginationText' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designPaginationText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Pagination Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/product-images' => [
'name' => 'divi/woocommerce-product-images',
'd4Shortcode' => 'et_pb_wc_images',
'moduleClassName' => 'et_pb_wc_images',
'moduleOrderClassName' => 'et_pb_wc_images',
'title' => 'Woo Product Images',
'titles' => 'Woo Product Images',
'moduleIcon' => 'divi/module-woocommerce-product-images',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'loop' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSizing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => false
]
]
]
],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
]
],
'image' => [
'type' => 'object',
'settings' => [
'advanced' => [
'forceFullwidth' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.advanced.forceFullwidth',
'label' => 'Force Fullwidth',
'description' =>
'When enabled, this will force your image to extend 100% of the width of the column it\'s in.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'features' => [
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
],
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.boxShadow',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.filters',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} div.images ol.flex-control-thumbs.flex-control-nav li, {{selector}} .flex-viewport, {{selector}} .woocommerce-product-gallery--without-images .woocommerce-product-gallery__wrapper, {{selector}} .woocommerce-product-gallery > div:not(.flex-viewport) .woocommerce-product-gallery__image, {{selector}} .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image, {{selector}} .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image',
'border-style' =>
'{{selector}} div.images ol.flex-control-thumbs.flex-control-nav li, {{selector}} .flex-viewport, {{selector}} .woocommerce-product-gallery--without-images .woocommerce-product-gallery__wrapper, {{selector}} .woocommerce-product-gallery > div:not(.flex-viewport) .woocommerce-product-gallery__image, {{selector}} .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} div.images ol.flex-control-thumbs.flex-control-nav li, {{selector}} .flex-viewport, {{selector}} .woocommerce-product-gallery--without-images .woocommerce-product-gallery__wrapper, {{selector}} .woocommerce-product-gallery > div:not(.flex-viewport) .woocommerce-product-gallery__image, {{selector}} .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image'
],
'spacing' => [
'selector' =>
'{{selector}} div.images ol.flex-control-thumbs.flex-control-nav li, {{selector}} .flex-viewport, {{selector}} .woocommerce-product-gallery--without-images .woocommerce-product-gallery__wrapper, {{selector}} .woocommerce-product-gallery > div:not(.flex-viewport) .woocommerce-product-gallery__image, {{selector}} .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image'
],
'sizing' => [
'selector' =>
'{{selector}} div.images ol.flex-control-thumbs.flex-control-nav li, {{selector}} .flex-viewport, {{selector}} .woocommerce-product-gallery--without-images .woocommerce-product-gallery__wrapper, {{selector}} .woocommerce-product-gallery > div:not(.flex-viewport) .woocommerce-product-gallery__image, {{selector}} .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image'
],
'filters' => [
'selector' =>
'{{selector}} div.images ol.flex-control-thumbs.flex-control-nav li, {{selector}} .flex-viewport, {{selector}} .woocommerce-product-gallery--without-images .woocommerce-product-gallery__wrapper, {{selector}} .woocommerce-product-gallery > div:not(.flex-viewport) .woocommerce-product-gallery__image, {{selector}} .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
]
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showProductImage' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showProductImage',
'label' => 'Show Featured Image',
'description' =>
'Here you can chose whether product image should be displayed or not.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showProductGallery' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showProductGallery',
'label' => 'Show Gallery Images',
'description' =>
'Here you can chose whether product gallery should be displayed or not.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showSaleBadge' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showSaleBadge',
'label' => 'Show Sale Badge',
'description' =>
'Here you can chose whether Sale Badge should be displayed or not.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'saleBadge' => [
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.background',
'subName' => 'color',
'label' => 'Sale Badge Color',
'description' =>
'Pick a color to use for the sale badge that appears on products that are on sale.',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.font',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.spacing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Spacing'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.border',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.boxShadow',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} span.onsale',
'background' => [
'important' => true
],
'spacing' => [
'important' => true
],
'font' => [
'selector' =>
'{{selector}} .et_pb_module_inner span.onsale',
'important' => true
],
'border' => [
'important' => true
],
'boxShadow' => [
'important' => true
]
]
],
'galleryGrid' => [
'type' => 'object',
'selector' =>
'{{selector}} ol.flex-control-thumbs.flex-control-nav',
'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'
]
]
]
]
]
]
]
],
'styleProps' => [
'layout' => [
'important' => true
]
]
]
],
'customCssFields' => [],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designSaleBadgeText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designSaleBadgeText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Badge'
]
]
],
'designSizing' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'sizing',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sizing',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/sizing'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout'
]
]
]
]
]
],
'woocommerce/product-meta' => [
'name' => 'divi/woocommerce-product-meta',
'd4Shortcode' => 'et_pb_wc_meta',
'moduleClassName' => 'et_pb_wc_meta',
'moduleOrderClassName' => 'et_pb_wc_meta',
'title' => 'Woo Product Meta',
'titles' => 'Woo Product Meta',
'moduleIcon' => 'divi/module-woocommerce-product-meta',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'background' => [
'featureSelectors' => [
'video' => [
'desktop' => [
'value' =>
'{{selector}} > .et_pb_background_video'
]
],
'mask' => [
'desktop' => [
'value' =>
'{{selector}} > .et_pb_background_mask'
]
],
'pattern' => [
'desktop' => [
'value' =>
'{{selector}} > .et_pb_background_pattern'
]
]
],
'selector' => '{{selector}} .product_meta'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .product_meta',
'border-style' =>
'{{selector}} .product_meta'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} .product_meta'
],
'spacing' => [
'selector' => '{{selector}} .product_meta',
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
],
'separator' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.separator',
'label' => 'Separator',
'description' =>
'Here you can set the separator.',
'category' => 'basic_option',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'text'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false,
'groups' => [
'body' => [
'fieldLabel' => 'Meta'
],
'ul' => [
'render' => false
],
'ol' => [
'render' => false
],
'quote' => [
'render' => false
]
],
'fields' => [
'link' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' => '{{selector}} div.product_meta'
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showSku' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showSku',
'label' => 'Show SKU',
'description' =>
'Here you can choose whether the SKU should be added.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showCategories',
'label' => 'Show Categories',
'description' =>
'Here you can choose whether the Categories should be added.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showTags' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showTags',
'label' => 'Show Tags',
'description' =>
'Here you can choose whether the Tags should be added.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'layout' => [
'type' => 'object',
'settings' => [
'advanced' => [
'metaLayout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'layout.advanced.metaLayout',
'label' => 'Meta Layout',
'description' =>
'Here you can choose how to position the product meta.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'stacked' => [
'label' => 'Stacked'
],
'inline' => [
'label' => 'Inline'
]
]
]
]
]
]
]
]
]
],
'customCssFields' => [
'metaText' => [
'label' => 'Meta Text',
'subName' => 'metaText',
'selectorSuffix' => ' .product_meta, .product_meta a'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/font-body'
]
]
]
]
]
],
'woocommerce/product-price' => [
'name' => 'divi/woocommerce-product-price',
'd4Shortcode' => 'et_pb_wc_price',
'moduleClassName' => 'et_pb_wc_price',
'moduleOrderClassName' => 'et_pb_wc_price',
'title' => 'Woo Product Price',
'titles' => 'Woo Product Price',
'moduleIcon' => 'divi/module-woocommerce-product-price',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => false
],
'color' => [
'render' => false
],
'orientation' => [
'render' => true
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'hover' => false
],
'component' => [
'type' => 'field'
]
]
]
]
]
],
'price' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Price Text',
'fieldLabel' => 'Price',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} .price',
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true,
'font-size' => true
]
]
]
]
]
]
],
'saleNewPrice' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleNewPriceText',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Sale New Price Text',
'fieldLabel' => 'Sale New Price',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} .price ins .amount'
]
]
],
'saleOldPrice' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleOldPriceText',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Sale Old Price Text',
'fieldLabel' => 'Sale Old Price',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} .price del'
]
]
]
],
'customCssFields' => [
'price' => [
'label' => 'Price',
'subName' => 'price',
'selectorSuffix' => ' .price'
],
'beforeSalePrice' => [
'label' => 'Sale Old Price',
'subName' => 'beforeSalePrice',
'selectorSuffix' => ' .price del'
],
'salePrice' => [
'label' => 'Sale New Price',
'subName' => 'salePrice',
'selectorSuffix' => ' .price ins'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designPriceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font'
]
]
],
'designSaleOldPriceText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designSaleOldPriceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Old Price Text',
'presetGroup' => 'divi/font'
]
]
],
'designSaleNewPriceText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designSaleNewPriceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale New Price Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/product-rating' => [
'name' => 'divi/woocommerce-product-rating',
'd4Shortcode' => 'et_pb_wc_rating',
'moduleClassName' => 'et_pb_wc_rating',
'moduleOrderClassName' => 'et_pb_wc_rating',
'title' => 'Woo Product Rating',
'titles' => 'Woo Product Rating',
'moduleIcon' => 'divi/module-woocommerce-product-rating',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => false
],
'color' => [
'render' => false
],
'orientation' => [
'render' => true
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'spacing' => [
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
]
]
]
],
'body' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Text',
'fieldLabel' => 'Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} a.woocommerce-review-link'
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showRating' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showRating',
'label' => 'Show Star Rating',
'description' =>
'Here you can choose whether the star rating should be added.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showReviewsLink' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showReviewsLink',
'label' => 'Show Customer Reviews Count',
'description' =>
'Here you can choose whether the custom reviews link should be added.',
'category' => 'configuration',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'layout' => [
'type' => 'object',
'settings' => [
'advanced' => [
'layout' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designLayout',
'attrName' => 'layout.advanced.layout',
'label' => 'Rating Layout',
'description' =>
'Here you can choose where to place the reviews link.',
'category' => 'layout',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'stacked' => [
'label' => 'Stacked'
],
'inline' => [
'label' => 'Inline'
]
]
]
]
]
]
]
]
],
'rating' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designStarRating',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Star Rating',
'groupLabel' => 'Star Rating',
'fields' => [
'family' => [
'render' => false
],
'weight' => [
'render' => false
],
'style' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .woocommerce-product-rating .star-rating',
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .woocommerce-product-rating .star-rating > span:before',
'text-align' =>
'{{selector}} .woocommerce-product-rating'
]
]
]
]
]
]
]
],
'customCssFields' => [
'text' => [
'label' => 'Text',
'subName' => 'text',
'selectorSuffix' => ' a.woocommerce-review-link'
],
'starRatingText' => [
'label' => 'Star Rating',
'subName' => 'starRatingText',
'selectorSuffix' => ' .woocommerce-product-rating .star-rating'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'contentElements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designLayout' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designLayout',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Layout'
]
]
],
'designStarRating' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designStarRating',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Star Rating'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/product-reviews' => [
'name' => 'divi/woocommerce-product-reviews',
'd4Shortcode' => 'et_pb_wc_reviews',
'moduleClassName' => 'et_pb_wc_reviews',
'moduleOrderClassName' => 'et_pb_wc_reviews',
'title' => 'Woo Product Reviews',
'titles' => 'Woo Product Reviews',
'moduleIcon' => 'divi/module-woocommerce-product-reviews',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
]
],
'image' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_wc_reviews #reviews #comments ol.commentlist li img.avatar',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.boxShadow',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.filters',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_wc_reviews #reviews #comments ol.commentlist li img.avatar',
'border-style' =>
'{{selector}}.et_pb_wc_reviews #reviews #comments ol.commentlist li img.avatar'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}}.et_pb_wc_reviews #reviews #comments ol.commentlist li img.avatar'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'field'
]
]
]
]
]
],
'button' => [
'type' => 'object',
'elementType' => 'button',
'selector' =>
'{{selector}}.et_pb_comments_module .et_pb_button',
'settings' => [
'decoration' => [
'button' => [
'groupType' => 'group-items',
'items' => [
'button' => [
'groupSlug' => 'designButton',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/button',
'props' => [
'grouped' => false,
'fieldLabel' => 'Button',
'attrName' => 'button',
'fields' => [
'alignment' => [
'render' => true
],
'backgroundGroup' => [
'component' => [
'props' => [
'hidePanels' => [
'mask',
'pattern',
'video'
]
]
]
],
'fontGroup' => [
'component' => [
'props' => [
'fields' => [
'lineHeight' => [
'render' => false
],
'textAlign' => [
'render' => false
]
]
]
]
],
'borderGroup' => [
'component' => [
'props' => [
'fields' => [
'styles' => [
'render' => false
]
]
]
]
]
]
]
]
]
]
]
]
],
'styleProps' => [
'boxShadow' => [
'selector' => '{{selector}} .et_pb_button'
],
'alignment' => [
'selector' => '{{selector}} .form-submit'
],
'background' => [
'selector' => '{{selector}} .et_pb_button'
],
'spacing' => [
'important' => true,
'selector' => '{{selector}} .et_pb_button'
],
'font' => [
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
],
'button' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'text-align' => '{{selector}} .form-submit'
]
]
]
]
]
],
'comment' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designCommentText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Comment',
'groupLabel' => 'Comment'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} .comment-text .description'
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showAvatar' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showAvatar',
'label' => 'Show Author Avatar',
'description' =>
'Disabling the author avatar will remove the profile picture from the module.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showCount' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showCount',
'label' => 'Show Comment Count',
'description' =>
'Disabling the comment count will remove the number of comments from the top of the module.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showMeta' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showMeta',
'label' => 'Show Meta',
'description' => 'Turn meta on or off.',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showRating' => [
'groupType' => 'group-item',
'item' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showRating',
'label' => 'Show Rating',
'description' => 'Turn rating on or off',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [
'focusUseBorder' => [
'groupType' => 'group-item',
'item' => [
'priority' => 100,
'render' => true,
'groupSlug' => 'designFieldField',
'attrName' => 'field.advanced.focusUseBorder',
'label' => 'Use Focus Borders',
'description' =>
'Enabling this option will add borders to input fields when focused.',
'features' => [
'preset' => ['html']
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'focus' => [
'groupType' => 'group-items',
'items' => [
'focusBorderGroup' => [
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true
]
]
],
'focusBackgroundColor' => [
'priority' => 5,
'render' => true,
'groupSlug' => 'designFieldField'
],
'focusFont' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'designFieldField',
'component' => [
'props' => [
'grouped' => true,
'fields' => [
'letterSpacing' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'size' => [
'render' => false
]
]
]
]
]
]
]
],
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'attrName' => 'field.decoration.background',
'subName' => 'color',
'label' => 'Fields Background Color',
'description' =>
'Pick a color to fill the module\'s input fields.',
'priority' => 5,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields',
'groupLabel' => 'Field Text'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFieldField',
'priority' => 200,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Fields'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} #commentform textarea:focus, {{selector}} #commentform input[type=\'text\']:focus, {{selector}} #commentform input[type=\'email\']:focus, {{selector}} #commentform input[type=\'url\']:focus',
'border-style' =>
'{{selector}} #commentform textarea:focus, {{selector}} #commentform input[type=\'text\']:focus, {{selector}} #commentform input[type=\'email\']:focus, {{selector}} #commentform input[type=\'url\']:focus'
]
]
]
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'margin' =>
'{{selector}} #review_form #respond #commentform .comment-form-comment, {{selector}} #review_form #respond #commentform .comment-form-author, {{selector}} #review_form #respond #commentform .comment-form-email, {{selector}} #review_form #respond #commentform .comment-form-url'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} #commentform textarea, {{selector}} #commentform input[type=\'text\'], {{selector}} #commentform input[type=\'email\'], {{selector}} #commentform input[type=\'url\']'
],
'font' => [
'selector' =>
'{{selector}} #commentform textarea, {{selector}} #commentform input[type=\'text\'], {{selector}} #commentform input[type=\'email\'], {{selector}} #commentform input[type=\'url\']'
]
]
],
'formTitle' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Form Title',
'groupLabel' => 'Form Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} .comment-reply-title'
]
]
],
'meta' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designMetaText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Meta',
'groupLabel' => 'Meta',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} #reviews #comments ol.commentlist li .comment-text p.meta, {{selector}} .comment-form-rating label',
'important' => true
]
]
],
'reviewCount' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designReviewCountText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Review Count',
'fieldLabel' => 'Review Count',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} h1.woocommerce-Reviews-title, {{selector}} h2.woocommerce-Reviews-title, {{selector}} h3.woocommerce-Reviews-title, {{selector}} h4.woocommerce-Reviews-title, {{selector}} h5.woocommerce-Reviews-title, {{selector}} h6.woocommerce-Reviews-title'
]
]
],
'starRating' => [
'type' => 'object',
'selector' =>
'{{selector}} .star-rating, {{selector}} .comment-form-rating p.stars a',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designStarRating',
'attrName' => 'starRating.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Star Rating',
'groupLabel' => 'Star Rating',
'fields' => [
'family' => [
'render' => false
],
'weight' => [
'render' => false
],
'style' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .star-rating, {{selector}} .comment-form-rating p.stars a',
'propertySelectors' => [
'font' => [
'desktop' => [
'hover' => [
'color' =>
'{{selector}} .star-rating:hover > span:before, {{selector}} .comment-form-rating p.stars:hover a',
'letter-spacing' =>
'{{selector}} .star-rating:hover, {{selector}} .comment-form-rating p.stars:hover'
],
'value' => [
'color' =>
'{{selector}} .star-rating > span:before, {{selector}} .comment-form-rating p.stars a',
'letter-spacing' =>
'{{selector}} .star-rating, {{selector}} .comment-form-rating p.stars',
'text-align' =>
'{{selector}} .star-rating, {{selector}} .comment-form-rating p.stars'
]
]
]
]
]
]
]
],
'customCssFields' => [
'commentBody' => [
'label' => 'Review Body',
'subName' => 'commentBody',
'selectorSuffix' => ' .comment_container'
],
'commentMeta' => [
'label' => 'Review Meta',
'subName' => 'commentMeta',
'selectorSuffix' =>
' #reviews #comments ol.commentlist li .comment-text p.meta'
],
'commentContent' => [
'label' => 'Review Rating',
'subName' => 'commentContent',
'selectorSuffix' => ' .comment-form-rating'
],
'commentAvatar' => [
'label' => 'Review Avatar',
'subName' => 'commentAvatar',
'selectorSuffix' =>
' #reviews #comments ol.commentlist li img.avatar'
],
'newTitle' => [
'label' => 'New Review Title',
'subName' => 'newTitle',
'selectorSuffix' => ' #reply-title'
],
'messageField' => [
'label' => 'Message Field',
'subName' => 'messageField',
'selectorSuffix' => ' .comment-form-comment textarea#comment'
],
'nameField' => [
'label' => 'Name Field',
'subName' => 'nameField',
'selectorSuffix' => ' .comment-form-author input#author'
],
'emailField' => [
'label' => 'Email Field',
'subName' => 'emailField',
'selectorSuffix' => ' .comment-form-email input#email'
],
'mainHeader' => [
'label' => 'Reviews Count',
'subName' => 'mainHeader',
'selectorSuffix' => ' .woocommerce-Reviews-title'
],
'submitButton' => [
'label' => 'Submit Button',
'subName' => 'submitButton',
'selectorSuffix' => ' #submit'
]
],
'settings' => [
'content' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Fields'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designReviewCountText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designReviewCountText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Review Count Text',
'presetGroup' => 'divi/font'
]
]
],
'designFormTitleText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designFormTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Form Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designMetaText' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designMetaText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Meta Text',
'presetGroup' => 'divi/font'
]
]
],
'designCommentText' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designCommentText',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Comment Text',
'presetGroup' => 'divi/font'
]
]
],
'designStarRating' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designStarRating',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Star Rating',
'presetGroup' => 'divi/font'
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designButton',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Button',
'presetGroup' => 'divi/button'
]
]
]
]
]
],
'woocommerce/product-stock' => [
'name' => 'divi/woocommerce-product-stock',
'd4Shortcode' => 'et_pb_wc_stock',
'moduleClassName' => 'et_pb_wc_stock',
'moduleOrderClassName' => 'et_pb_wc_stock',
'title' => 'Woo Product Stock',
'titles' => 'Woo Product Stock',
'moduleIcon' => 'divi/module-woocommerce-product-stock',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => false
],
'color' => [
'render' => false
],
'orientation' => [
'render' => true
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_featured_bg,{{selector}}',
'border-style' =>
'{{selector}}.et_pb_featured_bg,{{selector}}'
]
]
]
],
'background' => [
'selector' =>
'{{selector}}, {{selector}}.et_pb_featured_bg'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'hover' => false
],
'component' => [
'type' => 'field'
]
]
]
]
]
],
'inStock' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designInStockText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'In Stock',
'fieldLabel' => 'In Stock'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .et_pb_module_inner .stock.in-stock'
]
]
],
'onBackorder' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOnBackorderText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'On Backorder',
'fieldLabel' => 'On Backorder'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' => '{{selector}} .available-on-backorder'
]
]
],
'outOfStock' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOutOfStockText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Out Of Stock',
'fieldLabel' => 'Out Of Stock'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} .et_pb_module_inner .stock.out-of-stock'
]
]
]
],
'customCssFields' => [
'instockText' => [
'label' => 'In Stock Text',
'subName' => 'instockText',
'selectorSuffix' => ' .in-stock'
],
'outofstockText' => [
'label' => 'Out of Stock Text',
'subName' => 'outofstockText',
'selectorSuffix' => ' .out-of-stock'
],
'backorderText' => [
'label' => 'On Backorder Text',
'subName' => 'backorderText',
'selectorSuffix' => ' .available-on-backorder'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designInStockText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designInStockText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'In Stock Text',
'presetGroup' => 'divi/font'
]
]
],
'designOutOfStockText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOutOfStockText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Out Of Stock Text',
'presetGroup' => 'divi/font'
]
]
],
'designOnBackorderText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOnBackorderText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'On Backorder Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/product-tabs' => [
'name' => 'divi/woocommerce-product-tabs',
'd4Shortcode' => 'et_pb_wc_tabs',
'moduleClassName' => 'et_pb_wc_tabs',
'moduleOrderClassName' => 'et_pb_wc_tabs',
'title' => 'Woo Product Tabs',
'titles' => 'Woo Product Tabs',
'moduleIcon' => 'divi/module-woocommerce-product-tabs',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_tabs',
'settings' => [
'advanced' => [
'html' => [],
'link' => []
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_tabs .et_pb_all_tabs'
],
'border' => [
'selector' => '{{selector}}.et_pb_tabs'
],
'spacing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'padding' =>
'{{selector}}.et_pb_tabs .et_pb_tab'
]
]
],
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'content' => [
'type' => 'object',
'selector' => '{{selector}}.et_pb_tabs .et_pb_all_tabs',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
],
'includeTabs' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.includeTabs',
'label' => 'Included Tabs',
'description' =>
'Here you can select the tabs that you would like to display.',
'category' => 'configuration',
'priority' => 20,
'render' => true,
'visible' => true,
'features' => [
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/checkboxes',
'props' => [
'options' => [],
'value' => []
]
]
]
]
],
'decoration' => [
'bodyFont' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designBodyText',
'attrName' => 'content.decoration.bodyFont',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font-body',
'props' => [
'grouped' => false
]
]
]
]
]
],
'styleProps' => [
'bodyFont' => [
'selector' =>
'{{selector}}.et_pb_tabs .et_pb_all_tabs .et_pb_tab',
'propertySelectors' => [
'body' => [
'desktop' => [
'value' => [
'line-height' =>
'{{selector}}.et_pb_tabs .et_pb_tab p'
]
]
],
'list' => [
'desktop' => [
'value' => [
'padding-left' =>
'{{selector}}.et_pb_tabs .et_pb_all_tabs .et_pb_tab ul'
]
]
]
],
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
]
],
'activeTab' => [
'selector' =>
'{{selector}} .et_pb_tabs_controls li.et_pb_tab_active',
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTabText',
'attrName' => 'activeTab.decoration.background',
'subName' => 'color',
'label' => 'Active Tab Background Color',
'description' =>
'Here you can set the background color for the active tab.',
'priority' => 10,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTabText',
'attrName' => 'activeTab.decoration.font.font',
'label' => 'Active Tab Text Color',
'description' =>
'Here you can set the font for the active tab.',
'subName' => 'color',
'priority' => 30,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}}.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active a'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
],
'inactiveTab' => [
'type' => 'object',
'selector' => '{{selector}} .et_pb_tabs_controls li',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTabText',
'attrName' =>
'inactiveTab.decoration.background',
'subName' => 'color',
'label' => 'Inactive Tab Background Color',
'description' =>
'Here you can set the background color for the inactive tab.',
'priority' => 20,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'tab' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_tabs .et_pb_tabs_controls li, {{selector}}.et_pb_tabs .et_pb_tabs_controls li a',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTabText',
'attrName' => 'tab.decoration.font',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Tab',
'fieldLabel' => 'Tab',
'fields' => [
'textAlign' => [
'render' => false
],
'color' => [
'render' => true,
'priority' => 5
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'color' =>
'{{selector}} .et_pb_tabs_controls li a'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
]
],
'customCssFields' => [
'tabsControls' => [
'label' => 'Tabs Controls',
'subName' => 'tabsControls',
'selectorSuffix' => ' .et_pb_tabs_controls'
],
'tab' => [
'label' => 'Tab',
'subName' => 'tab',
'selectorSuffix' => ' .et_pb_tabs_controls li'
],
'activeTab' => [
'label' => 'Active Tab',
'subName' => 'activeTab',
'selectorSuffix' => ' .et_pb_tabs_controls li.et_pb_tab_active'
],
'tabsContent' => [
'label' => 'Tabs Content',
'subName' => 'tabsContent',
'selectorSuffix' => ' .et_pb_tab'
]
],
'settings' => [
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designBodyText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body'
]
]
],
'designTabText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTabText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Tab Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/product-title' => [
'name' => 'divi/woocommerce-product-title',
'd4Shortcode' => 'et_pb_wc_title',
'moduleClassName' => 'et_pb_wc_title',
'moduleOrderClassName' => 'et_pb_wc_title',
'title' => 'Woo Product Title',
'titles' => 'Woo Product Title',
'moduleIcon' => 'divi/module-woocommerce-product-title',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'loop' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 90,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'textShadowGroup' => [
'render' => false
],
'orientation' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_featured_bg,{{selector}}',
'border-style' =>
'{{selector}}.et_pb_featured_bg,{{selector}}'
]
]
]
],
'background' => [
'selector' =>
'{{selector}}, {{selector}}.et_pb_featured_bg'
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'groupLabel' => 'Title Text',
'fieldLabel' => 'Title',
'fields' => [
'headingLevel' => [
'render' => true
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} h1, {{selector}} h2, {{selector}} h3, {{selector}} h4, {{selector}} h5, {{selector}} h6'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => false,
'hover' => false
],
'component' => [
'type' => 'field'
]
]
]
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h1, h2, h3, h4, h5, h6'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 49,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/product-upsell' => [
'name' => 'divi/woocommerce-product-upsell',
'd4Shortcode' => 'et_pb_wc_upsells',
'moduleClassName' => 'et_pb_wc_upsells',
'moduleOrderClassName' => 'et_pb_wc_upsells',
'title' => 'Woo Product Upsell',
'titles' => 'Woo Product Upsells',
'moduleIcon' => 'divi/module-woocommerce-product-upsell',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'border' => [
'selector' => '{{selector}}.et_pb_wc_upsells .product'
],
'boxShadow' => [
'selector' => '{{selector}} .product'
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 110,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'groupLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} section.products > h1, {{selector}} section.products > h2, {{selector}} section.products > h3, {{selector}} section.products > h4, {{selector}} section.products > h5, {{selector}} section.products > h6'
]
]
],
'image' => [
'type' => 'object',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'selector' => '{{selector}}.et_pb_module .et_shop_image'
],
'boxShadow' => [
'selector' => '{{selector}} .et_shop_image'
],
'spacing' => [
'selector' => '{{selector}} .et_shop_image'
],
'filters' => [
'selector' => '{{selector}} .et_shop_image'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.product',
'label' => 'Product',
'description' =>
'Here you can select the Product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
],
'postsNumber' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.postsNumber',
'label' => 'Product Count',
'description' =>
'Define the number of products that should be displayed per page.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'columnsNumber' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.columnsNumber',
'label' => 'Column Layout',
'description' =>
'Choose how many columns to display.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'1' => [
'label' => '1 Column'
],
'2' => [
'label' => '2 Columns'
],
'3' => [
'label' => '3 Columns'
],
'4' => [
'label' => '4 Columns'
],
'5' => [
'label' => '5 Columns'
],
'6' => [
'label' => '6 Columns'
]
]
]
]
]
],
'orderby' => [
'groupType' => 'group-item',
'item' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.orderby',
'label' => 'Order',
'description' =>
'Choose how your products should be ordered.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'default' => [
'label' => 'Random Order'
],
'menu_order' => [
'label' => 'Sort by Menu Order'
],
'popularity' => [
'label' => 'Sort By Popularity'
],
'date' => [
'label' =>
'Sort By Date: Oldest To Newest'
],
'date-desc' => [
'label' =>
'Sort By Date: Newest To Oldest'
],
'price' => [
'label' =>
'Sort By Price: Low To High'
],
'price-desc' => [
'label' =>
'Sort By Price: High To Low'
]
]
]
]
]
],
'offsetNumber' => [
'groupType' => 'group-item',
'item' => [
'priority' => 50,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.offsetNumber',
'label' => 'Product Offset Number',
'description' =>
'Choose how many products you would like to skip. These products will not be shown in the feed.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
]
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showName' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showName',
'label' => 'Show Name',
'description' => 'Turn name on or off',
'category' => 'configuration',
'features' => [
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showImage' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showImage',
'label' => 'Show Image',
'description' => 'Turn image on or off',
'category' => 'configuration',
'features' => [
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showPrice' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showPrice',
'label' => 'Show Price',
'description' => 'Turn price on or off',
'category' => 'configuration',
'features' => [
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showRating' => [
'groupType' => 'group-item',
'item' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showRating',
'label' => 'Show Rating',
'description' => 'Turn rating on or off',
'category' => 'configuration',
'features' => [
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showSaleBadge' => [
'groupType' => 'group-item',
'item' => [
'priority' => 50,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showSaleBadge',
'label' => 'Show Sale Badge',
'description' => 'Turn sale badge on or off',
'category' => 'configuration',
'features' => [
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'selector' => '{{selector}} .et_overlay',
'styleProps' => [
'background' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Overlay Background Color',
'description' =>
'Here you can define a custom color for the overlay',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
]
],
'overlayIcon' => [
'type' => 'object',
'selector' => '{{selector}} .et_overlay::before',
'styleProps' => [
'icon' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'subName' => 'color',
'label' => 'Overlay Icon Color',
'description' =>
'Pick a color to use for the icon that appears when hovering over a product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'icon' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'label' => 'Overlay Icon',
'description' =>
'Here you can define a custom icon for the overlay',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'features' => [
'responsive' => true,
'hover' => false,
'sticky' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
]
]
]
]
],
'price' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 120,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Price',
'groupLabel' => 'Price'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product .price, {{selector}} ul.products li.product .price .amount'
]
]
],
'productTitle' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designProductTitleText',
'priority' => 100,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Product Title',
'groupLabel' => 'Product Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product h3, {{selector}} ul.products li.product h1, {{selector}} ul.products li.product h2, {{selector}} ul.products li.product h4, {{selector}} ul.products li.product h5, {{selector}} ul.products li.product h6',
'important' => true
]
]
],
'rating' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designStarRating',
'attrName' => 'rating.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Star Rating',
'groupLabel' => 'Star Rating',
'fields' => [
'family' => [
'render' => false
],
'weight' => [
'render' => false
],
'style' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product .star-rating',
'important' => true,
'propertySelectors' => [
'font' => [
'desktop' => [
'hover' => [
'letter-spacing' =>
'{{selector}} ul.products li.product:hover .star-rating'
],
'value' => [
'color' =>
'{{selector}} li.product .star-rating > span:before'
]
]
]
]
]
]
],
'saleBadge' => [
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.background',
'subName' => 'color',
'label' => 'Sale Badge Color',
'description' =>
'Pick a color to use for the sales bade that appears on products that are on sale.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.spacing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.font',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.border',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.boxShadow',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} span.onsale',
'important' => true
],
'spacing' => [
'selector' =>
'{{selector}} ul.products li.product span.onsale',
'important' => true
],
'font' => [
'selector' =>
'{{selector}} .et_pb_module_inner span.onsale',
'important' => true
],
'border' => [
'selector' => '{{selector}} span.onsale',
'important' => true
],
'boxShadow' => [
'selector' => '{{selector}} span.onsale',
'important' => true
]
]
],
'salePrice' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSalePriceText',
'priority' => 100,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Sale Price',
'groupLabel' => 'Sale Price',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product .price ins .amount'
]
]
]
],
'customCssFields' => [
'product' => [
'label' => 'Product',
'subName' => 'product',
'selectorSuffix' => ' li.product'
],
'onsale' => [
'label' => 'Onsale',
'subName' => 'onsale',
'selectorSuffix' => ' li.product .onsale'
],
'image' => [
'label' => 'Image',
'subName' => 'image',
'selectorSuffix' => ' .et_shop_image'
],
'overlay' => [
'label' => 'Overlay',
'subName' => 'overlay',
'selectorSuffix' => ' .et_overlay'
],
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' => ' li.product h2'
],
'rating' => [
'label' => 'Star Rating',
'subName' => 'rating',
'selectorSuffix' => ' .star-rating'
],
'price' => [
'label' => 'Price',
'subName' => 'price',
'selectorSuffix' => ' li.product .price'
],
'priceOld' => [
'label' => 'Old Price',
'subName' => 'priceOld',
'selectorSuffix' => ' li.product .price del span.amount'
]
],
'settings' => [
'content' => 'auto',
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designImage',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designStarRating' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designStarRating',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Star Rating',
'presetGroup' => 'divi/font'
]
]
],
'designSaleBadgeText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designSaleBadgeText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Badge'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designProductTitleText' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designProductTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Product Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designPriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font'
]
]
],
'designSalePriceText' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designSalePriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Price Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/products' => [
'name' => 'divi/shop',
'd4Shortcode' => 'et_pb_shop',
'moduleClassName' => 'et_pb_shop',
'moduleOrderClassName' => 'et_pb_shop',
'title' => 'Woo Products',
'titles' => 'Woo Products',
'moduleIcon' => 'divi/module-woocommerce-products',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => 'O5RCEYP-qKI',
'name' => 'An introduction to the Shop 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}}.et_pb_shop',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'border' => [
'selector' => '{{selector}}.et_pb_shop'
],
'boxShadow' => [
'selector' => '{{selector}}.et_pb_shop'
],
'spacing' => [
'selector' => '{{selector}}',
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 110,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'groupLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_shop .woocommerce ul.products li.product h3, {{selector}}.et_pb_shop .woocommerce ul.products li.product h1, {{selector}}.et_pb_shop .woocommerce ul.products li.product h2, {{selector}}.et_pb_shop .woocommerce ul.products li.product h4, {{selector}}.et_pb_shop .woocommerce ul.products li.product h5, {{selector}}.et_pb_shop .woocommerce ul.products li.product h6',
'hover' =>
'{{selector}}.et_pb_shop .woocommerce ul.products li.product h3{{:hover}}, {{selector}}.et_pb_shop .woocommerce ul.products li.product h1{{:hover}}, {{selector}}.et_pb_shop .woocommerce ul.products li.product h2{{:hover}}, {{selector}}.et_pb_shop .woocommerce ul.products li.product h4{{:hover}}, {{selector}}.et_pb_shop .woocommerce ul.products li.product h5{{:hover}}, {{selector}}.et_pb_shop .woocommerce ul.products li.product h6{{:hover}}, {{selector}}.et_pb_shop .woocommerce ul.products li.product h1.hover, {{selector}}.et_pb_shop .woocommerce ul.products li.product h2.hover, {{selector}}.et_pb_shop .woocommerce ul.products li.product h3.hover, {{selector}}.et_pb_shop .woocommerce ul.products li.product h4.hover, {{selector}}.et_pb_shop .woocommerce ul.products li.product h5.hover, {{selector}}.et_pb_shop .woocommerce ul.products li.product h6.hover'
]
],
'important' => true
]
]
],
'image' => [
'type' => 'object',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.spacing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'hover' => [
'border-radius' =>
'{{selector}}.et_pb_shop .et_shop_image > img{{:hover}}, {{selector}}.et_pb_shop .et_shop_image .et_overlay'
],
'value' => [
'border-radius' =>
'{{selector}}.et_pb_shop .et_shop_image > img, {{selector}}.et_pb_shop .et_shop_image .et_overlay',
'border-style' =>
'{{selector}}.et_pb_shop .et_shop_image > img'
]
]
],
'important' => true
],
'boxShadow' => [
'selector' =>
'{{selector}}.et_pb_module .woocommerce .et_shop_image > img, {{selector}}.et_pb_module .woocommerce .et_overlay',
'important' => true
],
'filters' => [
'selector' => '{{selector}}.et_pb_shop .et_shop_image'
],
'spacing' => [
'selector' => '{{selector}}.et_pb_shop .et_shop_image'
]
]
],
'overlay' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_module .woocommerce .et_overlay',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'label' => 'Overlay Background Color',
'description' =>
'Here you can define a custom color for the overlay',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'background' => [
'important' => true
]
]
],
'overlayIcon' => [
'type' => 'object',
'selector' =>
'{{selector}}.et_pb_module .woocommerce .et_overlay::before',
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'subName' => 'color',
'label' => 'Overlay Icon Color',
'description' =>
'Pick a color to use for the icon that appears when hovering over a product.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'icon' => [
'groupSlug' => 'designOverlay',
'attrName' => 'overlayIcon.decoration.icon',
'label' => 'Overlay Icon',
'description' =>
'Here you can define a custom icon for the overlay',
'category' => 'configuration',
'priority' => 30,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
]
]
]
],
'styleProps' => [
'icon' => [
'important' => true
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'type' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.type',
'label' => 'Product Type',
'description' =>
'Choose which type of products you would like to display.',
'category' => 'basic_option',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'recent' => [
'label' =>
'Default (Menu ordering + name)'
],
'latest' => [
'label' => 'Latest Products'
],
'featured' => [
'label' => 'Featured Products'
],
'sale' => [
'label' => 'Sale Products'
],
'best_selling' => [
'label' =>
'Best Selling Products'
],
'top_rated' => [
'label' => 'Top Rated Products'
],
'product_category' => [
'label' => 'Product Category'
]
]
]
]
]
],
'useCurrentLoop' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.useCurrentLoop',
'label' => 'Use Current Loop',
'description' =>
'Use the current loop context for displaying products.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'postsNumber' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.postsNumber',
'label' => 'Product Count',
'description' =>
'Define the number of products that should be displayed per page.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'columnsNumber' => [
'groupType' => 'group-item',
'item' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.columnsNumber',
'label' => 'Column Layout',
'description' =>
'Choose how many columns to display.',
'category' => 'layout',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'0' => [
'label' => 'default'
],
'1' => [
'label' => '1 Column'
],
'2' => [
'label' => '2 Columns'
],
'3' => [
'label' => '3 Columns'
],
'4' => [
'label' => '4 Columns'
],
'5' => [
'label' => '5 Columns'
],
'6' => [
'label' => '6 Columns'
]
]
]
]
]
],
'orderby' => [
'groupType' => 'group-item',
'item' => [
'priority' => 50,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.orderby',
'label' => 'Order',
'description' =>
'Choose how your products should be ordered.',
'category' => 'configuration',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'default' => [
'label' => 'Default Sorting'
],
'menu_order' => [
'label' => 'Sort by Menu Order'
],
'popularity' => [
'label' => 'Sort By Popularity'
],
'rating' => [
'label' => 'Sort By Rating'
],
'date' => [
'label' =>
'Sort By Date: Oldest To Newest'
],
'date-desc' => [
'label' =>
'Sort By Date: Newest To Oldest'
],
'price' => [
'label' =>
'Sort By Price: Low To High'
],
'price-desc' => [
'label' =>
'Sort By Price: High To Low'
]
]
]
]
]
],
'offsetNumber' => [
'groupType' => 'group-item',
'item' => [
'priority' => 60,
'render' => true,
'groupSlug' => 'contentMainContent',
'attrName' => 'content.advanced.offsetNumber',
'label' => 'Product Offset Number',
'description' =>
'Choose how many products you would like to skip. These products will not be shown in the feed.',
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'includeCategories' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' =>
'content.advanced.includeCategories',
'label' => 'Included Categories',
'description' =>
'Choose which categories you would like to include.',
'priority' => 70,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/checkboxes',
'props' => [
'options' => [],
'value' => []
]
]
]
]
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showPagination' => [
'groupType' => 'group-item',
'item' => [
'priority' => 10,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' =>
'elements.advanced.showPagination',
'label' => 'Show Pagination',
'description' => 'Turn pagination on or off',
'category' => 'configuration',
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showName' => [
'groupType' => 'group-item',
'item' => [
'priority' => 20,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showName',
'label' => 'Show Name',
'description' => 'Turn name on or off',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showImage' => [
'groupType' => 'group-item',
'item' => [
'priority' => 30,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showImage',
'label' => 'Show Image',
'description' => 'Turn image on or off',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showPrice' => [
'groupType' => 'group-item',
'item' => [
'priority' => 40,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showPrice',
'label' => 'Show Price',
'description' => 'Turn price on or off',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showRating' => [
'groupType' => 'group-item',
'item' => [
'priority' => 50,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showRating',
'label' => 'Show Rating',
'description' => 'Turn rating on or off',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showSaleBadge' => [
'groupType' => 'group-item',
'item' => [
'priority' => 60,
'render' => true,
'groupSlug' => 'contentElements',
'attrName' => 'elements.advanced.showSaleBadge',
'label' => 'Show Sale Badge',
'description' => 'Turn sale badge on or off',
'category' => 'configuration',
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'price' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 120,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Price',
'groupLabel' => 'Price'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selectors' => [
'desktop' => [
'value' =>
'{{selector}}.et_pb_shop .woocommerce ul.products li.product .price, {{selector}}.et_pb_shop .woocommerce ul.products li.product .price .amount',
'hover' =>
'{{selector}}.et_pb_shop .woocommerce ul.products li.product .price{{:hover}}, {{selector}}.et_pb_shop .woocommerce ul.products li.product .price{{:hover}} .amount, {{selector}}.et_pb_shop .woocommerce ul.products li.product .price.hover, {{selector}}.et_pb_shop .woocommerce ul.products li.product .price.hover .amount'
]
]
]
]
],
'rating' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designStarRating',
'priority' => 140,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Star Rating',
'groupLabel' => 'Star Rating',
'fields' => [
'family' => [
'render' => false
],
'weight' => [
'render' => false
],
'style' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product .star-rating',
'propertySelectors' => [
'font' => [
'desktop' => [
'hover' => [
'letter-spacing' =>
'{{selector}} ul.products li.product{{:hover}} .star-rating'
],
'value' => [
'color' =>
'{{selector}} li.product .star-rating > span:before'
]
]
]
],
'important' => true
]
]
],
'saleBadge' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.background',
'subName' => 'color',
'label' => 'Sale Badge Color',
'description' =>
'Pick a color to use for the sales bade that appears on products that are on sale.',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.font',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.spacing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Spacing'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.border',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Border'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.boxShadow',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Box Shadow'
]
]
]
]
]
],
'styleProps' => [
'selector' => '{{selector}} ul.products li.product .onsale',
'background' => [
'important' => true
],
'spacing' => [
'important' => true
],
'font' => [
'selector' =>
'{{selector}}.et_pb_shop .woocommerce ul.products li.product .onsale',
'important' => true
],
'border' => [
'important' => true
],
'boxShadow' => [
'important' => true
]
]
],
'salePrice' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSalePriceText',
'priority' => 150,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Sale Price',
'groupLabel' => 'Sale Price',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_shop .woocommerce ul.products li.product .price ins .amount'
]
]
]
],
'customCssFields' => [
'image' => [
'label' => 'Image',
'subName' => 'image',
'selectorSuffix' => ' .et_shop_image'
],
'onsale' => [
'label' => 'Onsale',
'subName' => 'onsale',
'selectorSuffix' => ' li.product .onsale'
],
'overlay' => [
'label' => 'Overlay',
'subName' => 'overlay',
'selectorSuffix' => ' .et_overlay'
],
'price' => [
'label' => 'Price',
'subName' => 'price',
'selectorSuffix' =>
'.et_pb_shop .woocommerce ul.products li.product .price .amount'
],
'priceOld' => [
'label' => 'Old Price',
'subName' => 'priceOld',
'selectorSuffix' =>
'.et_pb_shop .woocommerce ul.products li.product .price del span.amount'
],
'product' => [
'label' => 'Product',
'subName' => 'product',
'selectorSuffix' => ' li.product'
],
'rating' => [
'label' => 'Rating Container',
'subName' => 'rating',
'selectorSuffix' => ' .star-rating'
],
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' => ' li.product h2'
]
],
'settings' => [
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOverlay',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designImage',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designStarRating' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designStarRating',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Star Rating'
]
]
],
'designSaleBadgeText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designSaleBadgeText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Badge'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designPriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font'
]
]
],
'designSalePriceText' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designSalePriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Price Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
],
'woocommerce/related-products' => [
'name' => 'divi/woocommerce-related-products',
'd4Shortcode' => 'et_pb_wc_related_products',
'moduleClassName' => 'et_pb_wc_related_products',
'moduleOrderClassName' => 'et_pb_wc_related_products',
'title' => 'Woo Related Products',
'titles' => 'Woo Related Products',
'moduleIcon' => 'divi/module-woocommerce-related-products',
'folder' => 'woo-modules',
'category' => 'module',
'videos' => [
[
'id' => '7X03vBPYJ1o',
'name' => 'Divi WooCommerce Modules'
],
[
'id' => '1iqjhnHVA9Y',
'name' => 'Design Settings and Advanced Module Settings'
],
[
'id' => 'boNZZ0MYU0E',
'name' => 'Saving and loading from the library'
]
],
'attributes' => [
'module' => [
'type' => 'object',
'selector' => '{{selector}}',
'settings' => [
'advanced' => [
'html' => [],
'link' => [],
'text' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designText',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/text',
'props' => [
'grouped' => false,
'fields' => [
'color' => [
'render' => false
]
]
]
]
]
]
],
'decoration' => [
'animation' => [],
'attributes' => [],
'background' => [],
'border' => [],
'boxShadow' => [],
'conditions' => [],
'disabledOn' => [],
'filters' => [],
'interactions' => [],
'overflow' => [],
'order' => [],
'position' => [],
'scroll' => [],
'sizing' => [],
'spacing' => [],
'sticky' => [],
'transform' => [],
'transition' => [],
'zIndex' => []
],
'meta' => [
'meta' => []
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_wc_related_products',
'border-style' =>
'{{selector}}.et_pb_wc_related_products'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}}.et_pb_wc_related_products'
],
'spacing' => [
'important' => [
'desktop' => [
'value' => [
'margin' => true
]
]
]
]
]
],
'title' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Title',
'groupLabel' => 'Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} section.products > h1, {{selector}} section.products > h2, {{selector}} section.products > h3, {{selector}} section.products > h4, {{selector}} section.products > h5, {{selector}} section.products > h6',
'important' => true
]
]
],
'image' => [
'type' => 'object',
'selector' => '{{selector}} .et_shop_image',
'settings' => [
'decoration' => [
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/filters',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
]
]
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}}.et_pb_module .et_shop_image',
'border-style' =>
'{{selector}}.et_pb_module .et_shop_image'
]
]
]
],
'boxShadow' => [
'selector' => '{{selector}} .et_shop_image',
'useOverlay' => true
]
],
'styleComponentsProps' => [
'background' => false,
'boxShadow' => [
'settings' => [
'overlay' => true
]
],
'spacing' => [
'selector' => '{{selector}} .et_shop_image'
]
]
],
'content' => [
'type' => 'object',
'settings' => [
'advanced' => [
'product' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'content.advanced.product',
'description' =>
'Here you can select the Product.',
'label' => 'Product',
'groupSlug' => 'contentMainContent',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field'
]
]
],
'postsNumber' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'content.advanced.postsNumber',
'description' =>
'Define the number of products that should be displayed per page.',
'label' => 'Product Count',
'groupSlug' => 'contentMainContent',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text',
'props' => [
'showPlaceholderOnEmpty' => true
]
]
]
],
'columnsNumber' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'content.advanced.columnsNumber',
'description' =>
'Choose how many columns to display.',
'label' => 'Column Layout',
'groupSlug' => 'contentMainContent',
'priority' => 30,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'1' => [
'label' => '1 Column'
],
'2' => [
'label' => '2 Columns'
],
'3' => [
'label' => '3 Columns'
],
'4' => [
'label' => '4 Columns'
],
'5' => [
'label' => '5 Columns'
],
'6' => [
'label' => '6 Columns'
]
]
]
]
]
],
'orderby' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'content.advanced.orderby',
'description' =>
'Choose how your products should be ordered.',
'label' => 'Order',
'groupSlug' => 'contentMainContent',
'priority' => 40,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/select',
'props' => [
'options' => [
'default' => [
'label' => 'Random Order'
],
'menu_order' => [
'label' => 'Sort by Menu Order'
],
'popularity' => [
'label' => 'Sort By Popularity'
],
'date' => [
'label' =>
'Sort By Date: Oldest To Newest'
],
'date-desc' => [
'label' =>
'Sort By Date: Newest To Oldest'
],
'price' => [
'label' =>
'Sort By Price: Low To High'
],
'price-desc' => [
'label' =>
'Sort By Price: High To Low'
]
]
]
]
]
],
'includeCategories' => [
'groupType' => 'group-item',
'item' => [
'attrName' =>
'content.advanced.includeCategories',
'label' => 'Included Categories',
'description' =>
'Choose which categories you would like to include.',
'groupSlug' => 'contentMainContent',
'priority' => 50,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/checkboxes',
'props' => [
'options' => [],
'value' => []
]
]
]
],
'offsetNumber' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'content.advanced.offsetNumber',
'label' => 'Product Offset Number',
'description' =>
'Choose how many products you would like to skip. These products will not be shown in the feed.',
'groupSlug' => 'contentMainContent',
'priority' => 60,
'render' => true,
'features' => [
'responsive' => false,
'hover' => false,
'sticky' => false,
'preset' => 'content'
],
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
]
]
]
],
'elements' => [
'type' => 'object',
'settings' => [
'advanced' => [
'showName' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'elements.advanced.showName',
'description' => 'Turn name on or off.',
'label' => 'Show Name',
'category' => 'configuration',
'groupSlug' => 'contentElements',
'priority' => 10,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showImage' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'elements.advanced.showImage',
'description' => 'Turn image on or off.',
'label' => 'Show Image',
'category' => 'configuration',
'groupSlug' => 'contentElements',
'priority' => 20,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showPrice' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'elements.advanced.showPrice',
'description' => 'Turn price on or off.',
'label' => 'Show Price',
'category' => 'configuration',
'groupSlug' => 'contentElements',
'priority' => 30,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showRating' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'elements.advanced.showRating',
'description' => 'Turn rating on or off.',
'label' => 'Show Rating',
'category' => 'configuration',
'groupSlug' => 'contentElements',
'priority' => 40,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
],
'showSaleBadge' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'elements.advanced.showSaleBadge',
'description' => 'Turn sale badge on or off.',
'label' => 'Show Sale Badge',
'category' => 'configuration',
'groupSlug' => 'contentElements',
'priority' => 50,
'render' => true,
'features' => [
'responsive' => true,
'hover' => true,
'sticky' => false
],
'component' => [
'type' => 'field',
'name' => 'divi/toggle'
]
]
]
]
]
],
'overlay' => [
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'overlay.decoration.background',
'subName' => 'color',
'description' =>
'Here you can define a custom color for the overlay.',
'label' => 'Overlay Background Color',
'groupSlug' => 'designOverlay',
'priority' => 20,
'render' => true,
'features' => [
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} .et_overlay'
]
]
],
'overlayIcon' => [
'type' => 'object',
'selector' => '{{selector}} .et_overlay::before',
'styleProps' => [
'icon' => [
'important' => true
]
],
'settings' => [
'decoration' => [
'icon' => [
'groupType' => 'group-items',
'items' => [
'color' => [
'attrName' => 'overlayIcon.decoration.icon',
'subName' => 'color',
'description' =>
'Pick a color to use for the icon that appears when hovering over a product.',
'label' => 'Overlay Icon Color',
'groupSlug' => 'designOverlay',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
],
'icon' => [
'attrName' => 'overlayIcon.decoration.icon',
'description' =>
'Here you can define a custom icon for the overlay.',
'label' => 'Overlay Icon',
'category' => 'configuration',
'groupSlug' => 'designOverlay',
'priority' => 30,
'render' => true,
'features' => [
'sticky' => true
],
'component' => [
'type' => 'field',
'name' => 'divi/icon-picker'
]
]
]
]
]
]
],
'price' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPriceText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Price',
'groupLabel' => 'Price'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product .price, {{selector}} ul.products li.product .price .amount'
]
]
],
'productTitle' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designProductTitleText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Product Title',
'groupLabel' => 'Product Title'
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product h3, {{selector}} ul.products li.product h1, {{selector}} ul.products li.product h2, {{selector}} ul.products li.product h4, {{selector}} ul.products li.product h5, {{selector}} ul.products li.product h6',
'important' => true
]
]
],
'rating' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designStarRating',
'attrName' => 'rating.decoration.font',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Star Rating',
'groupLabel' => 'Star Rating',
'fields' => [
'family' => [
'render' => false
],
'weight' => [
'render' => false
],
'style' => [
'render' => false
],
'lineHeight' => [
'render' => false
],
'textShadowGroup' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product .star-rating',
'propertySelectors' => [
'font' => [
'desktop' => [
'hover' => [
'letter-spacing' =>
'{{selector}} ul.products li.product:hover .star-rating'
],
'value' => [
'color' =>
'{{selector}} li.product .star-rating > span:before'
]
]
]
]
]
]
],
'saleBadge' => [
'type' => 'object',
'settings' => [
'decoration' => [
'background' => [
'groupType' => 'group-item',
'item' => [
'attrName' => 'saleBadge.decoration.background',
'subName' => 'color',
'description' =>
'Pick a color to use for the sales bade that appears on products that are on sale.',
'label' => 'Sale Badge Color',
'groupSlug' => 'designSaleBadgeText',
'priority' => 10,
'render' => true,
'features' => [
'sticky' => true,
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' => 'divi/color-picker'
]
]
],
'spacing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.spacing',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/spacing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.font',
'priority' => 20,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge',
'groupLabel' => 'Text',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.border',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSaleBadgeText',
'attrName' => 'saleBadge.decoration.boxShadow',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Sale Badge'
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}} span.onsale',
'important' => true
],
'spacing' => [
'selector' =>
'{{selector}} ul.products li.product span.onsale',
'important' => true
],
'font' => [
'selector' =>
'{{selector}} .et_pb_module_inner span.onsale',
'important' => true
],
'border' => [
'selector' => '{{selector}} span.onsale',
'important' => true
],
'boxShadow' => [
'selector' => '{{selector}} span.onsale',
'important' => true
]
]
],
'salePrice' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSalePriceText',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Sale Price',
'groupLabel' => 'Sale Price',
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}} ul.products li.product .price ins .amount'
]
]
]
],
'customCssFields' => [
'product' => [
'label' => 'Product',
'subName' => 'product',
'selectorSuffix' => ' li.product'
],
'onsale' => [
'label' => 'Onsale',
'subName' => 'onsale',
'selectorSuffix' => ' li.product .onsale'
],
'image' => [
'label' => 'Image',
'subName' => 'image',
'selectorSuffix' => ' .et_shop_image'
],
'overlay' => [
'label' => 'Overlay',
'subName' => 'overlay',
'selectorSuffix' => ' .et_overlay'
],
'title' => [
'label' => 'Title',
'subName' => 'title',
'selectorSuffix' => ' li.product h2'
],
'rating' => [
'label' => 'Star Rating',
'subName' => 'rating',
'selectorSuffix' => ' .star-rating'
],
'price' => [
'label' => 'Price',
'subName' => 'price',
'selectorSuffix' => ' li.product .price'
],
'priceOld' => [
'label' => 'Old Price',
'subName' => 'priceOld',
'selectorSuffix' => ' li.product .price del span.amount'
]
],
'settings' => [
'design' => 'auto',
'advanced' => 'auto',
'groups' => [
'contentMainContent' => [
'panel' => 'content',
'priority' => 10,
'groupName' => 'contentMainContent',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Content'
]
]
],
'contentElements' => [
'panel' => 'content',
'priority' => 20,
'groupName' => 'elements',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Elements',
'preset' => 'content'
]
]
],
'designOverlay' => [
'panel' => 'design',
'priority' => 5,
'groupName' => 'designOverlay',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Overlay'
]
]
],
'designImage' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designImage',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Image'
]
]
],
'designStarRating' => [
'panel' => 'design',
'priority' => 15,
'groupName' => 'designStarRating',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Star Rating'
]
]
],
'designSaleBadgeText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designSaleBadgeText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Badge'
]
]
],
'designText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Text',
'presetGroup' => 'divi/text'
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designProductTitleText' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designProductTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Product Title Text',
'presetGroup' => 'divi/font'
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designPriceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font'
]
]
],
'designSalePriceText' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designSalePriceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Price Text',
'presetGroup' => 'divi/font'
]
]
]
]
]
]
];