Bloc Liste de prix

Avec le bloc Gutenberg Liste des prix (immomakler/single-data-prices), vous affichez les informations de prix d’un bien immobilier sous forme de liste de définition claire à deux colonnes avec libellé et valeur. Contrairement au bloc Données du bien immobilier, qui affiche toutes les données clés en une fois, la Liste des prix se limite aux champs de prix — et vous définissez, pour chaque instance de bloc, lesquels apparaissent. Le bloc correspond en termes de fonctionnalités et de rendu au widget Elementor du même nom, « Liste des prix ».

Prérequis

• WordPress avec l’éditeur Gutenberg (à partir de WordPress 5.0)
• WP-ImmoMakler (toute édition)
• Un bien immobilier en contexte : Le bloc lit les prix du bien immobilier actuellement affiché. Placez-le donc dans un template du Site Editor pour le type de publication Bien immobilier ou sur un template de page — voir Créer une page de détail. Sur une page ordinaire sans bien immobilier, le bloc reste vide.

Insérer le bloc

1. Ouvrir un template ou un template de page

   Ouvrez dans le Site Editor le template pour le type de publication Bien immobilier (nécessite un thème de blocs) ou le template de page sur lequel la vue détail de vos biens immobiliers est construite.

2. Insérer le bloc

   Cliquez sur le symbole + et recherchez Liste des prix, ou accédez à la catégorie Widgets. Insérez le bloc.

3. Sélectionner les champs

   Dans la barre latérale, sous Champs, désactivez les champs de prix qui ne doivent pas apparaître dans cette liste. Par défaut, tous les champs sont activés.

4. Vérifier l’aperçu et enregistrer

   Dans l’éditeur, le bloc affiche immédiatement un aperçu en direct avec les données du bien immobilier de prévisualisation. Enregistrez le template — les prix du bien concerné apparaissent sur la page réelle du bien immobilier.

Options

Dans la barre latérale (onglet Paramètres), vous trouverez les panneaux suivants :

Panneau	Option	Valeur par défaut	Description
Paramètres	Afficher la légende	Oui	Affiche les libellés des champs de prix dans une colonne dédiée à côté des valeurs. Désactivée, le bloc n’affiche que les valeurs les unes sous les autres.
Champs	un interrupteur par champ de prix	tous Oui	Détermine quels champs de prix cette instance de bloc peut afficher (liste complète ci-dessous).
Cellules de tableau	Marge intérieure (haut / droite / bas / gauche)	10 / 3 / 3 / 3 px	Espacement à l’intérieur de chaque cellule de la liste.
Cellules de tableau	Bordure	Aucun	Ligne de séparation entre les lignes : Aucun, Continu, Tirets, Pointillés ou Double. Les trois options suivantes n’apparaissent qu’une fois une bordure sélectionnée.
Cellules de tableau	Largeur de la bordure (px) / Couleur de la bordure	1 px / valeur par défaut du thème	Épaisseur et couleur des lignes de séparation.
Cellules de tableau	Lignes de séparation : marge extérieure (px)	0	Prolonge les lignes de séparation vers l’extérieur, au-delà de l’espacement intérieur du bloc.
Cellules de tableau	Ligne verticale entre les colonnes	Non	Trace en plus une ligne verticale entre la colonne des libellés et celle des valeurs, dans le style de la bordure sélectionnée.
Étiquetage	Largeur de colonne (%)	40	Largeur de la colonne des libellés ; la colonne des valeurs occupe le reste.
Étiquetage	Taille de police (px) / Graisse de police / Couleur du texte	Valeur par défaut du thème	Typographie des libellés.
Valeurs	Alignement du texte	Gauche	Alignement des valeurs dans leur colonne : Gauche ou Droite.
Valeurs	Taille de police (px) / Graisse de police / Couleur du texte	Valeur par défaut du thème	Typographie des valeurs.

Le bloc prend également en charge les options standard de WordPress pour le remplissage et la marge dans l’onglet Design.

Note

Un champ activé n’apparaît dans le frontend que si le bien immobilier concerné contient effectivement une valeur pour ce champ. Les champs sans valeur sont automatiquement masqués — un logement en location n’affiche donc pas de prix d’achat vide, même si l’interrupteur est activé. La visibilité de chaque champ peut en outre être contrôlée globalement dans les paramètres de WP-ImmoMakler.

Champs de prix disponibles

Le panneau Champs répertorie chaque champ de prix avec son libellé et la clé de champ correspondante entre parenthèses, dans l’ordre dans lequel WP-ImmoMakler affiche également les champs. Regroupés par thème, les champs suivants sont disponibles :

Prix d’achat

Libellé	Clé
Prix d’achat	kaufpreis
Prix de vente net	kaufpreisnetto
TVA sur le prix de vente	kaufpreisust
Prix de vente brut	kaufpreisbrutto
Prix d’achat (texte libre)	kaufpreis_freitext
Prix (sur demande)	kaufpreis_auf_anfrage
Prix de vente par m²	kaufpreis_pro_qm
Prix de vente par m² (texte libre)	preis_pro_qm_freitext
Prix indicatif	richtpreis
Prix indicatif par m²	richtpreisprom2
Frais de développement	erschliessungskosten
Avoir social	geschaeftsguthaben
Écart	abstand

Loyer

Libellé	Clé
Loyer hors charges	kaltmiete
Loyer net sans charges	nettokaltmiete
Loyer charges comprises	warmmiete
Loyer forfaitaire	pauschalmiete
Loyer par m²	mietpreis_pro_qm
Suppléments de loyer	mietzuschlaege
Autre loyer net	sonstigemietenetto
Total du loyer net	summemietenetto
TVA sur le total du loyer	summemieteust
Loyer net par m² à partir de	nettomieteprom2von
Loyer net par m² jusqu’à	nettomieteprom2bis
Total du loyer net	gesamtmietenetto
TVA sur le total du loyer	gesamtmieteust
Loyer total	gesamtmietebrutto
Loyer principal net	hauptmietzinsnetto
TVA sur le loyer principal	hauptmietzinsust
Bail	pacht
Bail emphytéotique	erbpacht
Caution	kaution

Charges et frais courants

Libellé	Clé
Charges	nebenkosten
Charges par m² à partir de	nebenkostenprom2von
Charges locatives par m² jusqu’à	nebenkostenprom2bis
Coûts de chauffage	heizkosten
Coûts de chauffage nets	heizkostennetto
Frais d’exploitation nets	betriebskostennetto
TVA sur les frais d’exploitation	betriebskostenust
Charges de gestion immobilière	hausgeld
Coûts mensuels nets	monatlichekostennetto
TVA sur les coûts mensuels	monatlichekostenust
Coûts mensuels bruts	monatlichekostenbrutto
Coût total par m² à partir de	gesamtkostenprom2von
Coût total par m² jusqu’à	gesamtkostenprom2bis
Total des charges nettes	gesamtbelastungnetto
TVA sur le total des charges	gesamtbelastungust
Charge totale	gesamtbelastungbrutto
Réserve nette	ruecklagenetto
TVA sur la réserve	ruecklageust
Autres coûts nets	sonstigekostennetto
TVA sur les autres coûts nets	sonstigekostenust
Charges nettes d’entretien et d’amélioration « EVB »	evbnetto
TVA sur EVB	evbust
Total TVA	mwst_gesamt

Commission

Libellé	Clé
Soumis à commission	provisionspflichtig
Commission externe / Courtage	aussen_courtage
Commission nette	provisionnetto
Commission brute	provisionbrutto
TVA de la commission	provisionust
Répartition de la commission	provision_teilen

Rendement et investissement

Libellé	Clé
Loyer multiplié par X	x_fache
Rendements nets	nettorendite
Rendements nets (réels)	nettorendite_ist
Rendements nets (attendus)	nettorendite_soll
Revenus locatifs (réels)	mieteinnahmen_ist
Revenus locatifs (attendus)	mieteinnahmen_soll

Divers

Libellé	Clé
Prix valable à partir du	preis_zeitraum_von
Prix valable jusqu’au	preis_zeitraum_bis
Autres informations sur le prix	freitext_preis
Date de la vente aux enchères	versteigerungstermin

Astuce

Vous pouvez insérer le bloc plusieurs fois dans un template et limiter chaque instance à un groupe de champs différent — par exemple une liste pour le prix d’achat et la commission, puis une seconde en dessous pour les charges courantes, chacune avec son propre titre.

Mise en forme via CSS

Chaque ligne de la liste porte une classe selon le modèle immomakler-data-{key}, ce qui vous permet de styliser des champs de prix spécifiques dans votre thème :

/* Liste */
.wp-block-immomakler-single-data-prices .immomakler-single-data-prices__list { }

/* Libellé et valeur d'un champ spécifique */
.wp-block-immomakler-single-data-prices dt.immomakler-data-kaufpreis { }
.wp-block-immomakler-single-data-prices dd.immomakler-data-kaufpreis { }

Cela pourrait aussi vous intéresser

• Créer une page de détail — Construire la vue détail du bien immobilier dans le Site Editor ou sur un template de page
• Données du bien immobilier — Afficher toutes les données clés d’un bien immobilier sous forme de liste de définition
• Boîtes de données clés — Afficher les données clés les plus importantes sous forme de groupe de boîtes avec icônes
• Blocs Gutenberg : Aperçu — Tous les blocs Gutenberg WP-ImmoMakler disponibles en un coup d’œil