Show Custom Post Types and Pages in the search results on the TwentyTwenty Theme

[mike]

Im looking to show more data in the search results.

Including; Pages, CPT, ACF etc.

Cheers

[mburridge]

Hi @mike

Welcome to the Frontity community. Good to see that you’re trying out Frontity.

At the moment the wp-source package only returns search results for posts, as you need to send separate queries for posts, for pages, for each CPT, etc…

However, there is a possible solution. You will need to be using a self-hosted wordpress.org site, rather than a wordpress.com site as your API, as you need to be able to install a plugin.

This plugin will add a multiple-post-type to the WordPress REST-API that will enable you to search multiple post-types.

You will, however, need to write your own handler to fetch the results and process them. See our docs on the wp-source package. As part of the params passed to api.get you should add a types array with the posttypes you want to fetch, something like:

types: ['posts', 'pages', 'my-cpt']

Hope this helps.

[d1cg018]

Hello,

I’m also interested in searching in a CPT, I installed the plugin but I don’t understand on the frontity side how to configure the search.

Do you have an example to propose?

Thanks

[juanma]

Hi @d1cg018, Welcome to the Community!

Here you have additional info on this topic:

Creating custom URLs for search results

Hi @meaghan1 Check the code in the twentytwenty-theme in the files search-form.js and search-results.js. Hopefully examining that code will give you the answer you need. In particular look at the function handleSubmit in search-form.js which calls actions.router.set(), and the main component in search-results.js with gets the data with a call to state.source.get(state.router.link). Do let us know if you’re still stuck after checking these code examples.

In the twentytwenty theme there’s an implementation of a search feature using WordPress engine (search links as ?s=anyKeyWord)

Here you have the React components used for that

frontity/frontity

Taking this into account, if you want to trigger an alternative search when your users go to these search links (?s=anyKeyWord or any other you may want to use), you can create a custom handler to perform alternative searches

Here you have an example from a member of the community that implemented her own search results link with a custom search

How to create Custom Pages?

Hi there, I’m Pilar. I’m starting with Frontity and I’ve struggling with custom handlers, custom pages and custom queries, browsing this thread and many others, reading the docs, etc. I’ve finally made it work so I wanted to share the code in case it’s helpful for anyone, as yours has been to me The base of my project is a large set of Galician traditional sayings or “refranes”. The main user interaction will be the search (and also copying the text of the quote, sharing it as an…

libraries.source.handlers is a powerful resource in Frontity projects as they allow to define custom links that can be fetched with actions.source.fetch()

Hope this helps

[jeff]

Hi @mburridge, I’m trying to add multiple CPT to the search results but I’m stuck. Where exactly do I have to add this code?

const response = await libraries.source.api.get({
  endpoint: "multiple-post-type",
  params: { search: params.search, type[] : 'voice'}
});

and why is there : 'voice' after type[] ?

Could you please give more details? Thanks!