[Resolved] Simple 1 filter search with results designed in Divi Builder

[Author]

Posts

[mikeF-8]

Tell us what you are trying to do?

I have 70 custom posts with the view designed. I simply want that design in the loop, paginated, and filterable by one single field. Ex hidden link

Is there any documentation that you are following?

Tried many

Is there a similar example that we can see?

What is the link to your site?

[Christian Cox]

Okay so it sounds like you want to show a list of some posts, filtered by one custom field. It sounds like you want to copy the design of the JaMael Haynes post into a View's Loop Output, and also apply pagination to the View. Is this accurate? If so, then please show me screenshots of the View you have created in wp-admin so I can offer some advice.

If you have not started a View yet, then please create a new View and choose "full custom display mode" in the Create View popup. In the Content Selection section on the next screen, choose the post type that you would like to display in the results. In the Search and Pagination section, click "Add Filter" and choose the custom field you would like to filter upon. Then click "Submit Button" to insert a submit button. Don't worry about pagination for now, let's come back to that.

In the Loop Output editor area, run the Loop Wizard and choose the "Unformatted" option. Click "Add a Field" to add the Post Title with Link, and uncheck the "Use a Content Template to group the fields in this loop" option. Save the View and create a custom Page on your site. In the Page contents, insert the View you just created and test it out. You should be able to filter the list of results using the custom field filter.

Let me know if you're able to get this far, or if you get stuck.

[mikeF-8]

I did get through the steps you described and can apply the filter. My view currently is only a list of post titles. that is viewable at hidden link

To complicate, i am using Divi and built my single post view in it. I also included the front end view of my input form so you can have some context to the data I've collected.

For context, in the divi layout image, the modules for the statistic catagories (points, rebounts,... etc) are text labels on top with raw data output below.

So stressed on this. I feel better already. thanks for being willing to help. Hope to have provided what you asked.

[Christian Cox]

Nice work, it looks like the filter is working and you're seeing results. Now let's work on formatting the results and adding pagination.

To replicate your current Divi design in the Loop, you need to create a Content Template using the Loop Wizard of this View. Place your cursor inside the Loop Output editor and click "Loop Wizard" to re-run the wizard tool. This time, check "Use a Content Template to group the fields in this loop." For now, keep the Post title with link field. Save the View. Now you should see a Content Template editor just below the Loop Output editor. You can use Divi Builder now to modify the Content Template, which will be applied to each item in the loop results. Click the Divi Builder button, or go to Toolset > Content Templates and find the template here to edit with Divi Builder.

Recreate your design in this template using Divi Builder. To insert dynamic information like the post title or custom field value, use a Text module and click the "Fields and Views" button above the text editor. You can choose from various Types and Views shortcodes here.

Once you have that design tuned in, you can add pagination. Edit the View and scroll to Pagination and Sliders settings panel. If you cannot see this panel, click "Screen Options" in the top right corner. You can enable the panel from this configuration menu. Enable pagination in the Pagination and Sliders setting panel. Manual transition and page reload is fine for now.

Then scroll down to the Loop Output panel and place your cursor just after the first wpv-items-found shortcode. Click the Pagination Controls button to configure and insert pagination options. Now test the View on the front-end again.

[mikeF-8]

hello sir, here is the entire view page. Not sure when I'm doing wrong. The filter is in place and the pagination is there, but i'm still only getting post titles

hidden link

Thank you.

[Christian Cox]

May I log in to your wp-admin panel to see how things are set up? Your View looks fine, so I suspect something else is going on. I will activate private reply fields here so you can share login credentials.

[Christian Cox]

Your View uses a loop template called "Loop item in player loop", which is designed in Divi Builder. You can see this template here:
hidden link

Screenshot attached. The template only contains one shortcode: wpv-post-link. That's why you only see the title of each post in the View results. You can modify this template to add more content to each item in the results loop, using other modules or by adding more shortcodes to this text module.

[mikeF-8]

Christian, thank you!!! I thought the loop layout would come from within the view. In hindsight, that doesn't make a whole lot of sense i suppose. thanks very much for your help.