Thème Cadre — Agence immobilière et gestion (complet)

Guide utilisateur — Thème Cadre — Agence immobilière et gestion (complet)

Module theme_cadre, version 19.0.1.0.0, OPL-1, 99 €. Il s'installe par-dessus le module gratuit theme_cadre_lite, dont il dépend.

À qui s'adresse ce thème

À une agence immobilière ou un administrateur de biens qui publie des biens, des barèmes d'honoraires et un parcours de vente.

C'est un thème de site web. Il ne touche ni à la comptabilité, ni aux stocks, ni à aucune application de gestion : tout ce qu'il modifie est le rendu du site.

Ce qu'il fait, et ce qu'il ne fait pas

Il fait : poser quatorze blocs manipulables dans l'éditeur de site Odoo 19 (quatre venant de l'édition gratuite, dix de celle-ci), quatre pages, trois entrées de menu, deux palettes complètes et un habillage typographique.

Il ne fait pas :

• Il ne gère pas de portefeuille de biens : les annonces sont du contenu éditable, pas des enregistrements interrogeables ni filtrables.
• Il ne se connecte à aucun portail d'annonces ni à aucun flux immobilier.
• Le DPE, les honoraires et les surfaces affichés sont fictifs.
• Il ne contient aucun code Python : les deux modules se réduisent à des vues, du SCSS, des images et un __init__.py vide. Rien ne tourne côté serveur.
• Il ne fournit aucune photographie : les 38 images des deux modules sont engendrées par programme.
• Il ne copie aucun fichier de police : les polices sont chargées par Odoo depuis Google Fonts via $o-theme-font-configs.
• Il n'ajoute aucun JavaScript : tout le rendu est du HTML et du CSS.
• Il ne modifie aucun module du cœur d'Odoo : tout passe par l'héritage de vues.

Le contenu de démonstration est entièrement fictif — raison sociale, adresses, téléphones, tarifs, chiffres, avis. Il est là pour montrer la mise en page, pas pour être publié tel quel.

1. Installer

Les deux modules doivent être présents dans un dossier de votre addons_path. Mettez ensuite la liste des applications à jour (Applications → Mettre à jour la liste des applications), retirez le filtre Applications, cherchez theme_cadre et installez Thème Cadre — Agence immobilière et gestion (complet). Odoo installe theme_cadre_lite d'abord : c'est une dépendance déclarée, vous n'avez pas à l'installer à la main.

En ligne de commande, sur une base neuve :

odoo-bin -c odoo.conf -d ma_base -i theme_cadre --stop-after-init

L'installation ne crée rien dans votre site. Dans un module de thème, les vues et les pages sont stockées comme theme.ir.ui.view et theme.website.page, des modèles d'attente. Rien n'est copié tant que le thème n'est pas appliqué.

Dépendances déclarées : theme_cadre_lite dépend de website ; theme_cadre dépend de theme_cadre_lite.

2. Appliquer le thème au site

Site web → Configuration → Paramètres → Thème, ou directement Site web → Éditer → Thème. Choisissez Thème Cadre — Agence immobilière et gestion (complet) et validez.

À ce moment-là, et à ce moment-là seulement, Odoo copie dans votre site :

• la page d'accueil du thème — elle remplace le contenu de / ;
• la page L'agence (/agence) ;
• la page Honoraires (/honoraires) ;
• la page Nos biens (/nos-biens) ;
• les trois entrées de menu correspondantes ;
• le pied de page du thème, qui remplace le <div id="footer"> de website.layout.

Appliquer un thème sur un site qui a déjà du contenu écrase la page d'accueil existante. Sur un site en production, faites-le d'abord sur une copie.

3. Ce que vous avez sur le site après application

La page d'accueil (/)

Sections montées, dans cet ordre : o_cadre_hero, o_cadre_cards, o_cadre_features, o_cadre_cta.

Elles sont posées dans un oe_structure : chacune se déplace, se duplique et se supprime dans l'éditeur comme n'importe quel bloc Odoo.

L'agence (/agence)

Sections montées, dans cet ordre : o_cadre_split, o_cadre_team, o_cadre_testimonials, o_cadre_logos, o_cadre_contact.

Elles sont posées dans un oe_structure : chacune se déplace, se duplique et se supprime dans l'éditeur comme n'importe quel bloc Odoo.

Honoraires (/honoraires)

Sections montées, dans cet ordre : o_cadre_offers, o_cadre_steps, o_cadre_faq, o_cadre_cta.

Elles sont posées dans un oe_structure : chacune se déplace, se duplique et se supprime dans l'éditeur comme n'importe quel bloc Odoo.

Nos biens (/nos-biens)

Sections montées, dans cet ordre : o_cadre_cards, o_cadre_cards, o_cadre_stats, o_cadre_cta.

Elles sont posées dans un oe_structure : chacune se déplace, se duplique et se supprime dans l'éditeur comme n'importe quel bloc Odoo.

Le menu

Pour renommer ou réordonner une entrée : Site web → Site → Menus.

Le pied de page

Le thème remplace le <div id="footer"> de website.layout (theme_cadre.o_cadre_footer, views/footer.xml). Colonnes : « Services », « Agence », « Mentions ».

La ligne de mention légale affiche : « © 2026 Rive & Bastide — agence fictive de démonstration »

Le pied de page s'édite depuis l'éditeur de site, comme le reste.

4. Les quatorze blocs, un par un

Dans l'éditeur de site (Éditer → Blocs), ils sont réunis sous le groupe Immobilier. Les quatre premiers viennent du module gratuit, les dix suivants de celui-ci.

1. Bandeau agence deux colonnes

édition gratuite — theme_cadre_lite.s_cadre_hero

• Surtitre : « Transaction et gestion — Rive & Bastide »
• Titre (h1) : « Le prix affiché est celui que nous défendons »
• Chapeau : « Nous estimons au comparable réel, nous publions le prix net vendeur et nous ne le baissons pas trois semaines plus tard pour sauver un mandat. »
• Structure : deux colonnes de la grille Bootstrap.
• Boutons et liens : « Estimer mon bien » → /honoraires, « Voir les biens » → /nos-biens.
• Images : une seule, /theme_cadre_lite/static/src/img/cadre_hero.png. Illustration engendrée par programme et livrée dans le module — aucune photographie. Son attribut alt est vide : elle est décorative et les lecteurs d'écran l' ignorent.
• Mots-clés de recherche dans l'éditeur : bandeau, hero, accueil, agence, immobilier, recherche
• Fichier : theme_cadre_lite/views/snippets/s_cadre_hero.xml

2. Grille de biens

édition gratuite — theme_cadre_lite.s_cadre_biens

• Surtitre : « Sélection »
• Titre (h2) : « Trois biens rentrés cette semaine »
• Chapeau : « Prix net vendeur, honoraires affichés séparément, diagnostics disponibles au premier contact. »
• Structure : trois éléments répétés (.o_cadre_card), répartis sur trois colonnes de la grille Bootstrap.
• Intitulés livrés : « Maison de ville, 132 m², cœur historique », « Appartement traversant, 74 m², dernier étage », « Longère rénovée, 168 m², terrain de 2 400 m² ».
• Images : trois au total, trois fichiers distincts. Illustration engendrée par programme et livrée dans le module — aucune photographie. Leur attribut alt est vide : elles sont décoratives et les lecteurs d'écran les ignorent.
• Mots-clés de recherche dans l'éditeur : biens, annonces, cartes, grille, catalogue, immobilier
• Fichier : theme_cadre_lite/views/snippets/s_cadre_biens.xml

3. Quatre engagements

édition gratuite — theme_cadre_lite.s_cadre_methode

• Surtitre : « Notre méthode »
• Titre (h2) : « Quatre engagements écrits dans le mandat »
• Chapeau : « Pas de promesse commerciale : ces quatre points figurent noir sur blanc dans le document que vous signez. »
• Structure : quatre éléments répétés (.o_cadre_feature), répartis sur quatre colonnes de la grille Bootstrap.
• Intitulés livrés : « Estimation au comparable », « Mandat sans reconduction », « Honoraires fixes », « Un seul interlocuteur ».
• Mots-clés de recherche dans l'éditeur : engagements, points forts, methode, garanties, services
• Fichier : theme_cadre_lite/views/snippets/s_cadre_methode.xml

4. Appel à estimation

édition gratuite — theme_cadre_lite.s_cadre_appel

• Surtitre : « Estimation »
• Titre (h2) : « Une estimation écrite, pas une fourchette au téléphone »
• Chapeau : « Nous nous déplaçons, nous mesurons, nous comparons, et nous vous remettons un document daté et signé. Gratuit et sans engagement de mandat. »
• Structure : une seule colonne, pleine largeur.
• Boutons et liens : « Demander une estimation » → /contactus, « Voir nos honoraires » → /honoraires.
• Mots-clés de recherche dans l'éditeur : appel, action, cta, estimation, contact, conversion
• Fichier : theme_cadre_lite/views/snippets/s_cadre_appel.xml

5. Grille de biens complémentaire

édition complète — theme_cadre.s_cadre_biens_plus

• Surtitre : « Également disponibles »
• Titre (h2) : « Trois autres biens au mandat »
• Structure : trois éléments répétés (.o_cadre_card), répartis sur trois colonnes de la grille Bootstrap.
• Intitulés livrés : « Loft d'angle, 96 m², ancien atelier », « Immeuble de rapport, trois lots loués », « Studio meublé, 28 m², proche gare ».
• Images : trois au total, trois fichiers distincts. Illustration engendrée par programme et livrée dans le module — aucune photographie. Leur attribut alt est vide : elles sont décoratives et les lecteurs d'écran les ignorent.
• Mots-clés de recherche dans l'éditeur : biens, annonces, cartes, grille, catalogue, complement
• Fichier : theme_cadre/views/snippets/s_cadre_biens_plus.xml

6. Trois barèmes d'honoraires

édition complète — theme_cadre.s_cadre_honoraires

• Surtitre : « Honoraires »
• Titre (h2) : « Trois barèmes, publics et identiques pour tous »
• Chapeau : « Aucune commission variable, aucun forfait négocié au cas par cas. Le barème appliqué est celui affiché ici. »
• Structure : trois éléments répétés (.o_cadre_offer), répartis sur trois colonnes de la grille Bootstrap.
• Intitulés livrés : « Diffusion », « Accompagné », « Exclusivité ».
• Boutons et liens : « Comparer les barèmes » → #, « Prendre rendez-vous » → #, « Étudier l'exclusivité » → #.
• Mots-clés de recherche dans l'éditeur : honoraires, tarifs, baremes, formules, prix, offres
• Fichier : theme_cadre/views/snippets/s_cadre_honoraires.xml

7. Bandeau de chiffres

édition complète — theme_cadre.s_cadre_chiffres

• Surtitre : « Année 2025 »
• Titre (h2) : « Ce que nos chiffres disent »
• Structure : quatre éléments répétés (.o_cadre_stat), répartis sur quatre colonnes de la grille Bootstrap.
• Mots-clés de recherche dans l'éditeur : chiffres, statistiques, resultats, preuves, indicateurs
• Fichier : theme_cadre/views/snippets/s_cadre_chiffres.xml

8. Parcours de vente

édition complète — theme_cadre.s_cadre_parcours

• Surtitre : « Comment ça se passe »
• Titre (h2) : « Du premier appel à la remise des clés »
• Structure : quatre éléments répétés (.o_cadre_step), répartis sur quatre colonnes de la grille Bootstrap.
• Intitulés livrés : « Estimation », « Mise en marché », « Négociation », « Acte ».
• Mots-clés de recherche dans l'éditeur : parcours, etapes, methode, deroule, vente
• Fichier : theme_cadre/views/snippets/s_cadre_parcours.xml

9. Trois avis de vendeurs

édition complète — theme_cadre.s_cadre_avis

• Surtitre : « Retours »
• Titre (h2) : « Trois vendeurs, trois dossiers bouclés en 2025 »
• Structure : trois éléments répétés (.o_cadre_quote), répartis sur trois colonnes de la grille Bootstrap.
• Images : trois au total, trois fichiers distincts. Illustration engendrée par programme et livrée dans le module — aucune photographie. Leur attribut alt est vide : elles sont décoratives et les lecteurs d'écran les ignorent.
• Mots-clés de recherche dans l'éditeur : avis, temoignages, clients, vendeurs, confiance
• Fichier : theme_cadre/views/snippets/s_cadre_avis.xml

10. Portraits de l'équipe

édition complète — theme_cadre.s_cadre_equipe

• Surtitre : « L'agence »
• Titre (h2) : « Quatre personnes, aucun apporteur d'affaires »
• Structure : quatre éléments répétés (.o_cadre_member), répartis sur quatre colonnes de la grille Bootstrap.
• Intitulés livrés : « Claire Bastide », « Thomas Rive », « Amélie Coulon », « Bruno Lestrade ».
• Images : quatre au total, quatre fichiers distincts. Illustration engendrée par programme et livrée dans le module — aucune photographie. Leur attribut alt est vide : elles sont décoratives et les lecteurs d'écran les ignorent.
• Mots-clés de recherche dans l'éditeur : equipe, portraits, collaborateurs, agence, personnes
• Fichier : theme_cadre/views/snippets/s_cadre_equipe.xml

11. Questions fréquentes

édition complète — theme_cadre.s_cadre_faq

• Surtitre : « Questions fréquentes »
• Titre (h2) : « Ce qu'on nous demande avant de signer »
• Structure : cinq questions en accordéon, la première dépliée à l'ouverture de la page.
• Intitulés livrés : « L'estimation est-elle vraiment gratuite ? », « Puis-je résilier le mandat ? », « Qui paie les honoraires ? », « Que se passe-t-il si le bien ne se vend pas ? », « Faites-vous de la gestion locative ? ».
• Mots-clés de recherche dans l'éditeur : faq, questions, reponses, accordeon, aide
• Fichier : theme_cadre/views/snippets/s_cadre_faq.xml

12. Bandeau de partenaires

édition complète — theme_cadre.s_cadre_partenaires

• Titre : ce bloc n'en porte pas — c'est un bandeau sans titre de section.
• Structure : cinq éléments répétés (.o_cadre_logo).
• Images : cinq au total, cinq fichiers distincts. Illustration engendrée par programme et livrée dans le module — aucune photographie. Leur attribut alt est vide : elles sont décoratives et les lecteurs d'écran les ignorent.
• Mots-clés de recherche dans l'éditeur : partenaires, confiance, logos, reseaux, references
• Fichier : theme_cadre/views/snippets/s_cadre_partenaires.xml

13. Coordonnées et horaires

édition complète — theme_cadre.s_cadre_contact

• Surtitre : « L'agence »
• Titre (h2) : « Sur la place, en face du kiosque »
• Structure : trois colonnes de la grille Bootstrap.
• Intitulés livrés : « Ouverture ».
• Images : une seule, /theme_cadre/static/src/img/cadre_contact.png. Illustration engendrée par programme et livrée dans le module — aucune photographie. Son attribut alt est vide : elle est décorative et les lecteurs d'écran l' ignorent.
• Mots-clés de recherche dans l'éditeur : contact, horaires, adresse, agence, coordonnees
• Fichier : theme_cadre/views/snippets/s_cadre_contact.xml

14. Présentation en deux colonnes

édition complète — theme_cadre.s_cadre_agence

• Surtitre : « Depuis 2011 »
• Titre (h2) : « Une agence indépendante, sans réseau ni redevance de franchise »
• Structure : deux colonnes de la grille Bootstrap.
• Boutons et liens : « Voir nos honoraires » → /honoraires.
• Images : une seule, /theme_cadre/static/src/img/cadre_agence.png. Illustration engendrée par programme et livrée dans le module — aucune photographie. Son attribut alt est vide : elle est décorative et les lecteurs d'écran l' ignorent.
• Mots-clés de recherche dans l'éditeur : agence, presentation, texte image, histoire, deux colonnes
• Fichier : theme_cadre/views/snippets/s_cadre_agence.xml

5. Les deux palettes

Le thème livre deux palettes complètes et en sélectionne une par défaut : cadre-nuit. On bascule de l'une à l'autre dans Éditer → Thème → Couleurs, sans toucher au contenu.

Dans la convention d'Odoo : couleur 1 est la couleur primaire (boutons, liens), couleur 2 la secondaire, couleur 3 le fond alterné, couleur 4 le fond de page, couleur 5 le fond sombre du pied de page.

Contrastes mesurés (rapport WCAG, calculé sur les valeurs livrées) :

Le texte courant du thème est la couleur 5 sur la couleur 4 : c'est la colonne de droite qui compte pour la lisibilité du corps de texte. La couleur 1 sert aux boutons et aux liens — sur un bouton plein, c'est un fond, pas un texte, et le seuil applicable n'est pas le même.

Typographie. Titres en Archivo, texte courant en Manrope, barre de navigation en Archivo, boutons en Archivo. Les polices sont chargées par Odoo depuis Google Fonts via $o-theme-font-configs : aucun fichier de police n'est copié dans le module. Échelle des titres : h1 ×3.1, h2 ×2.15, h3 ×1.55, h4 ×1.25.

Les palettes sont déclarées dans le module gratuit, et le module payant redéclare le SCSS du gratuit dans son propre assets. C'est nécessaire : en Odoo 19, website/models/ir_asset.py::_get_active_addons_list écarte tous les modules de thème sauf celui appliqué au site, donc un thème payant n'hérite pas automatiquement des feuilles de style de son thème gratuit.

6. Modifier les textes

Tout le contenu livré est du balisage éditable, pas des enregistrements de base de données. Il n'y a donc aucun formulaire de configuration : on édite dans le site.

1. Site web, puis le bouton Éditer en haut à droite.
2. Cliquez dans un texte et tapez. Les surtitres, les titres, les chapeaux, les intitulés de cartes, les prix et les lignes de tableau s'éditent tous en place.
3. Enregistrer. La modification porte sur la page où vous êtes, pas sur le bloc livré : reposer le même bloc ailleurs le redonne dans son état d'origine.

Pour ajouter ou retirer un élément répété (une carte, un praticien, une ligne de tarif), sélectionnez la colonne qui le contient et dupliquez-la ou supprimez-la : ce sont des colonnes Bootstrap ordinaires.

Pour remplacer une image : sélectionnez-la, puis Remplacer l'image. Cela passe par la bibliothèque de médias d'Odoo, qui gère les tailles. Format utile : 1200 × 800 pour les visuels de contenu, 1200 × 630 pour les fonds de bandeau.

Les numéros de téléphone et les adresses courriel sont écrits en dur dans les liens (tel:, mailto:) : le texte visible et la cible du lien sont deux champs distincts dans l'éditeur. Changez les deux.

7. Les traductions

Le thème est écrit en français. Les deux modules livrent leur fichier de traduction : theme_cadre_lite/i18n/theme_cadre_lite.pot et theme_cadre_lite/i18n/fr.po, theme_cadre/i18n/theme_cadre.pot et theme_cadre/i18n/fr.po. Tous les textes des vues sont exportés comme termes traduisibles, de sorte qu'un site multilingue peut les traduire dans Paramètres → Traductions sans toucher au code.

Le fr.po déclare Language: fr et reprend chaque msgid à l'identique en msgstr : les thèmes étant écrits en français, la langue source et la langue cible sont la même.

8. Revenir en arrière

Site web → Configuration → Paramètres → Thème, choisissez un autre thème : Odoo retire les vues du thème courant et pose celles du nouveau. Les pages créées lors de l'application, elles, restent — ce sont devenues des pages de votre site. Supprimez-les dans Site web → Contenu → Pages si vous n'en voulez plus.

Désinstaller theme_cadre sans désinstaller theme_cadre_lite laisse un site cohérent : les quatre blocs de base et la direction artistique restent.

Éditeur : DYONYSOS — dyonysos.fr — support : welcome@dyonysos.fr

Contenu de démonstration entièrement fictif. Aucune photographie tierce, aucune marque tierce, aucun thème existant copié ou adapté.