Toolset allows you to create lists of content. These might be lists of regular posts, pages, or custom posts (like Events or News). In Toolset, such a list is called a View.
To design a single list entry (see the highlighted post in the picture below), you can use the Divi Editor.
In our example, we will create a list of tours, where “Tour” is a custom post type.
Toolset also allows you to use Divi for creating custom archive pages. The process for creating custom archive pages is the same as creating a View, which is outlined below. If you are new to the concept, read our short page about the meaning and importance of archive pages.
- Go to Toolset -> Dashboard.
- Locate the custom post type for which you want to create the View (“Tours”, in our example) and click the Create View button. If you want to create a custom archive page instead, click the Create archive button.
- Give your View a name.
- Select Display all results, and click Create View.
- You are taken to the View editor.
- Scroll down to the Loop Editor section and click the Loop Wizard button.
- In the pop-up dialog that appears, select Unformatted, and click Next.
- On the next screen, select the fields that you want to appear in each post listed by the View. Since we will insert all the fields using the Divi Editor, click to add only one field—the default Post title field will do.
- Make sure to select the Use a Content Template to group the fields in this loop checkbox.
- Click Finish.
|Our View will go through all the Tour posts and display them one-by-one. Now we need to determine what will appear in a single post entry.
We will use the Divi Builder editor to control the contents of a single Tour post.
- Click the Scroll down to the Content Template button.
You are moved to the Template for this View section. Here, you use the Divi Builder to design how a single entry of your View is displayed.
- Click the Divi Builder button.
- Click the Edit with Divi Builder button.
- The Edit Content Template screen opens. Scroll down to the Template section. Click the Edit with Divi Builder button.
- Now you can see the familiar Divi interface—use it to design a single post entry.
- Choose the number of columns. We want our single post entry to appear in two columns, so we select the two-column layout.
- Now we are going to insert the post fields (title, featured image) and some custom fields (tour price, tour duration).To insert a field, use the following steps:
- Click +Insert Module.
- Choose the Text module.
- Click the Fields and Views button. A dialog with a list of fields and views appears.
- Locate the field you want to insert and click Insert shortcode. Your field is added in double curly brackets.
- Switch to the Design tab to customize your field’s appearance.
- Press Save and exit to close the module pop-up.
- Repeat the above steps for each of the fields you want to add. In our example, these would be:
- Post Title
- Post Excerpt
- Tour Price (custom price)
- Duration (custom field)
- Tour Types (custom taxonomy)
- To include the Read more button, you can use the Button module.
Refer to the Displaying fields in templates and content-lists documentation for more about inserting fields.
- Click Update to save your Content Editor.
- Return to your View. Click Update to save your changes.
Congratulations, your View is ready! Now you can insert it anywhere you want: In a page, Divi module, or widget.
To insert a View into a regular page:
- Create a new page.
- Click the Fields and Views button.
- Locate the View you have just created, and insert it.
- Save your changes.
- Visit your page—It should display the View you have created:
You can limit the list of your posts to display only those that meet specific criteria. For example, we can display only Tour posts that have a custom field, “Special Offer,” marked as checked. This is done using the Query Filter section in the View editor. In this instance, you would configure it to filter by this custom (checkbox) field, defined with Toolset Types, as displayed in the following image.
Besides listing your posts and pages, Toolset allows you to create custom searches and easily display content on a Google map.
Custom searches allow your visitors to easily find the exact content they are looking for by defining the search criteria (filters) themselves. For example, a Tours site could allow them to specify the type of tour they are looking for based on its price, location, and more.
Read more about filtering your content and adding a custom search.
Allowing the visitors to see your posts on a Google map is an important feature for sites that, for example, deal with travel, real estate or listing services, shops, or other information that can be shown on a map.
Read more about displaying content on a Google map.