Skip Navigation

[Resolved] How to display WP Bakery page with tabbed content, and a toolset view

This thread is resolved. Here is a description of the problem and solution.

Problem:

How to use WP Bakery page builder with Toolset Views?

Solution:

The Toolset Blocks plugin is based on WordPress built-in blocks editor, which is different page builder from WP Bakery page builder, in order to use WP Bakery page builder with Toolset Views, you can setup the post view with classic editor.

For example:

https://toolset.com/forums/topic/how-to-display-wp-bakery-page-with-tabbed-content-and-a-toolset-view/#post-2258957

Relevant Documentation:

This support ticket is created 3 years, 4 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 3 years, 4 months ago.

Assisted by: Luo Yang.

Author
Posts
#2258717

Hello, I have spent these past few days installing Toolset and getting to know how to use it. I am still a novice, so I am probably doing something wrong that is very basic. I hope you can help.

I have an existing website and I added toolset Blocks manually as it is a staging site and I want to install on Prod site with one licence. Then I auto installed Toolset Types & Forms.

The end-result I want to achieve is - to have 4 of my existing pages show a 4 toolset views for 1) job vacancies, 2)job seekers, 3)events and 4)training courses for the construction industry. On these 4 pages I want 2 tabs - the first tabs shows the view, and the second tab shows a form so users can upload their content. So here is what I did:
I configured 2 x custom posts - job vacancies & events. I haven't started training & seekers yet
I created custom fields for job vacancies and events
I created a form for job vacancies and a form for events.
I used the forms to create some custom posts
I created a view using the block editor for vacancies and a view for events. These views show some custom search/filters and then a results grid of 3 columns.
I also created 2 views to display the single posts for vacancies & events, so that when you click on a post in the grid it displays the contents of the post. All working very nice! However...
I have edited my existing pages (vacancies & events) and removed the post grid pro grids that previously showed the grid and I put in my view shortcodes. Now when I show the page on the frontend I see the custom search & results, but the results are not in a 3 column grid. They are down the page in a single column. So I created a page template which has the search/filters and a 3 column results grid, and I set that template for the page. Voila, I see a 3 column grid BUT my tabs have disappeared, and some intro wording that was at the top of the bakery page.
How can I get my search & results view with 3 columns to show AND have the intro wording AND tabs all show. What am I doing wrong? I hope you can educate me!!
My staging site is: hidden link

Toolset is wonderful to use. It makes custom fields, searching/filters so easy and the block editor is great to create views.

#2258957

Hello,

I have the website credentials from your thread, it is not safe to share them publicly.

The Toolset Blocks plugin is based on WordPress built-in blocks editor, which is different page builder from WP Bakery page builder, in order to use WP Bakery page builder with Toolset Views, you can setup the post view with classic editor.

And I have setup a demo in your website:
1) Create a post view with classic editor "job-vacancies-lists":
hidden link
Display the result in 3 columns with Bootstrap grid mode

2) Create a page with WP Bakery page builder:
hidden link
Add a tabs element, display two tabs:
a) The post view shortcode:
{!{wpv-view name='job-vacancies-lists'}!}
b) The post form shortcode:
{!{cred_form form='post-a-job-vacancy'}!}

Test it in frontend:
hidden link

It works fine, and it is only a demo for your reference

#2259167

So I see I must use the create view classic editor, and NOT the block editor. (damn cos I just got to know the block editor very well, and how to customise output (eg add post link to the image as well as the post title...) I will practice using the classic editor and maybe I will be just as proficient in a day or two.

BTW - after playing around with many new views and creating the template for the output/results/loop, and then deleting these new views, I find I am left with loop templates that no longer are attached to the views because the view has been deleted. Is there any way I can clean up the loop templates?

New threads created by Luo Yang and linked to this one are listed below:

https://toolset.com/forums/topic/is-there-any-way-i-can-clean-up-the-loop-templates/

#2259837

I assume the original questions of this thread is resolved, according to our support policy, we prefer one ticket one question, for other new questions, please check the new thread here:
https://toolset.com/forums/topic/is-there-any-way-i-can-clean-up-the-loop-templates/