Pods: Divi 4.0 - Pods custom fields not displaying in dynamic fields in divi builder

[christianmarth]

Describe the bug
When I have a custom post type and custom fields created with Pods, I am unable to access them in the Divi Theme Builder using the Divi dynamic fields

To Reproduce
Steps to reproduce the behaviour:

1. Start with a fresh WordPress Installation
2. Install Divi Theme 4.0
3. Install Pods
4. Using Pods, create a custom post type (e.g Cars)
5. Create custom fields for the newly created custom post type (e.g. Make, Model, Price)
6. Go to Divi Theme Builder
7. Create a new template for all {post type} (in this example all cars) This will create the template for single-{post-type}.php
8. Add custom body
9. Build custom body
10. Build from scratch
11. Add a new full width row
12. Insert text module
13. Hover over the text input area to show the database icon with the plus symbol indicating use dynamic content
14. Observe that the pods custom fields for our custom post type do not appear on the list of dynamic fields available in Divi

Expected behaviour
When a custom post type and custom field created with Pods exists, then this custom field is displayed in Divi Theme Build Dynamic Content option

Screenshots
A demonstration of the issue can be seen on the video below
https://youtu.be/8RE17y_JqYY

Pods Version

Pods Version 2.7.16.2 and Divi Version: 4.0.9

WordPress Environment

`

wp-core

version: 5.3.2
site_language: en_US
user_language: en_US
timezone: +00:00
permalink: /index.php/%year%/%monthnum%/%day%/%postname%/
https_status: true
user_registration: 0
default_comment_status: open
multisite: false
user_count: 1
dotorg_communication: true

wp-paths-sizes

wordpress_path: /home/customer/www/helpleh.com.sg/public_html
wordpress_size: 45.13 MB (47326071 bytes)
uploads_path: /home/customer/www/helpleh.com.sg/public_html/wp-content/uploads
uploads_size: 0.00 B (0 bytes)
themes_path: /home/customer/www/helpleh.com.sg/public_html/wp-content/themes
themes_size: 37.16 MB (38969272 bytes)
plugins_path: /home/customer/www/helpleh.com.sg/public_html/wp-content/plugins
plugins_size: 11.82 MB (12389390 bytes)
database_size: 2.30 MB (2408448 bytes)
total_size: 96.41 MB (101093181 bytes)

wp-active-theme

name: Divi (Divi-4)
version: 4.0.9
author: Elegant Themes
author_website: http://www.elegantthemes.com
parent_theme: none
theme_features: custom-background, automatic-feed-links, post-thumbnails, menus, title-tag, post-formats, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, editor-style, widgets
theme_path: /home/customer/www/helpleh.com.sg/public_html/wp-content/themes/Divi-4

wp-themes-inactive (4)

Twenty Nineteen: version: 1.4, author: the WordPress team
Twenty Seventeen: version: 2.2, author: the WordPress team
Twenty Sixteen: version: 2.0, author: the WordPress team
Twenty Twenty: version: 1.1, author: the WordPress team

wp-plugins-active (2)

Advanced Custom Fields: version: 5.8.7, author: Elliot Condon
Pods - Custom Content Types and Fields: version: 2.7.16.2, author: Pods Framework Team

wp-media

image_editor: WP_Image_Editor_GD
imagick_module_version: Not available
imagemagick_version: Not available
gd_version: bundled (2.1.0 compatible)
ghostscript_version: 9.27

wp-server

server_architecture: Linux 3.12.18-clouder0 x86_64
httpd_software: Apache
php_version: 7.1.33 64bit
php_sapi: cgi-fcgi
max_input_variables: 3000
time_limit: 120
memory_limit: 768M
max_input_time: 120
upload_max_size: 128M
php_post_max_size: 128M
curl_version: 7.61.1 OpenSSL/1.1.1d
suhosin: false
imagick_availability: false
htaccess_extra_rules: false

wp-database

extension: mysqli
server_version: 5.7.25-28-log
client_version: mysqlnd 5.0.12-dev - 20150407 - $Id: 38fea24f2847fa7519001be390c98ae0acafe387 $

wp-constants

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/customer/www/helpleh.com.sg/public_html/wp-content
WP_PLUGIN_DIR: /home/customer/www/helpleh.com.sg/public_html/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 768M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
DB_CHARSET: utf8
DB_COLLATE: undefined

wp-filesystem

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

pods

pods-server-software: Apache
pods-user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Safari/605.1.15
pods-session-save-path: /tmp
pods-session-save-path-exists: Yes
pods-session-save-path-writable: Yes
pods-session-max-lifetime: 1440
pods-opcode-cache-apc: No
pods-opcode-cache-memcached: No
pods-opcode-cache-opcache: Yes
pods-opcode-cache-redis: No
pods-object-cache-apc: No
pods-object-cache-apcu: No
pods-object-cache-memcache: No
pods-object-cache-memcached: Yes
pods-object-cache-redis: No
pods-memory-current-usage: 7.123M
pods-memory-current-usage-real: 8.000M
pods-network-wide: No
pods-install-location: /home/customer/www/helpleh.com.sg/public_html/wp-content/plugins/pods/
pods-developer: No
pods-tableless-mode: No
pods-light-mode: No
pods-strict: No
pods-allow-deprecated: Yes
pods-api-cache: Yes
pods-shortcode-allow-evaluate-tags: No

`

Pods Package Export (helpful!)

{"meta":{"version":"2.7.16.2","build":1578299886},"pods":{"7":{"id":7,"name":"car","label":"Cars","description":"","type":"post_type","storage":"meta","object":"","alias":"","fields":{"make":{"id":8,"name":"make","label":"Make","description":"","help":"","class":"","type":"text","weight":0,"pick_object":"","pick_val":"","sister_id":"","required":"0","text_allow_shortcode":"0","text_allow_html":"0","text_allowed_html_tags":"strong em a ul ol li b i","text_max_length":"255","pick_post_status":["publish"],"admin_only":"0","restrict_role":"0","restrict_capability":"0","hidden":"0","read_only":"0","roles_allowed":["administrator"],"rest_read":"0","rest_write":"0","rest_pick_response":"array","rest_pick_depth":"2","text_repeatable":0,"text_placeholder":""},"model":{"id":9,"name":"model","label":"Model","description":"","help":"","class":"","type":"text","weight":1,"pick_object":"","pick_val":"","sister_id":"","required":"0","text_allow_shortcode":"0","text_allow_html":"0","text_allowed_html_tags":"strong em a ul ol li b i","text_max_length":"255","pick_post_status":["publish"],"admin_only":"0","restrict_role":"0","restrict_capability":"0","hidden":"0","read_only":"0","roles_allowed":["administrator"],"rest_read":"0","rest_write":"0","rest_pick_response":"array","rest_pick_depth":"2","text_repeatable":0,"text_placeholder":""},"price":{"id":10,"name":"price","label":"Price","description":"","help":"","class":"","type":"currency","weight":2,"pick_object":"","pick_val":"","sister_id":"","required":"0","currency_format_type":"number","currency_format_sign":"usd","currency_format_placement":"before","currency_format":"i18n","currency_decimals":"2","currency_decimal_handling":"none","currency_step":"1","currency_min":"0","currency_max":"1000","currency_max_length":"12","pick_post_status":["publish"],"admin_only":"0","restrict_role":"0","restrict_capability":"0","hidden":"0","read_only":"0","roles_allowed":["administrator"],"rest_read":"0","rest_write":"0","rest_pick_response":"array","rest_pick_depth":"2","currency_repeatable":0,"currency_placeholder":""}},"show_in_menu":"1","label_singular":"Car","public":"1","show_ui":"1","supports_title":"1","supports_editor":"1","publicly_queryable":"1","exclude_from_search":"0","capability_type":"post","capability_type_custom":"car","capability_type_extra":"1","has_archive":"0","hierarchical":"0","rewrite":"1","rewrite_with_front":"1","rewrite_feeds":"0","rewrite_pages":"1","query_var":"1","can_export":"1","default_status":"draft","supports_author":"0","supports_thumbnail":"0","supports_excerpt":"0","supports_trackbacks":"0","supports_custom_fields":"0","supports_comments":"0","supports_revisions":"0","supports_page_attributes":"0","supports_post_formats":"0","built_in_taxonomies_category":"0","built_in_taxonomies_link_category":"0","built_in_taxonomies_post_tag":"0","built_in_taxonomies_project_category":"0","built_in_taxonomies_project_tag":"0","menu_position":"0","show_in_nav_menus":"1","show_in_admin_bar":"1","pfat_enable":"0","pfat_run_outside_loop":"0","pfat_append_single":"append","pfat_filter_single":"the_content","pfat_append_archive":"append","pfat_filter_archive":"the_content","rest_enable":"0","read_all":"0","write_all":"0"}}}

Additional context

This issue has also been raised in the WordPress support forum

https://wordpress.org/support/topic/custom-field-and-divi-4-template/
https://wordpress.org/support/topic/custom-fields-not-available-in-divi-theme-builder/

And also on the Divi Support Forum

https://www.elegantthemes.com/forum/viewtopic.php?f=187&t=898718

Possible Workaround
Use Advanced Custom Fields or Elementor

[issue-label-bot[bot]]

Issue-Label Bot is automatically applying the label Type: Bug to this issue, with a confidence of 0.88. Please mark this comment with :thumbsup: or :thumbsdown: to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[christianmarth]

Looking at the function in Divi to get custom dynamic content fields in Divi

includes/builder/feature/dynamic-content.php

/**
 * Get custom dynamic content fields.
 *
 * @since 3.17.2
 *
 * @param integer $post_id
 *
 * @return array[]
 */
function et_builder_get_custom_dynamic_content_fields( $post_id ) {
    $raw_custom_fields = get_post_meta( $post_id );
    $raw_custom_fields = is_array( $raw_custom_fields ) ? $raw_custom_fields : array();
    $custom_fields     = array();

    /**
     * Filter post meta accepted as custom field options in dynamic content.
     * Post meta prefixed with `_` is considered hidden from dynamic content options by default
     * due to its nature as "hidden meta keys". This filter allows third parties to
     * circumvent this limitation.
     *
     * @since 3.17.2
     *
     * @param string[] $meta_keys
     * @param integer $post_id
     *
     * @return string[]
     */
    $display_hidden_meta_keys = apply_filters( 'et_builder_dynamic_content_display_hidden_meta_keys', array(), $post_id );

    foreach ( $raw_custom_fields as $key => $values ) {
        if ( substr( $key, 0, 1 ) === '_' && ! in_array( $key, $display_hidden_meta_keys ) ) {
            // Ignore hidden meta keys.
            continue;
        }

        if ( substr( $key, 0, 3 ) === 'et_' ) {
            // Ignore ET meta keys as they are not suitable for dynamic content use.
            continue;
        }

        $label = str_replace( array( '_', '-' ), ' ', $key );
        $label = ucwords( $label );
        $label = trim( $label );

        /**
         * Filter the display label for a custom field.
         *
         * @since 3.17.2
         *
         * @param string $label
         * @param string $meta_key
         */
        $label = apply_filters( 'et_builder_dynamic_content_custom_field_label', $label, $key );

        $field = array(
            'label'    => $label,
            'type'     => 'any',
            'fields'   => array(
                'before' => array(
                    'label'   => esc_html__( 'Before', 'et_builder' ),
                    'type'    => 'text',
                    'default' => '',
                    'show_on' => 'text',
                ),
                'after'  => array(
                    'label'   => esc_html__( 'After', 'et_builder' ),
                    'type'    => 'text',
                    'default' => '',
                    'show_on' => 'text',
                ),
            ),
            'meta_key' => $key,
            'custom'   => true,
            'group'    => __( 'Custom Fields', 'et_builder' ),
        );

        if ( current_user_can( 'unfiltered_html' ) ) {
            $field['fields']['enable_html'] = array(
                'label'   => esc_html__( 'Enable raw HTML', 'et_builder' ),
                'type'    => 'yes_no_button',
                'options' => array(
                    'on'  => esc_html__( 'Yes', 'et_builder' ),
                    'off' => esc_html__( 'No', 'et_builder' ),
                ),
                'default' => 'off',
                'show_on' => 'text',
            );
        }

        $custom_fields[ "custom_meta_{$key}" ] = $field;
    }

    /**
     * Filter available custom field options for dynamic content.
     *
     * @since 3.17.2
     *
     * @param array[] $custom_fields
     * @param int     $post_id
     * @param mixed[] $raw_custom_fields
     *
     * @return array[]
     */
    $custom_fields = apply_filters( 'et_builder_custom_dynamic_content_fields', $custom_fields, $post_id, $raw_custom_fields );

    return $custom_fields;
}

The output of the function get_post_meta($id) where $id is set to a known id of a custom post with custom fields is

The custom fields created with pods are make, model and price

The custom field created with ACF (Advanced Custom Fields) is transmission

[_edit_last] => Array (
    [0] => 1
    )
[_edit_lock] => Array (
    [0] => 1578297290:1
    )
[make] => Array (
    [0] => Daihatsu
    )
[model] => Array (
    [0] => Charade
    )
[price] => Array (
    [0] => 15000.00
    )
[transmission] => Array (
    [0] => Automatic
    )
[_transmission] => Array (
    [0] => field_5e12e7aa9aade
    )

This would lead to me to assume that Divi dynamic content function is not recognising the custom fields stored in post_meta by pods

[christianmarth]

An interesting observation, if I hardcode the $post_id in the et_builder_get_custom_dynamic_content_fields function to my custom post, it will retrieve all the custom fields from Pods and it's functioning as expected

Hardcoding the Post ID in dynamic-content.php L:476 to one that is a known custom-post with custom fields built using Pods

The post_id of the cars custom post_type item

The Divi Theme Builder editor showing the custom fields from Pods

The front end rendering the custom fields from my custom post type built using Pods

[christianmarth]

Tagging developers of @elegantthemes to review this issue

@lceberg @lots0logs @Moonomo @sofyansitorus @Abd-Ur-Rehman

[VladET]

@christianmarth Thanks for bringing this to our attention!

Currently, the Theme Builder only supports custom fields created with the Advanced Custom Fields plugin but we are working on a fix that will add support for all custom fields that have a stored value regardless of which plugin was used to create them.

I think you can close this here since we'll address it on our end. :smile:

[christianmarth]

@VladET Thank you, When is this expected to be resolved and is there a patch that can be used in the meantime?

[JoryHogeveen]

Closing this topic here! @VladET Thank you for the update.

[VladET]

@christianmarth We are still working on this so we don't have a patch I'm afraid and I also don't have an ETA I can share at the moment.

@JoryHogeveen You're welcome! :smile:

[Deliciae]

Not to hijack this thread but i'm using ACF and the custom fields aren't being displayed either. @VladET

[VladET]

@Deliciae ACF custom fields are supported right now in Divi. Please open a chat with our Support Team on https://www.elegantthemes.com/ and we will be happy to take a closer look.

I would also like to point out that this is the Pods Framework repo which is owned by a different company. The best way to reach out to us, Elegant Themes, in regard to any of our products is by opening a chat through our main website.

[fwolfst]

I'd be happy if somebody posts an update here if the issue is solved on divi side.

[Cowbelly]

Status update on PODs custom fields and Divi Theme Builder?

[jimtrue]

@Cowbelly Please read the thread of the conversation above. This is an issue that needs to be handled by Elegant Themes (https://github.com/pods-framework/pods/issues/5565#issuecomment-571199559). You folks would need to open a ticket with them and they'll link it to the issue on their side.

[ChAsadUrRehman]

here is a simple fix (temporary because you will need to perform these steps after each Divi update) that you guys can use until Divi Devs get some time to fix this simple issue
https://github.com/ChAsadUrRehman/show-custom-fields-in-divi-dynamic-content-field

[jhit]

@ChAsadUrRehman I tried your patch and it did not work. I still get no custom fields for my posts in the Divi Theme Editor.

[ChAsadUrRehman]

@jhit I just tested and it's working perfectly fine (Screenshot Attached)... maybe if you can share your dynamic-content.php and I will be happy to have a look and help you debugging and fixing the issue :-)

[jhit]

@christianmarth https://gist.github.com/jhit/2a21689f5a138c6487f9b02ebeb2af2f
Thank you for your help.

[ChAsadUrRehman]

@jhit I copy pasted your code and it's working fine. Maybe if you can test this on your another test/staging site?

[baba43]

@VladET is there any issue / link we can follow to see a status of this?

Or are you willing to keep this thread updated, since everyone is arriving here right now.

[jimtrue]

@baba43 They only keep coming here because our GitHub is public. This issue needs to be addressed at the Divi side of the equation :)

[baba43]

@jimtrue I know, that's why I tagged VladET, or is that wrong?

[VladET]

@baba43 @jimtrue We've addressed this in Divi 4.4.4 which was released just a few days ago.

version 4.4.4 ( updated 04-23-2020 )
- Added input field to enter the meta_key in the Dynamic Content field option list.
[...]

In addition to this, we are also now displaying a list of 50 most used registered custom fields. The limit is in place for performance reasons.

In the following screenshots, you'll see I have a Cars custom post type with 3 custom fields (Make, Model, and Year) and these custom fields are now displayed in the dynamic content custom fields list.

If you have a lot of custom fields and the one you need is not on the list, you can use the Manual Custom Field Name filed to add it.