Skip Navigation

[Resolved] Divi theme + toolset search form

This thread is resolved. Here is a description of the problem and solution.

Problem:

The customer wants to insert a search form created with Toolset into the homepage of their site built with Divi. They have followed documentation for Gutenberg, but it is not applicable for Divi without losing their work. Additionally, they want to display search results in multiple columns instead of a single large column.

Solution:

To insert the search form into the Divi homepage, use the "wpv-view" shortcode:

[wpv-form-view name="View 1" target_id="123"]

Replace '123' with the ID of the page where search results should appear. Use the following shortcode on the results page:

[wpv-view name="View 1" view_display="layout"]

In the Divi editor, use a text or shortcode widget to place these shortcodes.

Relevant Documentation:
https://toolset.com/course-lesson/displaying-search-results-on-a-different-page/
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-view

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 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Sao_Paulo (GMT-03:00)

This topic contains 3 replies, has 2 voices.

Last updated by Mateus Getulio 6 months, 1 week ago.

Assisted by: Mateus Getulio.

Author
Posts
#2703059

Tell us what you are trying to do?
I would like to insert the search form I created with Toolset (it is present in a view) into the homepage of my site created with Divi.

Is there any documentation that you are following?
Yes, I read the documentation at this link https://toolset.com/course-lesson/displaying-search-results-on-a-different-page/, but it didn't help me because it tells me to add the view to a page created with Gutenberg, while my page is created with Divi and I don't intend to modify it (I would lose everything).

Is there a similar example that we can see?
Yes, the result I would like to achieve is the one present in your guide, I am attaching the link https://toolset.com/course-lesson/displaying-search-results-on-a-different-page/

What is the link to your site?
hidden link

#2703113

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Hi,

Thank you for contacting us and I'd be happy to assist.

When you're not using the Blocks editor, you can call the views, using the "wpv-view" shortcode:
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-view

For example, suppose your view's name is "View 1", the shortcode to show only the search form will look like this:

[wpv-form-view name="View 1" target_id="123"]

Where you'll replace '123' with the ID of the page where you'd like to show the search results.

And on the page where you'd like to show the search results, you'll use the shortcode:

[wpv-view name="View 1" view_display="layout"]

Note: In the DIVI editor, you can use a text widget or the shortcode widget to place these shortcodes.

I hope this helps and please let me know if you need any further assistance with this.

Best regards,
Mateus

#2703114

Thank you very much, I tried your shortcodes and they work. How can I set a column view for the results page? Currently, it displays a single, very large column with the various results one below the other. I would like to have the results displayed in 3 or 4 columns.

#2703365

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello there,

Can you try to edit the view and see if you can customize it to display the results in columns?

Please check this:
https://toolset.com/forums/topic/display-data-in-2-columns/

Alternatively, since you're using the Divi builder, you might be able to add some CSS rule to display the items in columns, the Divi support could help you with it. Please check these similar cases:

https://toolset.com/forums/topic/view-output-only-one-column-in-elementor/
https://toolset.com/forums/topic/make-view-two-columns/#post-1974355

Thank you, please let us know how that goes.
Mateus