Skip Navigation

[Resolved] Custom View for post type with WPBakery

This support ticket is created 5 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 5 years, 4 months ago.

Assisted by: Luo Yang.

Author
Posts
#1307357
plansbenefits-mockup.png
custom-fields-in-post.png

Hi, I am trying to use Toolset with WPBakery to create the table in the attached mockup. Please advise on how I can configure the views / template to display in this manner.

My custom post type created with Toolset is called "Employer Plans & Benefits". See attached screenshot of what the custom fields are. Please help guide me to style it in the way that is attached in the mockup.

#1307475

Hello,

I assume we are talking about the layout on single "Employer Plans & Benefits" post, I suggest you follow our document to create a content template for single "Employer Plans & Benefits" post:
https://toolset.com/documentation/user-guides/view-templates/

And design above content template with WPBakery editor:
https://toolset.com/documentation/user-guides/using-toolset-with-wpbakery-page-builder/create-templates-for-custom-post-types/

For your reference.

#1308063
edit-content-template.png
content-template-display.png
checkboxes-post.png

Hi, thank you for your guidance! I have begun to create the content template for "Employer Plans & Benefits" post using the WPBakery editor. However, I am having trouble formatting the custom fields in the styling that is displayed in my mockup.

How can I display the checkbox values with a separator that allows each value to be in its own line? By default it is the comma.

Is there any documentation on what other separator values are available for me to use?

Please see the attached screenshots for reference.

#1309091

You can use HTML list tag to format the outputs, for example:

<ul>
<li>[types field='medical-plans' separator='</li><li>'][/types]</li>
</ul>

More help:
hidden link