Solved Advanced Custom Fields on Divi

Hello -

I am redeveloping a site to use Divi instead of the previous theme (Chaplin). The original site was mirrored to a staging server (same host).

I am trying to recreate this page: https://worldforestry.org/forestry-programs/fellowship-program/fellowship-alumni/ ...

... here: https://stgworldforest.wpenginepowered.com/forestry-programs/fellowship-program/fellowship-alumni/

On the original site, there is a item on the dashboard menu on the left that says "Alumni Bios". It appears that this is enabled by a plugin called "WFC Core Functionality" or "Core Functionality" (https://www.billerickson.net/core-functionality-plugin/). Then, Advanced Custom Fields (ACF) is used to create a Field Group. This Field Group is named "Alumni Bios". It seems that on the original site, this causes it to just show up on the page.

On our staging server, I have all of the same plugins, and everything is set the same, but it does not show up on the page. I thought I read that there is conflicts/incompatibilities between Divi and ACF, but I can't find any solid information, and there are a lot of variables. Hoping someone knows this and can point me in the right direction. If there is an alternative method that works best with Divi, I am certainly open to that! Using the Alumni Bios/Core Functionality system is not required - our hope is to have the page with accordions of information, with a filter. If there is a way to just set up a filter to filter Divi-created accordions on a page, that could certainly work.

Thank you!

 

Hi! Thanks for taking a look.

So, on the live page that works (https://worldforestry.org/forestry-programs/fellowship-program/fellowship-alumni/), when I edit there is no module/block for these filters/accordions. In the editor, there is the image and the paragraph that follows, and that's it. It's like something is appending this list of accordions and the filters to the page content...

Here's some more items that might help...

- On the live site (using Chaplin), if I deactivate Advanced Custom Fields, that page breaks (see screenshot) - it won't let me scroll down, it just immediately jumps to the top of the page if I try - like, it sticks to the top of the page. The scroll bar on the browser is sized in such a way that it seems like the page is much shorter (ie., the bio content is not being displayed). Other pages seem to not be affected.

- I tried deactivating the Core Functionality plugin on the live site, and it did NOT affect the page - so you're right, that's not it.

- Interestingly, when I deactivate the Core Functionality plugin, it DOES remove the "Alumni Bios" part of the WordPress dashboard (screenshot attached to the original post, but included here again for reference). I'm still unclear on how the Core Functionality plugin created this "Alumni Bios" menu item. I tried having one of the Alumni Bio posts open, deactivating the Core Functionality plugin, and refreshing the Alumni Bio post, and it results in a "Invalid post type" error displaying. In other words, when the Core Functionality plugin is disabled, I'm not sure how those bio posts are still accessible to whatever plugin is pulling from them to display them on the site.

- On the live site, under ACF > Field Groups, then selecting the Alumni Bios field group (again, a screenshot in the original post), the Location rule is set to "Show this field group if Post Type is equal to Alumni Bio". With my thought that this is telling Advanced Custom Fields to append this information to the page, I changed these settings on the staging site to "Show this field group if Page is equal to Fellowship Alumni (the page it should appear on)". This does end up adding a section to the bottom of the page editor (screenshot attached). If I fill that in with any placeholder info and save the page, that info DOES show on the page - but only that info, none of the other bios (and not set into an accordion, nor does it have the filters). In other words, I still don't understand what is taking the content from the Alumni Bio posts, putting them into accordions, and putting them on the page (and adding a filter). If it is Advanced Custom Fields, I don't see any shortcode available.

- On the live site, inspecting the code shows that the filters have a class of "wfc-filters" and the accordions are in a div with a class of "wfc-accordion". I think this was another reason I was thinking it was part of the WFC Core Functionality plug-in. BUT, I can't find ANYTHING in the dashboard that provides any kind of settings or adjustments for this plugin, leaving me to be completely clueless on what it is even doing, haha...

- Finally, if I switch the theme back to the Chaplin child theme on the staging site, the Divi formatting of the image and paragraph on the page break, but the accordions and filters do show back up... This brings me back to something I mentioned in my original post: is there something about Divi that doesn't allow or isn't compatible with one of these plugins, and just doesn't display it on the page? It just seems like something about Divi is preventing a plugin from displaying on the page... Note, the ACF location ("Show this field group if...") can be set either way, and it still shows up when I switch back to Chaplin.

Okay - I'll keep digging, but I hope something in there helps to narrow this down. Thank you again so much in advance for any of your thoughts.