'Shows WooCommerce success, info, and error messages such as added-to-cart or coupon applied.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'cart message',
'flash message',
'alert'
],
'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,
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'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'
]
]
]
]
]
]
],
'decoration' => []
],
'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'
]
]
],
'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'
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'field',
'multiElements' => true,
'component' => [
'name' => 'divi/form-field',
'props' => [
'groupLabel' => 'Fields',
'attrName' => 'field',
'dynamicSubgroupHost' => true,
'fields' => [
'labelFontGroup' => [
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'fields' => [
'requiredFieldIndicatorColor' => [
'attrName' =>
'field.advanced.requiredFieldIndicatorColor',
'label' =>
'Required Field Indicator Color',
'description' =>
'Pick a color to be used for the required field indicator.',
'category' => 'button',
'priority' => 95,
'render' => true,
'features' => [
'dynamicContent' => [
'type' => 'color'
]
],
'component' => [
'type' => 'field',
'name' =>
'divi/color-picker'
]
]
]
]
]
]
]
]
]
],
'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',
'description' =>
'Editable cart line-item table listing the products currently in the shopper cart.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'cart items',
'cart table',
'basket'
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
]
],
'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,
'dynamicSubgroupHost' => true,
'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,
'fieldLabel' => 'Table'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'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',
'attrName' => 'tableRow.decoration.background',
'subName' => 'color',
'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',
'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'
]
]
]
]
]
],
'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',
'attrName' => 'tableCell.decoration.background',
'subName' => 'color',
'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',
'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'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'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' => [
'image' => [
'panel' => 'design',
'groupType' => 'group',
'groupName' => 'image',
'priority' => 10,
'component' => [
'type' => 'group',
'name' => 'divi/image',
'props' => [
'attrName' => 'image',
'groupLabel' => 'Image',
'grouped' => true,
'dynamicSubgroupHost' => true,
'presetGroup' => 'divi/image'
]
]
]
]
],
'styleProps' => [
'fit' => [
'selector' => '{{selector}} table.cart img'
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'aspect-ratio' =>
'{{selector}} table.cart img'
]
]
]
]
]
],
'field' => [
'type' => 'object',
'elementType' => 'field',
'settings' => [
'advanced' => [],
'decoration' => []
],
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'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',
'dynamicSubgroupHost' => true
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'body',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'presetGroup' => 'divi/font-body',
'dynamicSubgroupHost' => true
]
]
],
'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'
]
]
],
'designFields' => [
'panel' => 'design',
'priority' => 55,
'groupName' => 'form_field',
'multiElements' => true,
'component' => [
'name' => 'divi/form-field',
'props' => [
'groupLabel' => 'Fields',
'attrName' => 'field',
'dynamicSubgroupHost' => true
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'button',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button',
'dynamicSubgroupHost' => true
]
]
],
'designDisabledButton' => [
'panel' => 'design',
'priority' => 65,
'groupName' => 'disabled_button',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Disabled Button',
'presetGroup' => 'divi/button',
'dynamicSubgroupHost' => true
]
]
],
'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',
'description' =>
'Cart totals block showing subtotal, shipping, taxes, and the proceed-to-checkout button.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'subtotal',
'cart summary',
'order 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,
'dynamicSubgroupHost' => true,
'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,{{selector}} table.shop_table tr.cart-discount td,{{selector}} table.shop_table tr.tax-rate td,{{selector}} table.shop_table tr.tax-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'
]
]
]
],
'important' => [
'body' => [
'font' => [
'desktop' => [
'value' => [
'text-align' => true
]
],
'tablet' => [
'value' => [
'text-align' => true
]
],
'phone' => [
'value' => [
'text-align' => true
]
]
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'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' => [],
'decoration' => []
],
'styleProps' => [
'selector' =>
'{{selector}} .select2-container--default .select2-selection--single, {{selector}} form .form-row input.input-text, {{selector}} form .form-row textarea',
'background' => [
'selector' =>
'{{selector}} .select2-container--default .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-selection--single,{{selector}} form .form-row input.input-text:focus,{{selector}} form .form-row textarea:focus',
'border-style' =>
'{{selector}} .select2-container--default .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'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table'
]
]
]
]
]
],
'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',
'attrName' => 'tableCell.decoration.background',
'subName' => 'color',
'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',
'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'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell'
]
]
]
]
]
]
],
'tableRow' => [
'type' => 'object',
'elementType' => 'field',
'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 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',
'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'
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designColumnLabel' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designColumnLabel',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Column Label',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designBodyText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font-body',
'dynamicSubgroupHost' => true
]
]
],
'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/form-field',
'props' => [
'groupLabel' => 'Fields',
'attrName' => 'field',
'dynamicSubgroupHost' => true
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designButton',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Button',
'presetGroup' => 'divi/button',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Billing details form for name, address, and payment contact on the WooCommerce checkout page.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'billing address',
'payment details'
],
'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' => [],
'decoration' => []
],
'styleProps' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text',
'background' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} .checkout .form-row input.input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} .checkout .form-row .input-text:focus',
'border-style' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} .checkout .form-row .input-text:focus'
]
]
]
],
'boxShadow' => [
'selector' =>
'{{selector}} .select2-container--default .select2-selection--single,{{selector}} .checkout .form-row input.input-text'
],
'font' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text',
'important' => [
'desktop' => [
'value' => [
'line-height' => true,
'font-size' => true,
'font-family' => true,
'color' => true,
'text-shadow' => true
]
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'color' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text'
]
]
]
],
'spacing' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .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}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text',
'padding' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text'
]
]
]
]
]
],
'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'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice'
]
]
]
],
'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'
]
]
]
],
'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'
]
]
]
]
]
],
'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, {{selector}} .woocommerce-error a',
'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' => ' .checkout .form-row label'
],
'formField' => [
'label' => 'Fields',
'subName' => 'formField',
'selectorSuffix' =>
' .select2-container--default .select2-selection--single, .checkout .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',
'dynamicSubgroupHost' => true
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designFieldField',
'multiElements' => true,
'component' => [
'name' => 'divi/form-field',
'props' => [
'groupLabel' => 'Fields',
'attrName' => 'field',
'dynamicSubgroupHost' => true,
'fields' => [
'labelFontGroup' => [
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'fields' => [
'requiredFieldIndicatorColor' => [
'attrName' =>
'field.advanced.requiredFieldIndicatorColor',
'label' =>
'Required Field Indicator Color',
'description' =>
'Pick a color to be used for the required field indicator.',
'category' => 'button',
'priority' => 95,
'render' => true,
'features' => [
'preset' => 'content',
'responsive' => true,
'hover' => true
],
'component' => [
'type' => 'field',
'name' =>
'divi/color-picker'
]
]
]
]
]
]
]
]
]
],
'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',
'description' =>
'Order notes and additional information field on the WooCommerce checkout page.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'order notes',
'extra info',
'comments'
],
'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' => [],
'decoration' => []
],
'styleProps' => [
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'{{selector}} .checkout .form-row textarea.input-text:focus',
'border-style' =>
'{{selector}} .checkout .form-row textarea.input-text:focus'
]
]
]
],
'font' => [
'selector' =>
'{{selector}} .checkout .form-row .input-text, {{selector}} .checkout .form-row .input-text::placeholder, {{selector}} .checkout .form-row .input-text::-webkit-input-placeholder, {{selector}} .checkout .form-row .input-text::-moz-placeholder, {{selector}} .checkout .form-row .input-text:-ms-input-placeholder',
'important' => [
'desktop' => [
'value' => [
'line-height' => true,
'font-size' => true,
'font-family' => true
]
]
],
'selectors' => [
'desktop' => [
'hover' =>
'{{selector}} .checkout .input-text, {{selector}} .checkout .input-text:hover::placeholder, {{selector}} .checkout .input-text:hover::-webkit-input-placeholder, {{selector}} .checkout .input-text:hover::-moz-placeholder, {{selector}} .checkout .input-text:hover:-ms-input-placeholder'
]
]
]
]
]
],
'customCssFields' => [
'titleText' => [
'label' => 'Title Text',
'subName' => 'titleText',
'selectorSuffix' => ' h3'
],
'fieldLabel' => [
'label' => 'Field Label',
'subName' => 'fieldLabel',
'selectorSuffix' => ' .checkout .form-row label'
],
'fields' => [
'label' => 'Fields',
'subName' => 'fields',
'selectorSuffix' => ' .checkout .input-text'
],
'fieldsPlaceholder' => [
'label' => 'Fields Placeholder',
'subName' => 'fieldsPlaceholder',
'selectorSuffix' =>
' .checkout .form-row .input-text::placeholder, .checkout .form-row .input-text::-webkit-input-placeholder, .checkout .form-row .input-text::-moz-placeholder, .checkout .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',
'dynamicSubgroupHost' => true
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designFieldField',
'multiElements' => true,
'component' => [
'name' => 'divi/form-field',
'props' => [
'groupLabel' => 'Fields',
'attrName' => 'field',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Order review table on checkout showing items, quantities, and totals before payment.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'order summary',
'order review'
],
'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,
'dynamicSubgroupHost' => true,
'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'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 50,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTable',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table'
]
]
]
]
]
],
'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',
'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'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTableCell',
'priority' => 60,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Table Cell'
]
]
]
]
]
],
'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',
'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'
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designColumnLabel' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designColumnLabel',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Column Label',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designBodyText' => [
'panel' => 'design',
'priority' => 25,
'groupName' => 'designBodyText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Body Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font-body',
'dynamicSubgroupHost' => true
]
]
],
'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',
'description' =>
'Payment-method selection block and the place-order button on WooCommerce checkout.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'payment options',
'pay button',
'place order'
],
'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,
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'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',
'customPostTypeSelector' =>
'body.et-db #page-container #et-boc .et-l {{baseSelector}} #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'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designFormNotice',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Form Notice'
]
]
]
],
'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'
]
]
]
],
'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'
]
]
]
]
]
],
'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'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Radio Button'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Radio Button'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designRadioButton',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Radio Button'
]
]
]
]
]
],
'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'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSelectedRadioButton',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Selected Radio Button'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designSelectedRadioButton',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Selected Radio Button'
]
]
]
],
'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'
]
]
]
]
]
],
'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' => [],
'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'
]
]
]
],
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'priority' => 25,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => true,
'fieldLabel' => 'Tooltip'
]
]
]
],
'border' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/border',
'props' => [
'grouped' => true,
'fieldLabel' => 'Tooltip'
]
]
]
],
'boxShadow' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designTooltip',
'priority' => 40,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Tooltip'
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designButton',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Button',
'presetGroup' => 'divi/button',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Shipping address form and shipping-method selection on the WooCommerce checkout page.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'delivery address',
'shipping options'
],
'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' => [],
'decoration' => []
],
'styleProps' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text',
'background' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text'
],
'border' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'border-radius' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} .checkout .form-row input.input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} .checkout .form-row .input-text:focus',
'border-style' =>
'.woocommerce {{selector}} .select2-container--default.select2-container--open .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text:focus, {{selector}} .select2-container--default.select2-container--open .select2-selection--single:focus, {{selector}} .checkout .form-row .input-text:focus'
]
]
]
],
'boxShadow' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row input.input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text'
],
'font' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text',
'important' => [
'desktop' => [
'value' => [
'line-height' => true,
'font-size' => true,
'font-family' => true,
'color' => true,
'text-shadow' => true
]
]
],
'propertySelectors' => [
'desktop' => [
'value' => [
'color' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text'
]
]
]
],
'spacing' => [
'selector' =>
'.woocommerce {{selector}} .select2-container--default .select2-selection--single,.woocommerce {{selector}} .checkout .form-row .input-text, {{selector}} .select2-container--default .select2-selection--single, {{selector}} .checkout .form-row .input-text',
'important' => [
'desktop' => [
'value' => [
'margin' => true,
'padding' => true
]
]
]
]
]
],
'checkbox' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} input[type="checkbox"]',
'settings' => [
'advanced' => [],
'decoration' => []
]
],
'radio' => [
'type' => 'object',
'elementType' => 'field',
'selector' => '{{selector}} input[type="radio"]',
'settings' => [
'advanced' => [],
'decoration' => []
]
],
'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' => ' .checkout .form-row label'
],
'formField' => [
'label' => 'Fields',
'subName' => 'formField',
'selectorSuffix' =>
' .select2-container--default .select2-selection--single, .checkout .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',
'dynamicSubgroupHost' => true
]
]
],
'designFieldField' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designFieldField',
'multiElements' => true,
'component' => [
'name' => 'divi/form-field',
'props' => [
'groupLabel' => 'Fields',
'attrName' => 'field',
'dynamicSubgroupHost' => true,
'fields' => [
'labelFontGroup' => [
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'fields' => [
'requiredFieldIndicatorColor' => [
'attrName' =>
'field.advanced.requiredFieldIndicatorColor',
'label' =>
'Required Field Indicator Color',
'description' =>
'Pick a color to be used for the required field indicator.',
'category' => 'button',
'priority' => 95,
'render' => true,
'features' => [
'preset' => 'content',
'responsive' => true,
'hover' => false
],
'component' => [
'type' => 'field',
'name' =>
'divi/color-picker'
]
]
]
]
]
]
]
]
]
],
'designFieldCheckbox' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designFieldCheckbox',
'multiElements' => true,
'component' => [
'name' => 'divi/checkbox',
'props' => [
'groupLabel' => 'Checkbox',
'attrName' => 'checkbox',
'mode' => 'native',
'dynamicSubgroupHost' => true,
'useComponentNameAsPresetGroup' => true
]
]
],
'designFieldRadio' => [
'panel' => 'design',
'priority' => 60,
'groupName' => 'designFieldRadio',
'multiElements' => true,
'component' => [
'name' => 'divi/radio',
'props' => [
'groupLabel' => 'Radio',
'attrName' => 'radio',
'mode' => 'native',
'dynamicSubgroupHost' => true,
'useComponentNameAsPresetGroup' => true
]
]
]
]
]
],
'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',
'description' =>
'Cross-sell product suggestions shown on the WooCommerce cart page.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'cross-sells',
'cart suggestions',
'related items'
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designPriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Add-to-cart button with quantity and variations for the current WooCommerce product.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'buy button',
'purchase',
'checkout button'
],
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'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' => [],
'decoration' => []
],
'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' => [],
'decoration' => []
],
'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'
]
]
]
]
]
]
]
]
]
],
'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'
]
]
],
'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/form-field',
'props' => [
'groupLabel' => 'Fields',
'clipboardCategory' => 'style',
'attrName' => 'field',
'dynamicSubgroupHost' => true
]
]
],
'designDropdownMenus' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'dropdownMenus',
'component' => [
'name' => 'divi/form-field',
'props' => [
'groupLabel' => 'Dropdown Menus',
'attrName' => 'dropdownMenus',
'dynamicSubgroupHost' => true,
'supportsPresets' => false
]
]
],
'designButton' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'button',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Button',
'presetGroup' => 'divi/button',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Custom-attribute table for the current WooCommerce product covering size, color, materials, and more.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'product attributes',
'specs',
'specifications'
],
'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,
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true
]
]
],
'designTitleText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Title Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designAttributeText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designAttributeText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Attribute Text',
'clipboardCategory' => 'style',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'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',
'description' =>
'Output the long or short description of the current WooCommerce product.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'product info',
'item details'
],
'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,
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true
]
]
],
'designHeading' => [
'panel' => 'design',
'priority' => 20,
'multiElements' => true,
'groupName' => 'designHeading',
'component' => [
'name' => 'divi/composite',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Heading Text',
'presetGroup' => 'divi/font-header',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Thumbnail gallery of all media attached to the current WooCommerce product.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'product photos',
'product thumbnails'
],
'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' => [
'sizing' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.sizing',
'priority' => 10,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/sizing',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image',
'dynamicSubgroupHostLayoutStyle' =>
'moduleLayout'
]
]
]
],
'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.border',
'priority' => 30,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/box-shadow',
'props' => [
'grouped' => true,
'fieldLabel' => 'Image'
]
]
]
],
'filters' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designImage',
'attrName' => 'image.decoration.border',
'priority' => 40,
'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'
]
]
],
'postsNumber' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'contentMainContent',
'attrName' => 'content.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'
],
'priority' => 20,
'render' => true,
'component' => [
'type' => 'field',
'name' => 'divi/text'
]
]
],
'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'
]
]
]
]
]
],
'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'
]
],
'tablet' => [
'value' => [
'gridColumnCount' => '2'
]
],
'phone' => [
'value' => [
'gridColumnCount' => '1'
]
]
],
'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',
'dynamicSubgroupHost' => true,
'dynamicSubgroupHostLayoutStyle' => 'moduleLayout'
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designCaptionText' => [
'panel' => 'design',
'priority' => 30,
'groupName' => 'designCaptionText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Caption Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designPaginationText' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designPaginationText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Pagination Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Featured-image carousel for the current WooCommerce product on a product-page template.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'product photos',
'product carousel'
],
'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' => [
'decoration' => [
'image' => [
'panel' => 'design',
'groupType' => 'group',
'groupName' => 'image',
'priority' => 20,
'component' => [
'type' => 'group',
'name' => 'divi/image',
'props' => [
'attrName' => 'image',
'groupLabel' => 'Image',
'grouped' => true,
'dynamicSubgroupHost' => true,
'presetGroup' => 'divi/image'
]
]
]
]
],
'styleProps' => [
'background' => [
'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'
],
'transform' => [
'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'
],
'fit' => [
'selector' =>
'{{selector}} .woocommerce-product-gallery__image img'
],
'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',
'propertySelectors' => [
'desktop' => [
'value' => [
'aspect-ratio' =>
'{{selector}} .woocommerce-product-gallery__image img'
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'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'
]
]
]
],
'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' => [
'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'
]
]
],
'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',
'description' =>
'Meta block showing the current WooCommerce product SKU, categories, and tags.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'sku',
'product categories',
'product tags'
],
'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,
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Output the current WooCommerce product price, including sale formatting.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'cost',
'product cost',
'sale 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',
'description' =>
'Star rating summary for the current WooCommerce product.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'stars',
'review summary',
'score'
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Renders customer reviews and the review submission form for the current WooCommerce product.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'ratings',
'customer feedback',
'testimonials'
],
'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' => [
'image' => [
'panel' => 'design',
'groupType' => 'group',
'groupName' => 'image',
'priority' => 10,
'component' => [
'type' => 'group',
'name' => 'divi/image',
'props' => [
'attrName' => 'image',
'groupLabel' => 'Image',
'grouped' => true,
'dynamicSubgroupHost' => true,
'presetGroup' => 'divi/image'
]
]
]
]
],
'styleProps' => [
'fit' => [
'selector' =>
'{{selector}}.et_pb_wc_reviews #reviews #comments ol.commentlist li img.avatar'
],
'sizing' => [
'propertySelectors' => [
'desktop' => [
'value' => [
'aspect-ratio' =>
'{{selector}}.et_pb_wc_reviews #reviews #comments ol.commentlist li img.avatar'
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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' => [],
'decoration' => []
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'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/form-field',
'props' => [
'clipboardCategory' => 'style',
'groupLabel' => 'Fields',
'attrName' => 'field',
'dynamicSubgroupHost' => true
]
]
],
'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',
'description' =>
'Stock status badge for the current WooCommerce product such as in stock, out of stock, or low stock.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'inventory',
'availability'
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designOutOfStockText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOutOfStockText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Out Of Stock Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designOnBackorderText' => [
'panel' => 'design',
'priority' => 10,
'groupName' => 'designOnBackorderText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'On Backorder Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Description, additional info, and reviews tab panel for the current WooCommerce product.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'product tabs',
'reviews tab'
],
'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,
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true
]
]
],
'designTabText' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designTabText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Tab Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Output the current WooCommerce product title inside a product-page template.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'product name',
'item 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'
],
'spacing' => [
'selector' => '{{selector}}',
'important' => 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',
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Upsell product suggestions shown on the current WooCommerce product page.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'upsell',
'recommended items'
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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' => [
'image' => [
'panel' => 'design',
'groupType' => 'group',
'groupName' => 'image',
'priority' => 20,
'component' => [
'type' => 'group',
'name' => 'divi/image',
'props' => [
'attrName' => 'image',
'groupLabel' => 'Image',
'grouped' => true,
'dynamicSubgroupHost' => true,
'presetGroup' => 'divi/image'
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' => '{{selector}}.et_pb_module .et_shop_image'
],
'fit' => [
'selector' => '{{selector}} .et_shop_image img'
],
'sizing' => [
'selector' => '{{selector}} .et_shop_image',
'propertySelectors' => [
'desktop' => [
'value' => [
'aspect-ratio' =>
'{{selector}} .et_shop_image img'
]
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'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'
]
]
],
'designStarRating' => [
'panel' => 'design',
'priority' => 20,
'groupName' => 'designStarRating',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Star Rating',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designProductTitleText' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designProductTitleText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Product Title Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designPriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designSalePriceText' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designSalePriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Price Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'woocommerce/products' => [
'name' => 'divi/shop',
'd4Shortcode' => 'et_pb_shop',
'moduleClassName' => 'et_pb_shop',
'moduleOrderClassName' => 'et_pb_shop',
'title' => 'Woo Products',
'titles' => 'Woo Products',
'description' =>
'Display a grid of WooCommerce products filtered by category, tag, or recency.',
'keywords' => [
'woocommerce',
'woo',
'storefront',
'products grid',
'product list',
'store'
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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' => [
'image' => [
'panel' => 'design',
'groupType' => 'group',
'groupName' => 'image',
'priority' => 20,
'component' => [
'type' => 'group',
'name' => 'divi/image',
'props' => [
'attrName' => 'image',
'groupLabel' => 'Image',
'grouped' => true,
'dynamicSubgroupHost' => true,
'presetGroup' => 'divi/image',
'fields' => [
'sizingGroup' => [
'component' => [
'props' => [
'dynamicSubgroupHostLayoutStyle' =>
'block'
]
]
]
]
]
]
]
]
],
'styleProps' => [
'background' => [
'selector' =>
'{{selector}}.et_pb_shop .et_shop_image > img, {{selector}}.et_pb_shop .et_shop_image .et_overlay',
'important' => true
],
'fit' => [
'selector' =>
'{{selector}}.et_pb_shop .et_shop_image > img'
],
'sizing' => [
'selector' => '{{selector}}.et_pb_shop .et_shop_image',
'propertySelectors' => [
'desktop' => [
'value' => [
'aspect-ratio' =>
'{{selector}}.et_pb_shop .et_shop_image > img',
'height' =>
'{{selector}}.et_pb_shop .et_shop_image, {{selector}}.et_pb_shop ul.products li.product .et_shop_image > img',
'min-height' =>
'{{selector}}.et_pb_shop .et_shop_image, {{selector}}.et_pb_shop ul.products li.product .et_shop_image > img',
'max-height' =>
'{{selector}}.et_pb_shop .et_shop_image, {{selector}}.et_pb_shop ul.products li.product .et_shop_image > img'
]
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'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'
]
]
]
],
'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' => [
'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',
'dynamicSubgroupHost' => true,
'fields' => [
'textAlign' => [
'render' => false
]
]
]
]
]
]
]
],
'styleProps' => [
'font' => [
'selector' =>
'{{selector}}.et_pb_shop .woocommerce ul.products li.product .price ins .amount'
]
]
],
'pagination' => [
'type' => 'object',
'settings' => [
'decoration' => [
'font' => [
'groupType' => 'group-item',
'item' => [
'groupSlug' => 'designPaginationText',
'priority' => 160,
'render' => true,
'component' => [
'type' => 'group',
'name' => 'divi/font',
'props' => [
'grouped' => false,
'fieldLabel' => 'Pagination',
'groupLabel' => 'Pagination',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'styleProps' => [
'selector' =>
'{{selector}}.et_pb_shop .woocommerce-pagination a.page-numbers, {{selector}}.et_pb_shop .woocommerce-pagination span.page-numbers',
'font' => [
'propertySelectors' => [
'font' => [
'desktop' => [
'value' => [
'text-align' =>
'{{selector}}.et_pb_shop .woocommerce-pagination ul.page-numbers'
]
]
]
],
'important' => [
'font' => [
'desktop' => [
'value' => [
'color' => true
]
]
]
]
]
]
]
],
'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'
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designPriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designSalePriceText' => [
'panel' => 'design',
'priority' => 50,
'groupName' => 'designSalePriceText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Price Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designPaginationText' => [
'panel' => 'design',
'priority' => 55,
'groupName' => 'designPaginationText',
'multiElements' => true,
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Pagination Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'description' =>
'Show products related to the current WooCommerce product on a single-product page.',
'keywords' => [
'woocommerce',
'woo',
'shop',
'related items',
'cross sell',
'product recommendations'
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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' => [
'image' => [
'panel' => 'design',
'groupType' => 'group',
'groupName' => 'image',
'priority' => 10,
'component' => [
'type' => 'group',
'name' => 'divi/image',
'props' => [
'attrName' => 'image',
'groupLabel' => 'Image',
'grouped' => true,
'dynamicSubgroupHost' => true,
'presetGroup' => 'divi/image',
'fields' => [
'sizingGroup' => [
'component' => [
'props' => [
'dynamicSubgroupHostLayoutStyle' =>
'block'
]
]
]
]
]
]
]
]
],
'styleProps' => [
'fit' => [
'selector' => '{{selector}} .et_shop_image img'
],
'sizing' => [
'selector' => '{{selector}} .et_shop_image',
'propertySelectors' => [
'desktop' => [
'value' => [
'aspect-ratio' =>
'{{selector}} .et_shop_image img',
'height' =>
'{{selector}} .et_shop_image, {{selector}} ul.products li.product .et_shop_image img',
'min-height' =>
'{{selector}} .et_shop_image, {{selector}} ul.products li.product .et_shop_image img',
'max-height' =>
'{{selector}} .et_shop_image, {{selector}} ul.products li.product .et_shop_image img'
]
]
]
],
'border' => [
'propertySelectors' => [
'desktop' => [
'hover' => [
'border-radius' =>
'{{selector}}.et_pb_module .et_shop_image > img{{:hover}}, {{selector}}.et_pb_module .et_shop_image{{:hover}} .et_overlay, {{selector}}.et_pb_module .et_shop_image{{:hover}} > .box-shadow-overlay'
],
'value' => [
'border-radius' =>
'{{selector}}.et_pb_module .et_shop_image > img, {{selector}}.et_pb_module .et_shop_image .et_overlay, {{selector}}.et_pb_module .et_shop_image > .box-shadow-overlay',
'border-style' =>
'{{selector}}.et_pb_module .et_shop_image > img, {{selector}}.et_pb_module .et_shop_image .et_overlay'
]
]
],
'important' => true
],
'boxShadow' => [
'selector' =>
'{{selector}}.et_pb_module ul.products li.product .et_shop_image > img',
'important' => true,
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
]
]
]
],
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'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',
'dynamicSubgroupHost' => true,
'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'
]
]
],
'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',
'dynamicSubgroupHost' => true
]
]
],
'designProductTitleText' => [
'panel' => 'design',
'priority' => 35,
'groupName' => 'designProductTitleText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Product Title Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designPriceText' => [
'panel' => 'design',
'priority' => 40,
'groupName' => 'designPriceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Price Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
],
'designSalePriceText' => [
'panel' => 'design',
'priority' => 45,
'groupName' => 'designSalePriceText',
'component' => [
'name' => 'divi/composite',
'props' => [
'groupLabel' => 'Sale Price Text',
'presetGroup' => 'divi/font',
'dynamicSubgroupHost' => true
]
]
]
]
]
]
];