Thème Focale — Opticien indépendant (complet)

Guide utilisateur — Thème Focale (édition complète)

Module theme_optique, version 19.0.1.0.0, OPL-1. Il s'installe par-dessus le module gratuit theme_optique_lite, dont il dépend.

Avant de commencer : ce que ce thème fait, et ce qu'il ne fait pas

Il fait : habiller un site Odoo 19 pour opticien indépendant — bleu nuit et cuivre sur blanc papier, sans-serif géométrique, angles nets — et poser 12 blocs manipulables dans l'éditeur de site, une page d'accueil, 3 pages supplémentaires, leurs entrées de menu et un pied de page complet.

Il ne fait pas :

• Il ne vend rien en ligne : aucune boutique, aucun panier, aucun paiement.
• Il ne prend pas de rendez-vous et ne se connecte à aucune plateforme d'examen de vue.
• Il ne fournit aucune photographie ni aucun portrait : toutes les images sont engendrées par programme.
• Il ne modifie aucun module du cœur d'Odoo : tout passe par l'héritage de vues.

Aucun avis client et aucune allégation de santé : un opticien n'annonce pas de résultat visuel. À la place, le panier 100 % santé, les délais réels de l'atelier et les règles de validité de l'ordonnance.

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

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), puis installez Thème Focale — Opticien indépendant (complet). Odoo installe automatiquement theme_optique_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_optique --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é dans le site tant que le thème n'est pas appliqué.

2. Appliquer le thème au site

Site web → Configuration → Paramètres → Thème, ou directement Site web → Éditer → Thème. Choisissez Thème Focale 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'équipe (/equipe) ;
• la page Infos pratiques (/infos-pratiques) ;
• la page Tarifs (/tarifs) ;
• les 3 entrées de menu correspondantes ;
• le pied de page du thème.

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 sur une copie d'abord.

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

La page d'accueil (/)

Quatre sections, dans cet ordre : o_focale_hero, o_focale_cards, o_focale_features, o_focale_cta.

Ce sont les quatre blocs de l'édition gratuite. Ils sont posés dans un oe_structure : chacun se déplace, se duplique et se supprime dans l'éditeur comme n'importe quel bloc Odoo.

L'équipe (/equipe)

Sections montées : o_focale_team, o_focale_steps, o_focale_cta.

Infos pratiques (/infos-pratiques)

Sections montées : o_focale_hours_sec, o_focale_split, o_focale_faq.

Tarifs (/tarifs)

Sections montées : o_focale_pricelist, o_focale_stats, o_focale_prevention, o_focale_cta.

Le menu

Le pied de page

Le thème remplace le <div id="footer"> de website.layout. Quatre colonnes : la marque « Optique Vermeil », puis « La boutique », « Nous trouver », « Bon à savoir ».

La ligne de mention légale affiche : « © 2026 Optique Vermeil — établissement fictif de démonstration Thème Focale par DYONYSOS »

Le pied de page est dans un oe_structure : il s'édite depuis l'éditeur de site, comme le reste.

4. Les douze blocs, un par un

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

1. Bandeau de la boutique

édition gratuite — theme_optique_lite.s_op_bandeau

• Surtitre : « Opticien indépendant — Optique Vermeil »
• Titre (h1) : « Verres taillés à l'atelier, montage en quarante-huit heures »
• Chapeau : « La meuleuse est dans la boutique, pas dans un centre régional. Un unifocal sort en deux jours, un progressif en quatre, et le délai est écrit sur le devis avant que vous payiez. »
• Boutons et liens : « Prendre rendez-vous » → /contactus, « Appeler la boutique » → tel:+33240000000.
• Mots-clés de recherche dans l'éditeur : bandeau, hero, accueil, opticien indépendant
• Fichier : theme_optique_lite/views/snippets/s_op_bandeau.xml

2. Trois métiers de la boutique

édition gratuite — theme_optique_lite.s_op_soins

• Surtitre : « Ce qu'on fait ici »
• Titre (h2) : « Trois métiers dans la même boutique »
• Chapeau : « L'examen de vue en magasin ne remplace pas la consultation d'ophtalmologie : il renouvelle, il ne dépiste pas. »
• Structure : 3 éléments répétés (.o_focale_card), répartis sur 3 colonnes de la grille Bootstrap.
• Intitulés livrés : « Examen de vue et renouvellement », « Atelier de montage », « Lentilles de contact ».
• Mots-clés de recherche dans l'éditeur : activites, prestations, cartes, grille, opticien indépendant
• Fichier : theme_optique_lite/views/snippets/s_op_soins.xml

3. Quatre points pratiques

édition gratuite — theme_optique_lite.s_op_infos

• Surtitre : « Avant de venir »
• Titre (h2) : « Quatre points à vérifier dans votre dossier »
• Chapeau : « Ils décident de ce qui est possible le jour où vous poussez la porte. »
• Structure : 4 éléments répétés (.o_focale_feature), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « 100 % santé et tiers payant », « Ordonnance en cours de validité », « Délais annoncés à la commande », « Adaptation du progressif ».
• Mots-clés de recherche dans l'éditeur : infos pratiques, points, reperes, opticien indépendant
• Fichier : theme_optique_lite/views/snippets/s_op_infos.xml

4. Appel à prise de rendez-vous

édition gratuite — theme_optique_lite.s_op_rdv

• Surtitre : « Rendez-vous »
• Titre (h2) : « L'examen de vue se réserve, l'ajustage se fait au comptoir »
• Chapeau : « Serrage, plaquettes, vis perdue, nettoyage aux ultrasons : passez aux heures d'ouverture, c'est fait en dix minutes et ce n'est pas facturé. »
• Boutons et liens : « Prendre rendez-vous » → /contactus, « 02 40 00 00 00 » → tel:+33240000000.
• Mots-clés de recherche dans l'éditeur : appel, action, cta, rendez-vous, contact
• Fichier : theme_optique_lite/views/snippets/s_op_rdv.xml

5. L'équipe et ses diplômes

édition complète — theme_optique.s_op_equipe

• Surtitre : « L'équipe »
• Titre (h2) : « Quatre personnes, dont deux à l'atelier »
• Chapeau : « Diplômes et spécialités de chacun. Aucun portrait fictif n'est livré avec ce thème. »
• Structure : 4 éléments répétés (.o_focale_member), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « Élodie Vermeil », « Karim Salhi », « Anne Deschamps », « Hugo Prat ».
• Mots-clés de recherche dans l'éditeur : equipe, praticiens, diplomes, presentation
• Fichier : theme_optique/views/snippets/s_op_equipe.xml

6. Horaires et délais d'atelier

édition complète — theme_optique.s_op_horaires

• Surtitre : « Horaires »
• Titre (h2) : « Les horaires, et ce qui se fait sans rendez-vous »
• Structure : 2 éléments répétés (.o_focale_hours), répartis sur 3 colonnes de la grille Bootstrap.
• Intitulés livrés : « Ouverture », « Délais de l'atelier ».
• Mots-clés de recherche dans l'éditeur : horaires, ouverture, garde, urgence, contact
• Fichier : theme_optique/views/snippets/s_op_horaires.xml

7. Accès et stationnement

édition complète — theme_optique.s_op_acces

• Surtitre : « Venir à la boutique »
• Titre (h2) : « 3 rue des Trois-Clefs, entre la poste et le square »
• Structure : 2 colonnes de la grille Bootstrap.
• Boutons et liens : « Prendre rendez-vous » → /contactus.
• Images : 1 au total, toutes la même, /theme_optique/static/src/img/optique_illustration.png. 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 : acces, stationnement, adresse, accessibilite, plan
• Fichier : theme_optique/views/snippets/s_op_acces.xml

8. De l'ordonnance aux lunettes

édition complète — theme_optique.s_op_parcours

• Surtitre : « Comment ça se passe »
• Titre (h2) : « De l'ordonnance aux lunettes sur le nez »
• Structure : 4 éléments répétés (.o_focale_step), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « L'examen ou l'ordonnance », « Le choix et le devis », « Le montage », « La livraison et le suivi ».
• Mots-clés de recherche dans l'éditeur : parcours, etapes, deroule, prise en charge
• Fichier : theme_optique/views/snippets/s_op_parcours.xml

9. Équipements et 100 % santé

édition complète — theme_optique.s_op_tarifs

• Surtitre : « Tarifs »
• Titre (h2) : « Ce que coûte un équipement, et ce qui ne coûte rien »
• Chapeau : « Le panier 100 % santé est présenté sur chaque devis. Les prix ci-dessous sont ceux de la boutique, monture et verres compris. »
• Structure : 8 éléments répétés (.o_focale_pl_row), répartis sur 2 colonnes de la grille Bootstrap.
• Intitulés livrés : « Équipements et prise en charge », « Services de l'atelier ».
• Mots-clés de recherche dans l'éditeur : tarifs, prix, remboursement, tiers payant, liste
• Fichier : theme_optique/views/snippets/s_op_tarifs.xml

10. Bandeau de repères

édition complète — theme_optique.s_op_chiffres

• Surtitre : « La boutique en bref »
• Titre (h2) : « Quatre chiffres qu'on peut vérifier »
• Structure : 4 éléments répétés (.o_focale_stat), répartis sur 4 colonnes de la grille Bootstrap.
• Mots-clés de recherche dans l'éditeur : chiffres, reperes, indicateurs, statistiques
• Fichier : theme_optique/views/snippets/s_op_chiffres.xml

11. Questions fréquentes

édition complète — theme_optique.s_op_faq

• Surtitre : « Questions fréquentes »
• Titre (h2) : « Ce qu'on nous demande au comptoir »
• Structure : 5 questions en accordéon, la première dépliée à l'ouverture de la page.
• Intitulés livrés : « Puis-je venir sans ordonnance ? », « Le 100 % santé, c'est vraiment zéro euro ? », « Combien de temps pour mes lunettes ? », « Et si je ne m'habitue pas aux progressifs ? », « Montez-vous des verres sur une monture apportée ? ».
• Mots-clés de recherche dans l'éditeur : faq, questions, reponses, accordeon
• Fichier : theme_optique/views/snippets/s_op_faq.xml

12. Prendre soin de sa vue

édition complète — theme_optique.s_op_prevention

• Surtitre : « Prendre soin de sa vue »
• Titre (h2) : « Ce qu'un opticien ne remplace pas »
• Chapeau : « Trois rappels que nous redisons en boutique, et qui n'ont rien à voir avec la vente d'un équipement. »
• Structure : 3 éléments répétés (.o_focale_feature), répartis sur 3 colonnes de la grille Bootstrap.
• Intitulés livrés : « Le contrôle chez l'ophtalmologiste », « Protection solaire », « Écrans et fatigue visuelle ».
• Mots-clés de recherche dans l'éditeur : prevention, conseils, depistage, sante
• Fichier : theme_optique/views/snippets/s_op_prevention.xml

5. Les deux palettes

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

Les contrastes ont été calculés à la génération et sont consignés en commentaire dans static/src/scss/primary_variables.scss :

Le seuil WCAG AA pour du texte courant est 4,5:1 ; les deux palettes le passent.

Typographie. Titres en Space Grotesk, texte courant en DM Sans, barre de navigation et boutons en Space Grotesk. 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.4, h2 ×2.4, h3 ×1.6, h4 ×1.28.

Les deux palettes sont déclarées dans le module gratuit, et redéclarées à l'identique par le module payant. 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 du SCSS 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 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é : ajouter le même bloc ailleurs le redonne dans son état d'origine.

Pour ajouter ou retirer un élément (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.

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.

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

7. Les traductions

Le thème est écrit en français. Les modules livrent i18n/theme_optique.pot et 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.

8. Le rendu sur téléphone, mesuré

Toutes les sections sont bâties sur la grille Bootstrap d'Odoo : les colonnes se replient seules. Les chiffres ci-dessous ont été relevés sur le thème réellement installé, dans un navigateur, page par page.

Un débordement de 0 px signifie qu'aucune page ne défile latéralement sur un téléphone. Les captures de la fiche du module sont ces relevés-là, pas des maquettes.

9. 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 par le thème, 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 le module payant sans désinstaller le gratuit laisse un site cohérent : les quatre blocs de base et la direction artistique restent.

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