# Liste de types d'hébergement

Vous utiliserez ce shortcode ou ce bloc pour afficher une liste de types d'hébergement. Vous pouvez indiquer le nombre de colonnes, si vous souhaitez inclure un formulaire de réservation, un bouton pour voir une présentation détaillée du type d'hébergement, quels types d'hébergements vous souhaitez afficher (possible avec le shortcode uniquement)...

Vous indiquerez la "Description affichée dans la liste des types d'hébergement" dans la section [Descriptions](../../documentation-hbook/types-dhebergement.md#accom-descriptions) des paramètres du type d'hébergement.

<a id="shortcode-hb_accommodation_list"></a>

## Shortcode \[hb\_accommodation\_list\]

Utilisez le shortcode **\[hb\_accommodation\_list\]** pour afficher une liste des types d'hébergement.

**Paramètres :**

- **accom\_ids :** utilisez ce paramètre pour choisir d'afficher seulement certains types d'hébergement dans la liste. Indiquez les IDs des types d'hébergement que vous souhaitez montrer. Défaut : vide (tous les types d'hébergements seront montrés)
- **nb\_columns :** utilisez ce paramètre pour indiquer le nombre de colonnes pour l'affichage des types d'hébergements. Ce sera le nombre maximum de colonnes utilisées (selon taille de l'écran/élément). Défaut : 2.
- **book\_button :** utilisez ce paramètre si vous souhaitez ajouter un formulaire de recherche sous chaque type d'hébergement présenté. Défaut : oui.
- **view\_button :** utilisez ce paramètre si vous souhaitez ajouter un bouton qui renvoie vers la page du type d'hébergement, pour une présentation détaillée. Défaut : no.
- **redirection\_url :** si vous paramétrez "book\_button" à "yes" et souhaitez que le client soit redirigé à une autre page pour les étapes suivantes de la réservation, utilisez ce paramètre. Indiquez l’URL de la page sur laquelle il doit être renvoyé grâce à ce paramètre.
- **title\_link:** utilisez ce paramètre pour choisir si vous souhaitez que le titre ait un lien vers la page du type d’hébergement. Défaut : oui.
- **title\_tag :** utilisez ce paramètre pour modifier le type de titre (h1, h2, h3, h4,...). Défaut : h2.
- **show\_thumbnail :** utilisez ce paramètre pour choisir si vous souhaitez afficher la vignette de l'hébergement ou non. Défaut : oui.
- **thumbnail\_link:** utilisez ce paramètre pour choisir si vous souhaitez que la vignette ait un lien vers la page du type d’hébergement. Défaut : oui.
- **thumb\_width :** utilisez ce paramètre pour modifier la largeur de la vignette. Défaut : 150px.
- **thumb\_height :** utilisez ce paramètre pour modifier la hauteur de la vignette. Défaut : 150px.

> [!INFO]
> **Exemples**  
> \[hb\_accommodation\_list view\_button="yes" book\_button="yes" redirection\_url="https://mywebsite.com/booking-form/ " nb\_columns="4" \]  
> \[hb\_accommodation\_list thumbnail\_link="no" title\_link="no"\]  
> \[hb\_accommodation\_list title\_tag="h4" thumb\_width="300" thumb\_height="200"\]  
> \[hb\_accommodation\_list accom\_ids="12,14,24,37" book\_button="no"\]

* * *

<a id="liste-de-types-dhébergement-bloc-gutenberg"></a>

## Liste de types d'hébergement - Bloc Gutenberg

![accommodation-gutenberg.png](./attachments/accommodation-gutenberg.png)

1. Choisissez le **nombre de colonnes**
2. Indiquez si vous souhaitez montrer **une vignette**
3. Indiquez si vous souhaitez que la vignette soit cliquable, avec un **lien vers la page du type d'hébergement**
4. Indiquez la **largeur** de la vignette
5. Indiquez la **hauteur** de la vignette
6. Indiquez si vous souhaitez afficher un bouton **Voir cet hébergement**, qui ouvrira dans un nouvel onglet la page du type d'hébergement.
7. Indiquez si vous souhaitez afficher un bouton **Réserver maintenant**, qui affichera un formulaire de réservation sous le descriptif du type d'hébergement
8. Si vous avez indiqué vouloir afficher un bouton "Réservez maintenant", indiquez la page de **Redirection** si vous souhaitez que HBook redirige vers une page différente pour le reste du processus de réservation. Les clients seront redirigés vers la page indiquée dans "Redirection" afin de renseigner les informations client/réservation.

* * *

<a id="paramétrages-additionnels"></a>

## Paramétrages additionnels

- **Taille de la vignette** : vous pouvez modifier la taille de la vignette affichée dans les résultats de recherche dans la page **HBook > Formulaire de recherche > Sélection du type d’hébergement**. Se référer à [cette section de la documentation.](../../documentation-hbook/personnalisation-des-formulaires/formulaire-de-recherche-et-de-selection.md#selection-hebergement)
- **Ouverture des liens** : dans **HBook > Apparence > Paramètres généraux**, vous trouverez un paramètre global relatif à l’ouverture des liens vers la page du type d’hébergement, soit dans le même onglet, soit dans un nouvel onglet.
- **Page utilisée pour la présentation de l’hébergement** : Vous pouvez utiliser une autre page que celle par défaut de **Type d’hébergement** HBook. Vous pouvez paramétrer cela dans la section [Options d’affichage](../../documentation-hbook/types-dhebergement.md#options-affichage).