Skip Navigation

[Resolved] Making a resources page (tutorial available?)

This support ticket is created 3 years, 9 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 1 reply, has 2 voices.

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

Assisted by: Luo Yang.

Author
Posts
#2348845

Hi, I am new to the toolset plugin in but im really liking it so-far.

My question is, whether these is a tutorial to help me build this exact resources page for my client site.
example: hidden link

I would like to create an accordian style list on the left, with search and the content on the right will populate with the resources in my template style.

I feel like I am close to figuring it out but I LOVE the way the example is set up and want to know if there is a way that I can do this using Toolset. Thanks!

#2349239

Hello,

There isn't such kind of exact tutorial as the same as the URL you mentioned above, but it is possible with Toolset plugins, for example, you can try these:
1) Enable legacy editor:
https://toolset.com/course-lesson/enabling-legacy-version-of-toolset-views/

2) Use classic editor, create a post view with custom search form:
- Query pages
- Filter by post title/post content
https://toolset.com/documentation/user-guides/views/filtering-views-for-a-specific-text-string-search/
- In view's loop, display the page information

3) Create a nested post view:
a) Parent post view:
- Query pages
- Filter by post parent is none
https://toolset.com/documentation/user-guides/views/filtering-views-query-by-post-parent/
- In view's loop, display page information + below child post view
b) Child post view:
- Query pages
- Filter by post parent is set by parent post view
- In view's loop, display page information + child post view
You will need to use custom CSS/JS codes to style the nested post view as accordion style list

4) Create a content template for single page:
add a column grid in above content template, left column display the custom search form(step 2) + nested post views(step 3), in the right column display the page content
https://toolset.com/course-lesson/creating-templates-to-display-custom-posts/

For your reference.