Hi,
1. I want to have the search icon at the front of the search field that will not open anything on the other search pages when users click it.
You can change that behavior here: https://i.imgur.com/HN7xyOF.png
2. How to do the type of filter I circled in the attachment I sent.
You can either use the range slider or a numeric range type of filter: https://i.imgur.com/eNd4nqR.png
The width of the filters container is auto-adjusted based on the container width. If you set the width on the elementor container, it will follow that.
I would love to let the dropdown show when a particular text “Filter Search” is clicked on then the dropdown will appear
Theoreticall it could be possible with a bit of custom coding via the plugin javascript API, it shouldn’t be very difficult.
ASP.api( 1, 'toggleSettings' );
So I recommend adding a button, link or whatever you prefer and using a javascript function to attach an event handler to that. For example, assume this button is placed anywhere on the page:
<button id="asp-settings-toggle">Toggle Settings</button>
And a javascript event handler like below. This goes into either the functions.php file or into a code snippets plugin (PHP):
add_action('wp_footer', function () {
?>
<script>
window.addEventListener("load", () => {
document.querySelector("#asp-settings-toggle").addEventListener("click", (event) => {
event.preventDefault();
ASP.api( 1, 'toggleSettings' );
});
});
</script>
<?php
});Simple like that. I can’t guarantee anything as this is beyond normal support, but it should work, as far as I tested it was working. If you need help with customizations I recommend either wpkraken, they are experienced with customization works and extending functionality to our plugin.