Form aanpassen en integreren
User
Search
Zoeken naar:
Zoeken naar:
use last form only in that replace it with classes and make exactly like that !
Assistant
Here is the cleaned and integrated version of your **final search form** using the **classes from the last form only**, properly formatted and ready for use:
<div class="searchform-wrapper ux-search-box relative Hero-search is-normal">
<form id="post-search-form-element" role="search" method="get" class="searchform" action="https://professor.newsoftdemo.info/">
<div class="flex-row relative">
<div class="flex-col flex-grow">
<label class="screen-reader-text" for="post-search-input">Zoeken naar:</label>
<input
type="search"
id="post-search-input"
class="search-field mb-0"
placeholder="Zoeken..."
name="s"
>
<input type="hidden" name="post_type" value="product">
</div>
<div class="flex-col">
<button
type="submit"
id="post-search-button"
value="Zoeken"
class="ux-search-submit submit-button secondary button icon mb-0"
aria-label="Verzenden"
>
<i class="icon-search"></i>
</button>
</div>
</div>
<div class="live-search-results text-left z-top"></div>
</form>
</div>### Notes:
– Uses only the layout and classes from the **last version** you mentioned.
– `id="post-search-input"` and `id="post-search-button"` are retained for JS handling if needed.
– `action="https://professor.newsoftdemo.info/"` can be changed to your dynamic WordPress URL using “.
Let me know if you want it to be AJAX-powered or filtered for blog posts instead of products.