Hi,
I saw your very cool tutorial "How to create a custom Search with toolset and Elementor" from Dario Hrvatin on the Elementor page. I learned how to implement a post search with Elementor Pro.
(I have created already quite some View Loops so basic RTFM should be over come already. :-))
However after creating the View I add the View Block to my Elementor Container in the filter area but unfortunately I couldn't get the Option segment "Custom Search" like shown in the tutorial at 8:01 minutes.
If you are using the legacy (classic) view method to build your view, can you please navigate to:
- Toolet -> Settings -> Front-end Content tab -> Page Builders secton (at bottom of the page) and checkmark the setting "Allow to use the WP Views and the WP Views Filter WordPress widgets in Elementor Page Builder."
Hi,
unfortunately I am not using the legacy view, but the current version of it.
What do I need to do to get the same solution running with the current Plugin?
My goal is to split a view on an Elementor Page into both a search and a result ares.
I'm not asking you to install the classic views plugin.
The thing is that if you add the View created in Block mode, it will style conflicts and that is not we recommend.
So, what I suggest is to create a view using classic mode (you can do it even if you installed the Toolset Blocks plugin):
- To create a view in classic mode, you should navigate to:
=> Toolset => Settings => General tab => Editing experience => select the option "Show both the legacy and Blocks interface and let me choose which to use for each item I build"
Now, you will see a submenu "Views" under Toolset menu and from there you should create a view and then add it using Views widget as shows in the video you shared.
Unfortunately not. Sorry to say.
All the setting you mentioned so far were set before (by luck I guess :-))
However, I used the view element in the Elementor tool and selected the view.
The leagacy solution enabled to show eather the search, or the result as well as both.
So by using two views my solution would have been implemented, excatly like mentioned in the video.
Any ides how to implement this plugin ?
So by using two views my solution would have been implemented, excatly like mentioned in the video.
==>
I'm not sure why you require two views, as it will require only one view that offers the "Custom Search" with search form and search results.
If you can share problem URL where you want to display your search view and what view you want to add to that page, can you please share all those required information with admin access details so I can review your current settings that will help me to guide you in the right direction.
*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.
I have set the next reply to private which means only you and I have access to it.
Hi,
Before we go so deep, maybe I try to quickly specify my requirement again and the problem accordingly. I don't think its that complicated 🙂
Of course its one view and I named it "test-view" to try out.
I have copied the "custom search/filter" short-code section from the test-view to the upper area (search container) of my page. That works fine.
In the lower area of my page I want to put my search/filter results. (regular WP blog posts and one custom post type together)
For this I used the Elementor - Toolset View Element and selected my "test-View". But unfortunately I also shows the Search/filter fields - like above where I used the short-codes.
How can a avoid that the filter/search field are visible in my result area?
THX Btw!
Yours
Frank
There is a issue that when we add the Toolset View widget using Elementor, it should give us option for "Custom Search" as you can see with the following screenshot: hidden link
But that is not the case and it looks like there is a issue but no worries, I've workaround for you.
I've added the shortcode module and to display the search form, I've added the following shrotcode to it:
[wpv-form-view name="test_view" target_id="self"]
And to display the search results, I've added the following shortcode to shortcode module:
[wpv-view name="test_view" view_display="layout"]
Can you please confirm it works as expected? hidden link
