[Resolved] create the layout I want

[Author]

Posts

[francineP]

Dear support team,
Can you help me create the same layout as on the enclosed image, i.e. with text blocks in expandable/collapsable accordions? and clickable masonry gallery (on click on the picture, it appears full size)? thank you in advance

[Luo Yang]

Hello,

I assume we are talking about Toolset Blocks plugin (the Toolset Layouts plugin is in maintenance status, so we don't recommend to use the Layouts plugin in your new project)
Q1) with text blocks in expandable/collapsable accordions
There isn't such a built-in feature within Toolset Blocks plugin, but you can try with other Accordion Blocks plugin, for example:
https://wordpress.org/plugins/accordion-blocks/

Q2) and clickable masonry gallery (on click on the picture, it appears full size)
I suggest you try with Toolset Gallery block of Toolset Blocks plugin, see our document:
https://toolset.com/documentation/user-guides/custom-content/create-image-galleries-using-toolset-and-custom-fields/

[francineP]

Dear Luo, thank you for your answer. I do not see how another plugin would change the situation versus using the Divi accordion module...is there a way for me to use the Divi accordion module and populate it with dynamic content from custom post fields created with Toolset? It is really a pity that Toolset blocks does not include an accordion module, specifically when your previous layout plugin used to include one....it is like going backwards....and it is a bit disappointing.

[Luo Yang]

I just tried it in my localhost with divi builder accordion module, it does support using Toolset Types custom fields as dynamic content source, see screenshot divi-source

Can you confirm it?

[francineP]

Thank you for having checked, that is good news, however it does not seem to work on my side...I do not have that option...I have just Toolset blocks and Toolset types activated on my website...should I ask the help from ET? and once I solve that problem, how can I embed this accordion within a loop so that one accordion gets generated for each project (WP built-in post type with some custom post fields created with Toolset)?

[Luo Yang]

The problem you mentioned above is abnormal, in my test, I can see the custom fields in "dynamic content", see my screenshot.

For the question "how can I embed this accordion within a loop so that one accordion gets generated for each project":
Unfortunately, there isn't such kind of built-in feature within Toolset plugins, the Divi builder accordion module does not support embedding in the view's loop, you might consider to setup it with HTML codes manually.

I have tested other accordion block plugin in my localhost, for example this one:
https://wordpress.org/plugins/accordion-blocks/

It works fine in my localhost, here are detail steps:
1) Install above plugin
2) Create a post view, in view's loop, display below HTML codes:

<div class="wp-block-pb-accordion-item c-accordion__item js-accordion-item" data-initially-open="false" data-click-to-close="true" data-auto-close="true" data-scroll="false" data-scroll-offset="0">
    <h2 id="at-[wpv-post-id]" class="c-accordion__title js-accordion-controller" tabindex="0" role="button" aria-controls="ac-[wpv-post-id]" aria-expanded="false">
        [wpv-post-title]
    </h2>
    <div id="ac-[wpv-post-id]" class="c-accordion__content" style="display:none" aria-hidden="true">
        [wpv-post-date]
    </div>
</div>

It will output post title as accordion item title, and use post date as accordion item body.

See screenshot:

[francineP]

My issue is resolved now. Thank you!