I am trying to: separate the search field and the results fields of a view in Elementor
Link to a page where the issue can be seen: not accessible in dev. mode
I expected to see: the custom search option where I can select ether "only search results" or "only search fields"
Instead, I got: nothing
Hello, it looks like you're referencing a screen in the Elementor builder, am I correct? If so, have you contacted their support team? As far as I know, our software does not directly manage the options available in the Elementor builder, so it might be helpful to get their support team involved so we know where the issue can be resolved.
Also, can you explain how the View was created? Did you create it in the legacy Views editor at Toolset > Views, or was it created in a post or template using a View block in the Block Editor?
Thank you for responding. I reached out to Elementor this morning, sorry I didn't try them first. I will let you know what their response is once I receive it.
I made the View in the legacy Views editor at Toolset > Views. Then added the views widget to my page.
Okay thanks for the additional information. Until they provide some feedback, you can use the alternate Views shortcode approach to display the filters and results separately. I have found the Elementor Text widget to be the best way to insert Toolset shortcodes (the shortcode element does not support shortcodes nested inside other shortcode attributes, for example).
Use the wpv-form-view shortcode to display the search filters alone. Use the target_id attribute to specify a Page ID if you want to display the results on another page, or to specify you want to display the results somewhere else on the same Page as the filters. For example, to display the search filters alone, and the search results in a separate Page, with ID 12345:
[wpv-form-view name="your-view-slug" target_id="12345"]
Note that your View must include a Submit button for this redirection to work.
To display the search filters alone, and display the results in a different area on the same page without redirect:
[wpv-form-view name="your-view-slug" target_id="self"]
To display the results alone, regardless of search filter placement:
[wpv-view name="your-view-slug" view_display="layout"]
Documentation for our Views shortcodes is available here:
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-form-view
https://toolset.com/documentation/programmer-reference/views/views-shortcodes/#wpv-view
Hello again, I can try the workaround but ideally, I would like this fixed correctly, as this is the only reason I purchased Toolset. I received a reply from Elementor stating that I should reach out to Toolset. their replay is pasted below.
Elementor Support <support@elementor.com>
12:44 AM (7 hours ago)
to me
Saransh replied
Jan 25, 5:44
Hi NICOLE,
Thank you for contacting us and I apologize for the delay in response as we are having a high volume of tickets.
I have checked your screenshot but it looks like you're referring to a widget that is coming from the Toolset plugin. I would love to help you with this but support for widgets provided by third-party plugins is out of the scope of our support (Support Scope). I hope you will understand. It would be best to bring this up to the Toolset team so they could check the issue with their widget for you:
https://toolset.com/2018/07/toolset-elementor-integration/
If there is anything else that I could help you with, please just let me know.
Kind regards,
--
Elementor Technical Support
Okay thanks for the update. I'll try to find out what we can do on our end. I ran some tests locally by downgrading to some previous versions:
WP 5.3
Elementor 2.7.5
Types 3.3.7
Views 2.9.4
Then I created a custom search View and placed it in the Elementor design using the View widget. At that point I was able to see a "Custom Search" options panel appear, so I could place the filters and results independently or together.
Then I updated WP, Elementor and Toolset to their latest versions, and I edited the page again. I am still able to see the Custom Search options panel appear for the original View element, but if I drag a new View element into the design and choose the same View, the Custom Search options panel will not be visible for the new element. Screenshots attached. I'm asking my 2nd tier support team to take a look and see what we can do from our end, or if the options panel was disabled for a specific reason. I'll let you know what I find out.
Hi, I have a quick update. Our developers have an internal ticket in place to review the functionality of the Elementor View element, and we have made a note to review the Custom Search panel integration in light of recent updates to Views/Blocks and the workflow for creating Views. It seems that something changed in Views 3.3 that blocks the Custom Search panel from being displayed, and I am trying to get more information about that. I'll keep you posted here as I receive updates from the team, but for now, the shortcode-based workaround is probably the best alternative.
Mr. Cox was very quick to respond I appreciate him getting back to be with the best possible solution so quickly. His tentativeness to my problem was refreshing.
