Recherche rapide de page

Cette page ne doit être appliquée que si le script de migration assistée vous demande de passer la migration manuelle skin.20260122.INTRANETSEARCH.FastSearch

La version 2.13.x de la charte Intranet Search intègre les fonctionnalités de recherche rapide de page sur le champ de recherche général.

Si vous avez surchargé le template "header-main-search" (main.xsl) et/ou le template "search" (search.xsl) vous devrez rajouter l'appel au template "search-form-fields-additionnal-attributes" permettant d'activer la recherche rapide de page sur le champ de recherche.

<form class="search-input" action="{resolver:resolve('page', /cms/inputData/sitemap//page[@PLUGIN_TAGS_SEARCH]/@sitemap:id)}" method="post">
                    <label for="search-field-{$uniqueId}" class="sr-only">
                        <i18n:text i18n:key="SKIN_MAIN_SEARCH" i18n:catalogue="skin.{$skin}"/>
                    </label>
                    <input type="text" class="input-text" placeholder="skin.{$skin}:SKIN_MAIN_SEARCH" name="{$searchInputName}" id="search-field-{$uniqueId}" title="skin.{$skin}:SKIN_MAIN_SEARCH" i18n:attr="title placeholder">
                        <xsl:call-template name="search-form-fields-additionnal-attributes"/>
                    </input>
                    <input type="hidden" name="submit-form" />
                    
                    <button type="button" aria-label="skin.{$skin}:SKIN_SEARCH_CLOSE" i18n:attr="aria-label" class="close-search-input-in-input" onclick="closeSearchInput()">
                        <i aria-hidden="true" class="fas fa-times"></i>
                    </button>
                </form>

<form class="search-input" action="{resolver:resolve('page', /cms/inputData/sitemap//page[@PLUGIN_TAGS_SEARCH]/@sitemap:id)}" method="post">
                    <label for="search-field-{$uniqueId}" class="sr-only">
                        <i18n:text i18n:key="SKIN_MAIN_SEARCH" i18n:catalogue="skin.{$skin}"/>
                    </label>
                    <input type="text" class="input-text" placeholder="skin.{$skin}:SKIN_MAIN_SEARCH" name="{$searchInputName}" id="search-field-{$uniqueId}" title="skin.{$skin}:SKIN_MAIN_SEARCH" i18n:attr="title placeholder">
                        <xsl:call-template name="search-form-fields-additionnal-attributes"/>
                    </input>
                    <input type="hidden" name="submit-form" />
                    
                    <button type="button" aria-label="skin.{$skin}:SKIN_SEARCH_CLOSE" i18n:attr="aria-label" class="close-search-input-in-input" onclick="closeSearchInput()">
                        <i aria-hidden="true" class="fas fa-times"></i>
                    </button>
                </form>

<form class="search-input" action="{resolver:resolve('page', /cms/inputData/sitemap//page[@PLUGIN_TAGS_SEARCH]/@sitemap:id)}" method="post">
                    <label for="search-field-{$uniqueId}" class="sr-only">
                        <i18n:text i18n:key="SKIN_MAIN_SEARCH" i18n:catalogue="skin.{$skin}"/>
                    </label>
                    <input type="text" class="input-text" placeholder="skin.{$skin}:SKIN_MAIN_SEARCH" name="{$searchInputName}" id="search-field-{$uniqueId}" title="skin.{$skin}:SKIN_MAIN_SEARCH" i18n:attr="title placeholder">
                        <xsl:call-template name="search-form-fields-additionnal-attributes"/>
                    </input>
                    <input type="hidden" name="submit-form" />
                    
                    <button type="button" aria-label="skin.{$skin}:SKIN_SEARCH_CLOSE" i18n:attr="aria-label" class="close-search-input-in-input" onclick="closeSearchInput()">
                        <i aria-hidden="true" class="fas fa-times"></i>
                    </button>
                </form>

Vérifiez le rendu de la dropdown de recherche et ajuster votre déclinaison au besoin.

Par ailleurs, sur la page d'accueil, une légère (mais non anodine) modification de structure a été faite, pour permettre le bon affichage de la dropdown de recherche.
Vous devez vérifier et appliquez les correctifs nécessaires, que vous voulez ou non activer la recherche rapide de page !

La modification de structure concerne le bandeau d'accueil biseauté.
L'effet de biseau a été déplacé dans un sous-élément <div class="backgroud-home--bottom"/>.
En effet le style {overflow: hidden} appliqué à l'élément parent empêche sinon la dropdown de recherche de s'afficher correctement.

Cela vous impacte :

si vous avez surchargé le template "body" du template index
si vous avez caché ou modifié l'effet de biseau en CSS

Dans tous les cas, vérifier le rendu de la page d'accueil et ajuster votre déclinaison si besoin.

Ticket JIRA associé : https://issues.ametys.org/browse/SKINSEARCH-396

Retour en haut

Oups !