Thème Fibre — Mercerie, tissus et loisirs créatifs (complet)

Guide utilisateur — Thème Fibre — Mercerie, tissus et loisirs créatifs (complet)

Module theme_fibre_textile, version 19.0.1.0.0, OPL-1. Il s'installe par-dessus le module gratuit theme_fibre_textile_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 — titres en DM Serif Display, texte courant en DM Sans, deux palettes livrées (fibre-indigo et fibre-garance) — 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 gère pas le stock au mètre ni la découpe en ligne.
• Il ne se connecte à aucune caisse ni à aucun logiciel de patronage.
• Il ne fournit pas de photographies : toutes les images sont générées par programme.
• Il ne modifie aucun module du cœur d'Odoo : tout passe par l'héritage de vues.

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 Fibre — Mercerie, tissus et loisirs créatifs (complet). Odoo installe automatiquement theme_fibre_textile_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_fibre_textile --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 Fibre 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 Tissus au mètre (/tissus) ;
• la page Tarifs et coupons (/tarifs-coupons) ;
• la page Cours de couture (/cours) ;
• 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 (/)

4 sections, dans cet ordre : o_fibre_textile_hero, o_fibre_textile_cards, o_fibre_textile_features, o_fibre_textile_cta.

Ce sont les 4 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.

Tissus au mètre (/tissus)

Sections montées : o_fibre_textile_cards, o_fibre_textile_gallery, o_fibre_textile_stats.

Tarifs et coupons (/tarifs-coupons)

Sections montées : o_fibre_textile_pricelist, o_fibre_textile_steps, o_fibre_textile_faq.

Cours de couture (/cours)

Sections montées : o_fibre_textile_split, o_fibre_textile_testimonials, o_fibre_textile_contact.

Le menu

Le pied de page

Le thème remplace le <div id="footer"> de website.layout. 4 colonnes : la marque « Fibre, mercerie et tissus », puis « Le magasin », « Nous trouver », « Bon à savoir ».

La ligne de mention légale affiche : « © 2026 Fibre, mercerie et tissus — magasin fictif de démonstration »

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

4. Les 12 blocs, un par un

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

1. Bandeau de mercerie

édition gratuite — theme_fibre_textile_lite.s_fibre_textile_hero

• Surtitre : « Mercerie et tissus au mètre — Lille »
• Titre (h1) : « On coupe à partir de vingt centimètres, puis par dix »
• Chapeau : « Quatre cent vingt références en rayon, laize et composition écrites sur chaque rouleau. Vingt centimètres suffisent pour un biais ou une poche : nous ne vous obligerons pas à prendre le mètre. »
• Boutons et liens : « Voir les tissus » → /tissus, « Tarifs et coupons » → /tarifs-coupons.
• Mots-clés de recherche dans l'éditeur : bandeau, hero, accueil, mercerie, tissus, couture
• Fichier : theme_fibre_textile_lite/views/snippets/s_fibre_textile_hero.xml

2. Trois rayons de tissus

édition gratuite — theme_fibre_textile_lite.s_fibre_textile_offres

• Surtitre : « Les rayons »
• Titre (h2) : « Trois rayons, et la laize sur chaque rouleau »
• Chapeau : « Laize, composition et prix au mètre linéaire. Le métrage restant du rouleau est indiqué sur l'étiquette de tranche. »
• Structure : 3 éléments répétés (.o_fibre_textile_card), répartis sur 3 colonnes de la grille Bootstrap.
• Intitulés livrés : « Cotons et popelines », « Lainages et sergés », « Coupons de fin de rouleau ».
• Images : 3 au total, issues de /theme_fibre_textile_lite/static/src/img/ft_p1.png, /theme_fibre_textile_lite/static/src/img/ft_p2.png, /theme_fibre_textile_lite/static/src/img/ft_p3.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 : tissus, rayons, laize, prix au metre, coupons
• Fichier : theme_fibre_textile_lite/views/snippets/s_fibre_textile_offres.xml

3. Quatre règles de coupe

édition gratuite — theme_fibre_textile_lite.s_fibre_textile_points

• Surtitre : « À la table de coupe »
• Titre (h2) : « Quatre règles affichées au-dessus de la table »
• Chapeau : « Elles sont dites avant de couper, jamais après. »
• Structure : 4 éléments répétés (.o_fibre_textile_feature), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « Vingt centimètres au minimum », « Tissu coupé, tissu non repris », « Laize écrite sur chaque rouleau », « Échantillon à deux euros ».
• Mots-clés de recherche dans l'éditeur : coupe, metrage, retour, laize, echantillon
• Fichier : theme_fibre_textile_lite/views/snippets/s_fibre_textile_points.xml

4. Appel aux cours de couture

édition gratuite — theme_fibre_textile_lite.s_fibre_textile_cta

• Surtitre : « Cours de couture »
• Titre (h2) : « Quatre personnes par cours, machines prêtées »
• Chapeau : « Trois heures le samedi matin, quatre places, quatre machines et une surjeteuse pour le groupe. Apportez votre tissu et votre patron, ou prenez-les sur place. Débutant accepté, et même attendu. »
• Boutons et liens : « Voir les cours » → /cours, « Réserver une place » → /contactus.
• Mots-clés de recherche dans l'éditeur : appel, action, cta, cours, couture, atelier
• Fichier : theme_fibre_textile_lite/views/snippets/s_fibre_textile_cta.xml

5. Tarifs au mètre linéaire

édition complète — theme_fibre_textile.s_fibre_textile_tarifs

• Surtitre : « Tarifs 2026 »
• Titre (h2) : « Les prix au mètre, rayon par rayon »
• Chapeau : « Prix au mètre linéaire, laize indiquée. La coupe minimale est de vingt centimètres, puis par tranches de dix. »
• Structure : 16 éléments répétés (.o_fibre_textile_pl_row), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « Cotons, laize 140 cm », « Lainages, laize 150 cm », « Coupons et mercerie », « Cours et services ».
• Mots-clés de recherche dans l'éditeur : tarifs, prix, metre, coupons, mercerie, cours
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_tarifs.xml

6. Rouleaux et coupons en images

édition complète — theme_fibre_textile.s_fibre_textile_galerie

• Surtitre : « Dans le magasin »
• Titre (h2) : « Les rouleaux, la table, et le bac à coupons »
• Chapeau : « Photographiés un mardi, quand le bac vient d'être retourné. »
• Structure : 6 éléments répétés (.o_fibre_textile_gal_cell), répartis sur 0 colonnes de la grille Bootstrap.
• Images : 6 au total, issues de /theme_fibre_textile/static/src/img/ft_gal_1.png, /theme_fibre_textile/static/src/img/ft_gal_2.png, /theme_fibre_textile/static/src/img/ft_gal_3.png, /theme_fibre_textile/static/src/img/ft_gal_4.png, /theme_fibre_textile/static/src/img/ft_gal_5.png, /theme_fibre_textile/static/src/img/ft_gal_6.png. Illustration engendrée par programme et livrée dans le module — aucune photographie.
• Mots-clés de recherche dans l'éditeur : galerie, mosaique, rouleaux, coupons, table de coupe
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_galerie.xml

7. Chiffres du magasin

édition complète — theme_fibre_textile.s_fibre_textile_chiffres

• Surtitre : « Le magasin en bref »
• Titre (h2) : « Quatre chiffres affichés au-dessus de la table »
• Chapeau : « Ils sont sur le panneau de la table de coupe, en lettres de dix centimètres. »
• Structure : 4 éléments répétés (.o_fibre_textile_stat), répartis sur 4 colonnes de la grille Bootstrap.
• Mots-clés de recherche dans l'éditeur : chiffres, laize, coupe, places, references
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_chiffres.xml

8. Trois retours de clientes

édition complète — theme_fibre_textile.s_fibre_textile_avis

• Surtitre : « Retours »
• Titre (h2) : « Trois clientes de cette saison »
• Chapeau : « Recueillis à la caisse et au cours du samedi, publiés sans retouche. »
• Structure : 3 éléments répétés (.o_fibre_textile_quote), répartis sur 3 colonnes de la grille Bootstrap.
• Images : 3 au total, issues de /theme_fibre_textile/static/src/img/ft_av_1.png, /theme_fibre_textile/static/src/img/ft_av_2.png, /theme_fibre_textile/static/src/img/ft_av_3.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 : avis, temoignages, clientes, couture, coupons
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_avis.xml

9. Déroulé d'une coupe

édition complète — theme_fibre_textile.s_fibre_textile_etapes

• Surtitre : « Comment ça se passe »
• Titre (h2) : « Du patron au coupon, quatre minutes à la table »
• Chapeau : « Quatre étapes, et la première est celle qui évite les regrets. »
• Structure : 4 éléments répétés (.o_fibre_textile_step), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « Le métrage », « L'échantillon », « La coupe », « La mercerie ».
• Mots-clés de recherche dans l'éditeur : etapes, metrage, coupe, patron, conseil
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_etapes.xml

10. Questions fréquentes

édition complète — theme_fibre_textile.s_fibre_textile_faq

• Surtitre : « Questions fréquentes »
• Titre (h2) : « Ce qu'on nous demande à la table »
• Chapeau : « Les réponses sont les mêmes au téléphone et devant le rouleau. »
• Structure : 5 questions en accordéon, la première dépliée à l'ouverture de la page.
• Intitulés livrés : « Combien de mètres pour mon patron ? », « Puis-je rendre un tissu si je me suis trompée ? », « Les coupons de fin de rouleau se recoupent-ils ? », « Prête-t-on une machine pendant le cours ? », « Faites-vous des retouches ? ».
• Mots-clés de recherche dans l'éditeur : faq, questions, metrage, retour, laize, machine
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_faq.xml

11. Le magasin en deux colonnes

édition complète — theme_fibre_textile.s_fibre_textile_apropos

• Surtitre : « Depuis 2013 »
• Titre (h2) : « Quarante mètres carrés, quatre cent vingt références, et la coupe à vingt centimètres »
• Structure : 2 colonnes de la grille Bootstrap.
• Boutons et liens : « Voir les tarifs » → /tarifs-coupons.
• Images : 1 au total, toutes la même, /theme_fibre_textile/static/src/img/fibre_textile_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 : magasin, presentation, mercerie, histoire, deux colonnes
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_apropos.xml

12. Coordonnées et horaires

édition complète — theme_fibre_textile.s_fibre_textile_contact

• Surtitre : « Nous trouver »
• Titre (h2) : « 3 rue Basse, la porte bleue entre les deux cafés »
• Structure : 3 colonnes de la grille Bootstrap.
• Intitulés livrés : « Ouverture ».
• Images : 1 au total, toutes la même, /theme_fibre_textile/static/src/img/ft_contact.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 : contact, acces, adresse, horaires, cours
• Fichier : theme_fibre_textile/views/snippets/s_fibre_textile_contact.xml

5. Les deux palettes

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

Contrastes mesurés (WCAG 2.1, seuil AA pour du texte courant : 4,5:1). Les rapports ci-dessous sont calculés sur les couleurs réellement livrées, et l'encre du bloc témoignages a été relevée en plus dans le bundle web.assets_frontend réellement servi par le serveur.

Relevé dans le bundle servi : la carte de témoignage .o_fibre_textile_quote pose l'encre #1E2335 sur le fond #FFFFFF, soit 15.59:1. La carte fixe sa couleur de texte explicitement ; sans cela elle hériterait de l'encre de la combinaison o_cc3 qui l'entoure et sortirait blanc sur blanc.

Typographie. Titres en DM Serif Display, texte courant en DM Sans, barre de navigation en DM Serif Display et boutons en DM Sans. 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.2, h2 ×2.35, h3 ×1.62, 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, une ligne de tarif, un retour de client), 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. 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_fibre_textile.pot et i18n/fr.po (148 chaînes pour l'édition complète, 45 pour l'édition gratuite) : 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 4 blocs de base et la direction artistique restent.

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