handling search & suggestions

This commit is contained in:
Antoine M 2024-12-02 12:29:17 +01:00
parent 41abd525f5
commit 6bcc5a0499

View File

@ -62,12 +62,12 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
<fieldset class="metier-patrimoine-searchbar__search-by"> <fieldset class="metier-patrimoine-searchbar__search-by">
<legend><?php echo __("Rechercher par", "metiers-patrimoine-theme") ?></legend> <legend><?php echo __("Rechercher par", "metiers-patrimoine-theme") ?></legend>
<div class="search-radio-card"> <div class="search-radio-card search-radio-card--building-elements">
<label for="building_elements"><?php echo __("Éléments du bâtiment", "metiers-patrimoine-theme") ?></label> <label for="building_elements"><?php echo __("Éléments du bâtiment", "metiers-patrimoine-theme") ?></label>
<input type="radio" id="elements_batiments_checkbox" name="search_by" value="elementsbatiments" /> <input type="radio" id="elements_batiments_checkbox" name="search_by" value="elementsbatiments" />
</div> </div>
<div class="search-radio-card"> <div class="search-radio-card search-radio-card--metiers">
<label for="job_types"><?php echo __("Métiers du patrimoine", "metiers-patrimoine-theme") ?></label> <label for="job_types"><?php echo __("Métiers du patrimoine", "metiers-patrimoine-theme") ?></label>
<input type="radio" id="metiers_checkbox" name="search_by" value="metiers" /> <input type="radio" id="metiers_checkbox" name="search_by" value="metiers" />
</div> </div>
@ -155,7 +155,6 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
</fieldset> </fieldset>
<fieldset class="metier-patrimoine-searchbar__geographic-filters"> <fieldset class="metier-patrimoine-searchbar__geographic-filters">
<div class="fieldset-titling"> <div class="fieldset-titling">
<img class="fieldset-icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/pictogrammes/Homegrade_repertoire-elements.svg' ?>" alt=''> <img class="fieldset-icon" src="<?php echo get_stylesheet_directory_uri() . '/resources/img/pictogrammes/Homegrade_repertoire-elements.svg' ?>" alt=''>
<h4 class="filter-title"><?php echo __("Localisation", "metiers-patrimoine-theme") ?></h4> <h4 class="filter-title"><?php echo __("Localisation", "metiers-patrimoine-theme") ?></h4>
@ -182,10 +181,28 @@ $pageIcon = get_field('page_icon', get_queried_object_id()) ?? null;
</fieldset> </fieldset>
</form> </form>
<!-- search bar -->
<form class="artisan-search-bar">
<!-- <label for="search-input" class="sr-only"><?php echo __("Rechercher", "metiers-patrimoine-theme") ?></label> -->
<input type="search" id="search-input" placeholder="<?php echo __("Rechercher", "metiers-patrimoine-theme") ?>" />
<button class="search-button" type="submit">
<img class="search_icon" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/search-icon.svg' alt="Lancer la recherche">
</button>
</form>
<?php
$suggestArtisanPageId = 309;
$suggestArtisanPageIcon = get_field('page_icon', $suggestArtisanPageId) ?? null;
?>
<a class="card-suggest-artisan card block" href="<?php echo get_the_permalink($suggestArtisanPageId) ?>">
<img class="search-artisan-btn__page-icon" src="<?php echo $suggestArtisanPageIcon['sizes']['medium_large'] ?> " alt="">
<p><?php echo __("Communiquer une entreprise ou un artisan", "metiers-patrimoine-theme") ?></p>
</a>
</aside> </aside>
<div class="artisans-posts__grid"> <div class=" artisans-posts__grid">
<?php <?php
$initialPosts = new WP_Query([ $initialPosts = new WP_Query([
"status" => "publish", "status" => "publish",