[Resolved] Problem linking to Toolset fields after DIVI update

[Author]

Posts

[jeffS-18]

Our ticket from two days ago mentioned we were having a 500 error when trying to edit custom post types that use templates managed in Toolset. While we resolved this issue after backing up the site and updating DIVI, although the 500 errors went away and products were editable again, certain images don't show up any more, and when I navigate to these places in the template within Toolset, you can see a series of syntax errors being flagged where those fields are being brought into the template in Toolset/DIVI builder. The live site with a (broken) product template can be seen here: hidden link. A Wayback Machine copy of the site before the "break" can be seen here, notice the product image that animates in and the logo changes to one that corresponds to the product's color: hidden link.

The attached image shows the view in DIVI builder for the product template, with red boxed syntax errors after the call to the Toolset custom field for "product-image".

[Nigel]

Hi there

The screenshot looks odd, inasmuch as it appears to be outputting a types image field in a CSS block.

Are you able to use a tool like phpMyAdmin (or an Adminer plugin that lets you access the database from within the WordPress backend), and locate the entry in wp_posts for that Divi template?

Can you paste here the post body content for that Divi template, it should be possible looking at it to get an idea of what that template is composed of.

[jeffS-18]

Hi Nigel, Thanks much for your quick response. Yeah I thought that was strange, too. The types image fields are indeed in a CSS "space" in the template, under the image element > Advanced > Custom CSS. Below is all of the body content of the post for "Our Products Template"

[et_pb_section fb_built="1" specialty="on" disabled_on="on|on|off" module_class="page-section-juices" _builder_version="4.16" background_size="initial" background_position="top_right" custom_padding="180px||50px|" z_index_tablet="500" custom_css_main_element="background-color:{!{types field='background-color'}!}{!{/types}!};||" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"][et_pb_column type="2_3" specialty_columns="4" _builder_version="4.16" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][et_pb_row_inner _builder_version="4.16" custom_padding="||0px|" z_index_tablet="500" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"][et_pb_column_inner saved_specialty_column_type="2_3" _builder_version="3.0.47" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][et_pb_text _builder_version="4.16" custom_margin="||0px|" z_index_tablet="500" custom_css_main_element="color:{!{types field='accent-color'}!}{!{/types}!};||" text_text_shadow_horizontal_length_tablet="0px" text_text_shadow_vertical_length_tablet="0px" text_text_shadow_blur_strength_tablet="1px" link_text_shadow_horizontal_length_tablet="0px" link_text_shadow_vertical_length_tablet="0px" link_text_shadow_blur_strength_tablet="1px" ul_text_shadow_horizontal_length_tablet="0px" ul_text_shadow_vertical_length_tablet="0px" ul_text_shadow_blur_strength_tablet="1px" ol_text_shadow_horizontal_length_tablet="0px" ol_text_shadow_vertical_length_tablet="0px" ol_text_shadow_blur_strength_tablet="1px" quote_text_shadow_horizontal_length_tablet="0px" quote_text_shadow_vertical_length_tablet="0px" quote_text_shadow_blur_strength_tablet="1px" header_text_shadow_horizontal_length_tablet="0px" header_text_shadow_vertical_length_tablet="0px" header_text_shadow_blur_strength_tablet="1px" header_2_text_shadow_horizontal_length_tablet="0px" header_2_text_shadow_vertical_length_tablet="0px" header_2_text_shadow_blur_strength_tablet="1px" header_3_text_shadow_horizontal_length_tablet="0px" header_3_text_shadow_vertical_length_tablet="0px" header_3_text_shadow_blur_strength_tablet="1px" header_4_text_shadow_horizontal_length_tablet="0px" header_4_text_shadow_vertical_length_tablet="0px" header_4_text_shadow_blur_strength_tablet="1px" header_5_text_shadow_horizontal_length_tablet="0px" header_5_text_shadow_vertical_length_tablet="0px" header_5_text_shadow_blur_strength_tablet="1px" header_6_text_shadow_horizontal_length_tablet="0px" header_6_text_shadow_vertical_length_tablet="0px" header_6_text_shadow_blur_strength_tablet="1px" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"]<h1 style="color: {!{types field='accent-color'}!};">{!{wpv-post-title}!}</h1>
[/et_pb_text][et_pb_text _builder_version="4.16" text_text_color="#ffffff" z_index_tablet="500" text_text_shadow_horizontal_length_tablet="0px" text_text_shadow_vertical_length_tablet="0px" text_text_shadow_blur_strength_tablet="1px" link_text_shadow_horizontal_length_tablet="0px" link_text_shadow_vertical_length_tablet="0px" link_text_shadow_blur_strength_tablet="1px" ul_text_shadow_horizontal_length_tablet="0px" ul_text_shadow_vertical_length_tablet="0px" ul_text_shadow_blur_strength_tablet="1px" ol_text_shadow_horizontal_length_tablet="0px" ol_text_shadow_vertical_length_tablet="0px" ol_text_shadow_blur_strength_tablet="1px" quote_text_shadow_horizontal_length_tablet="0px" quote_text_shadow_vertical_length_tablet="0px" quote_text_shadow_blur_strength_tablet="1px" header_text_shadow_horizontal_length_tablet="0px" header_text_shadow_vertical_length_tablet="0px" header_text_shadow_blur_strength_tablet="1px" header_2_text_shadow_horizontal_length_tablet="0px" header_2_text_shadow_vertical_length_tablet="0px" header_2_text_shadow_blur_strength_tablet="1px" header_3_text_shadow_horizontal_length_tablet="0px" header_3_text_shadow_vertical_length_tablet="0px" header_3_text_shadow_blur_strength_tablet="1px" header_4_text_shadow_horizontal_length_tablet="0px" header_4_text_shadow_vertical_length_tablet="0px" header_4_text_shadow_blur_strength_tablet="1px" header_5_text_shadow_horizontal_length_tablet="0px" header_5_text_shadow_vertical_length_tablet="0px" header_5_text_shadow_blur_strength_tablet="1px" header_6_text_shadow_horizontal_length_tablet="0px" header_6_text_shadow_vertical_length_tablet="0px" header_6_text_shadow_blur_strength_tablet="1px" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"]<p>{!{wpv-post-body view_template="None"}!}</p>
[/et_pb_text][et_pb_button button_url="@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9tZXRhX2tleSIsInNldHRpbmdzIjp7ImJlZm9yZSI6IiIsImFmdGVyIjoiIiwibWV0YV9rZXkiOiJidXktbm93LXVybCJ9fQ==@" url_new_window="on" button_text="Buy Now! " button_alignment="left" admin_label="Button" _builder_version="4.20.4" _dynamic_attributes="button_url" custom_button="on" button_border_width="0px" button_icon="5||divi||400" button_on_hover="off" z_index_tablet="500" custom_css_main_element="background-color:#ffffff;||color: {!{types field='background-color'}!}{!{/types}!} !important;||" button_text_shadow_horizontal_length_tablet="0px" button_text_shadow_vertical_length_tablet="0px" button_text_shadow_blur_strength_tablet="1px" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"][/et_pb_button][/et_pb_column_inner][/et_pb_row_inner][et_pb_row_inner column_structure="1_2,1_2" admin_label="Row" _builder_version="4.16" global_colors_info="{}"][et_pb_column_inner type="1_2" saved_specialty_column_type="2_3" _builder_version="3.0.47" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][et_pb_text _builder_version="4.16" header_2_font="|700|||||||" z_index_tablet="500" text_text_shadow_horizontal_length_tablet="0px" text_text_shadow_vertical_length_tablet="0px" text_text_shadow_blur_strength_tablet="1px" link_text_shadow_horizontal_length_tablet="0px" link_text_shadow_vertical_length_tablet="0px" link_text_shadow_blur_strength_tablet="1px" ul_text_shadow_horizontal_length_tablet="0px" ul_text_shadow_vertical_length_tablet="0px" ul_text_shadow_blur_strength_tablet="1px" ol_text_shadow_horizontal_length_tablet="0px" ol_text_shadow_vertical_length_tablet="0px" ol_text_shadow_blur_strength_tablet="1px" quote_text_shadow_horizontal_length_tablet="0px" quote_text_shadow_vertical_length_tablet="0px" quote_text_shadow_blur_strength_tablet="1px" header_text_shadow_horizontal_length_tablet="0px" header_text_shadow_vertical_length_tablet="0px" header_text_shadow_blur_strength_tablet="1px" header_2_text_shadow_horizontal_length_tablet="0px" header_2_text_shadow_vertical_length_tablet="0px" header_2_text_shadow_blur_strength_tablet="1px" header_3_text_shadow_horizontal_length_tablet="0px" header_3_text_shadow_vertical_length_tablet="0px" header_3_text_shadow_blur_strength_tablet="1px" header_4_text_shadow_horizontal_length_tablet="0px" header_4_text_shadow_vertical_length_tablet="0px" header_4_text_shadow_blur_strength_tablet="1px" header_5_text_shadow_horizontal_length_tablet="0px" header_5_text_shadow_vertical_length_tablet="0px" header_5_text_shadow_blur_strength_tablet="1px" header_6_text_shadow_horizontal_length_tablet="0px" header_6_text_shadow_vertical_length_tablet="0px" header_6_text_shadow_blur_strength_tablet="1px" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"]<p>{!{types field='nutrition-facts'}!}{!{/types}!}</p>
[/et_pb_text][/et_pb_column_inner][et_pb_column_inner type="1_2" saved_specialty_column_type="2_3" _builder_version="3.0.47" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][et_pb_text _builder_version="4.16" header_2_font="|700|||||||" z_index_tablet="500" text_text_shadow_horizontal_length_tablet="0px" text_text_shadow_vertical_length_tablet="0px" text_text_shadow_blur_strength_tablet="1px" link_text_shadow_horizontal_length_tablet="0px" link_text_shadow_vertical_length_tablet="0px" link_text_shadow_blur_strength_tablet="1px" ul_text_shadow_horizontal_length_tablet="0px" ul_text_shadow_vertical_length_tablet="0px" ul_text_shadow_blur_strength_tablet="1px" ol_text_shadow_horizontal_length_tablet="0px" ol_text_shadow_vertical_length_tablet="0px" ol_text_shadow_blur_strength_tablet="1px" quote_text_shadow_horizontal_length_tablet="0px" quote_text_shadow_vertical_length_tablet="0px" quote_text_shadow_blur_strength_tablet="1px" header_text_shadow_horizontal_length_tablet="0px" header_text_shadow_vertical_length_tablet="0px" header_text_shadow_blur_strength_tablet="1px" header_2_text_shadow_horizontal_length_tablet="0px" header_2_text_shadow_vertical_length_tablet="0px" header_2_text_shadow_blur_strength_tablet="1px" header_3_text_shadow_horizontal_length_tablet="0px" header_3_text_shadow_vertical_length_tablet="0px" header_3_text_shadow_blur_strength_tablet="1px" header_4_text_shadow_horizontal_length_tablet="0px" header_4_text_shadow_vertical_length_tablet="0px" header_4_text_shadow_blur_strength_tablet="1px" header_5_text_shadow_horizontal_length_tablet="0px" header_5_text_shadow_vertical_length_tablet="0px" header_5_text_shadow_blur_strength_tablet="1px" header_6_text_shadow_horizontal_length_tablet="0px" header_6_text_shadow_vertical_length_tablet="0px" header_6_text_shadow_blur_strength_tablet="1px" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"]<h2>Ingredients:</h2>
<p>{!{types field='ingredients'}!}{!{/types}!}</p>
[/et_pb_text][/et_pb_column_inner][/et_pb_row_inner][/et_pb_column][et_pb_column type="1_3" _builder_version="4.16" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][et_pb_image _builder_version="4.20.4" _module_preset="default" animation_style="bounce" animation_duration="900ms" custom_css_main_element="transform: rotate(8deg);||{!{types field='product-image'}!}{!{/types}!};" global_colors_info="{}"][/et_pb_image][/et_pb_column][/et_pb_section][et_pb_section fb_built="1" module_class="more-juices" _builder_version="4.16" z_index="13" inner_width_tablet="50px" inner_max_width_tablet="50px" custom_margin="0px||||false|false" custom_padding="0px||||false|false" z_index_tablet="500" custom_css_main_element="background-color:{!{types field='accent-color'}!}{!{/types}!};" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"][et_pb_row _builder_version="4.16" width_last_edited="off|phone" custom_padding="0px||||false|false" z_index_tablet="500" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.16" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][et_pb_image align="center" align_tablet="center" align_phone="" align_last_edited="on|desktop" _builder_version="4.16" z_index_tablet="500" custom_css_main_element="{!{types field='related-product-banner'}!}{!{/types}!}" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"][/et_pb_image][et_pb_code _builder_version="4.16" z_index_tablet="500" global_colors_info="{}"]{!{wpv-view name="product-pages-bottom-listing"}!}[/et_pb_code][/et_pb_column][/et_pb_row][et_pb_row _builder_version="4.16" width_last_edited="off|phone" custom_padding="0px||||false|false" z_index_tablet="500" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.16" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][et_pb_text _builder_version="4.16" text_font="Titillium Web||||||||" text_font_size="45px" text_line_height="1em" text_orientation="center" z_index_tablet="500" custom_css_main_element="color:{!{types field='background-color'}!}{!{/types}!} !important;||" text_text_shadow_horizontal_length_tablet="0px" text_text_shadow_vertical_length_tablet="0px" text_text_shadow_blur_strength_tablet="1px" link_text_shadow_horizontal_length_tablet="0px" link_text_shadow_vertical_length_tablet="0px" link_text_shadow_blur_strength_tablet="1px" ul_text_shadow_horizontal_length_tablet="0px" ul_text_shadow_vertical_length_tablet="0px" ul_text_shadow_blur_strength_tablet="1px" ol_text_shadow_horizontal_length_tablet="0px" ol_text_shadow_vertical_length_tablet="0px" ol_text_shadow_blur_strength_tablet="1px" quote_text_shadow_horizontal_length_tablet="0px" quote_text_shadow_vertical_length_tablet="0px" quote_text_shadow_blur_strength_tablet="1px" header_text_shadow_horizontal_length_tablet="0px" header_text_shadow_vertical_length_tablet="0px" header_text_shadow_blur_strength_tablet="1px" header_2_text_shadow_horizontal_length_tablet="0px" header_2_text_shadow_vertical_length_tablet="0px" header_2_text_shadow_blur_strength_tablet="1px" header_3_text_shadow_horizontal_length_tablet="0px" header_3_text_shadow_vertical_length_tablet="0px" header_3_text_shadow_blur_strength_tablet="1px" header_4_text_shadow_horizontal_length_tablet="0px" header_4_text_shadow_vertical_length_tablet="0px" header_4_text_shadow_blur_strength_tablet="1px" header_5_text_shadow_horizontal_length_tablet="0px" header_5_text_shadow_vertical_length_tablet="0px" header_5_text_shadow_blur_strength_tablet="1px" header_6_text_shadow_horizontal_length_tablet="0px" header_6_text_shadow_vertical_length_tablet="0px" header_6_text_shadow_blur_strength_tablet="1px" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" text_text_align="center" global_colors_info="{}"]<p>
100% OF WHAT YOU WANT... 0% OF WHAT YOU DON'T.</p>
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built="1" module_class="page-section-juices-bottom" _builder_version="4.16" z_index_tablet="500" custom_css_main_element="background-image:url({!{types field='background-image' size='full' resize='proportional' position='top left' url='true'}!}{!{/types}!});||background-color: transparent;" box_shadow_horizontal_tablet="0px" box_shadow_vertical_tablet="0px" box_shadow_blur_tablet="40px" box_shadow_spread_tablet="0px" global_colors_info="{}"][et_pb_row _builder_version="4.16" background_size="initial" background_position="top_left" background_repeat="repeat" global_colors_info="{}"][et_pb_column type="4_4" _builder_version="4.16" custom_padding="|||" global_colors_info="{}" custom_padding__hover="|||"][/et_pb_column][/et_pb_row][/et_pb_section]

[jeffS-18]

Hello Nigel,
I wanted to let you know that we found at least a workaround for the issue at the moment. There were a series of other "breaks" to our product pages being caused by the update to DIVI builder, so we ended up rolling back that update to the last solid version. Interestingly the product image and the "More of what you want!" divider image were still broken, and both had the types fields in the custom CSS like the example I showed you, the didn't seem to work, but didn't generated the multiple syntax errors in the screenshot I sent you, either. I made both of those "image" type modules into "text" types, and included those field types how we did for the Nutritional info: As WYSIWYG custom fields in toolset instead of Image custom fields. So we're good for the moment, the apparent disconnect when using the types fields as-is in CSS in builders like DIVI should maybe be addressed, though I don't know how often other users are trying this. Thanks again.