Utiliser le bloc Carte des biens immobiliers

PLUS

Avec le bloc Gutenberg Carte des biens immobiliers (immomakler/archive-map), vous affichez vos biens immobiliers sous forme de carte. Dans la vue liste des biens immobiliers, le bloc affiche les biens que le visiteur voit actuellement, donc y compris tous les filtres de recherche actifs. Sur toute autre page, par exemple une page d’accueil ou une page de carte dédiée, il affiche tous les biens, tout comme le shortcode [immomakler-map].

Jusqu’à la version 5.68.0, le bloc s’appelait « Vue liste de la carte des biens immobiliers ».

Prérequis

WordPress avec l’éditeur Gutenberg (à partir de WordPress 5.0)
WP-ImmoMakler édition Plus
Un fournisseur de carte doit être sélectionné (dans le Customizer sous WP-ImmoMakler → Cartes). Si « Aucune carte » y est indiqué, le bloc n’affiche rien

Insérer le bloc

Ouvrir la page ou le template

Ouvrez la page sur laquelle la carte doit apparaître. Pour la vue liste des biens immobiliers, ouvrez dans le backend de votre site (wp-admin) sous Apparence → Site Editor le template de blocs pour la page d’archive des biens immobiliers (type de publication Biens immobiliers).
Insérer le bloc

Cliquez sur le symbole + et recherchez Carte des biens immobiliers, ou naviguez vers la catégorie Widgets. Insérez le bloc à la position souhaitée.
Vérifier l’aperçu

Dans l’éditeur, le bloc affiche un aperçu avec quelques-uns de vos biens immobiliers. Les biens qui apparaissent dans le frontend ne sont déterminés qu’au chargement de la page.
Enregistrer la page ou le template

Enregistrez votre modification. La carte apparaît désormais dans le frontend.

Configurer la hauteur de la carte

Dans le panneau de bloc Apparence, vous définissez la hauteur de la carte :

Paramètre	Description
Unité	Unité pour la hauteur de la carte : px, %, vh ou vw. Par défaut : px.
Hauteur de la carte	Hauteur de la carte dans l’unité sélectionnée. Par défaut : 500 px.

Plages disponibles selon l’unité :

Unité	Minimum	Maximum
px	100	1200
%	10	100
vh	10	100
vw	10	100

La hauteur configurée est appliquée en CSS en ligne scoped aux sélecteurs de conteneur de carte .immomakler-map-iframe, .immomakler-map-iframe iframe.map et iframe.immomakler-map-iframe.

Autres paramètres de carte

Vous définissez toutes les autres options de carte (zoom, couleur des marqueurs, regroupement, bloqueur de consentement, style de carte, etc.) de manière centralisée dans le backend de votre site (wp-admin) sous Apparence → Customizer → WP-ImmoMakler → Cartes. Dans le panneau de bloc Carte, vous pouvez vous en écarter pour ce seul bloc ; chaque réglage y est réglé sur « Hériter du Customizer » tant que vous ne le modifiez pas.

Classes CSS pour des personnalisations supplémentaires

/* Enveloppe du bloc */
.wp-block-immomakler-archive-map { }

/* Conteneur de carte (iframe ou div de l'API JS) */
.immomakler-map-iframe { }

/* Élément iframe intégré */
.immomakler-map-iframe iframe.map { }