Thème Lino — Boutique de mode et prêt-à-porter (complet)

Guide utilisateur — Thème Lino — Boutique de mode et prêt-à-porter (complet)

Module theme_lino, version 19.0.1.0.0, OPL-1. Il s'installe par-dessus le module gratuit theme_lino_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 Playfair Display, texte courant en Jost, deux palettes livrées (lino-terre et lino-encre) — 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 par taille ni la vente en ligne.
• Il ne se connecte à aucune caisse ni à aucun logiciel de retouche.
• 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 Lino — Boutique de mode et prêt-à-porter (complet). Odoo installe automatiquement theme_lino_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_lino --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 Lino 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 Le vestiaire (/vestiaire) ;
• la page Retouches et tarifs (/retouches) ;
• la page La boutique (/la-boutique) ;
• 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_lino_hero, o_lino_cards, o_lino_features, o_lino_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.

Le vestiaire (/vestiaire)

Sections montées : o_lino_cards, o_lino_gallery, o_lino_stats.

Retouches et tarifs (/retouches)

Sections montées : o_lino_pricelist, o_lino_steps, o_lino_faq.

La boutique (/la-boutique)

Sections montées : o_lino_split, o_lino_testimonials, o_lino_contact.

Le menu

Le pied de page

Le thème remplace le <div id="footer"> de website.layout. 4 colonnes : la marque « Lino, prêt-à-porter », puis « La boutique », « Nous trouver », « Bon à savoir ».

La ligne de mention légale affiche : « © 2026 Lino, prêt-à-porter — boutique fictive 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 Lino. Les 4 premiers viennent du module gratuit, les 8 suivants de celui-ci.

1. Bandeau de boutique

édition gratuite — theme_lino_lite.s_lino_hero

• Surtitre : « Prêt-à-porter femme — Tours »
• Titre (h1) : « Le 36 et le 46 sur le même portant »
• Chapeau : « Tous nos modèles sont commandés du 34 au 48. Pas de rayon séparé, pas de coupe différente selon la taille : le même vêtement, gradé sur toute l'amplitude. »
• Boutons et liens : « Voir le vestiaire » → /vestiaire, « Tarifs de retouche » → /retouches.
• Mots-clés de recherche dans l'éditeur : bandeau, hero, accueil, mode, boutique, pret-a-porter
• Fichier : theme_lino_lite/views/snippets/s_lino_hero.xml

2. Trois familles de vêtements

édition gratuite — theme_lino_lite.s_lino_offres

• Surtitre : « Le vestiaire »
• Titre (h2) : « Trois familles qu'on renouvelle deux fois par an »
• Chapeau : « Matière, tailles gradées et prix de la pièce principale. Les collections changent en mars et en septembre. »
• Structure : 3 éléments répétés (.o_lino_card), répartis sur 3 colonnes de la grille Bootstrap.
• Intitulés livrés : « Lin lavé, filé en Normandie », « Maille, laine mérinos et coton bio », « Denim brut, tissé au Portugal ».
• Images : 3 au total, issues de /theme_lino_lite/static/src/img/li_p1.png, /theme_lino_lite/static/src/img/li_p2.png, /theme_lino_lite/static/src/img/li_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 : vetements, familles, matieres, tailles, prix, cartes
• Fichier : theme_lino_lite/views/snippets/s_lino_offres.xml

3. Quatre engagements de boutique

édition gratuite — theme_lino_lite.s_lino_points

• Surtitre : « Chez nous »
• Titre (h2) : « Quatre choses à savoir avant de pousser la porte »
• Chapeau : « Ce sont les quatre points qu'on répète toute la journée, autant les écrire une bonne fois. »
• Structure : 4 éléments répétés (.o_lino_feature), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « Ourlet offert la première fois », « Retour ou échange sous 30 jours », « Une seule cabine, deux le samedi », « Matière et provenance sur l'étiquette ».
• Mots-clés de recherche dans l'éditeur : engagements, retouche, retour, cabine, matieres
• Fichier : theme_lino_lite/views/snippets/s_lino_points.xml

4. Appel à l'atelier de retouche

édition gratuite — theme_lino_lite.s_lino_cta

• Surtitre : « Atelier de retouche »
• Titre (h2) : « Un ourlet déposé lundi est prêt mercredi »
• Chapeau : « L'atelier est au fond du magasin, pas chez un sous-traitant. Ourlet 12 €, reprise de taille 18 €, gratuit sur un vêtement acheté chez nous la première fois. Aucun rendez-vous. »
• Boutons et liens : « Voir les tarifs » → /retouches, « Nous appeler » → /contactus.
• Mots-clés de recherche dans l'éditeur : appel, action, cta, retouche, atelier, ourlet
• Fichier : theme_lino_lite/views/snippets/s_lino_cta.xml

5. Tarifs de retouche et de vestiaire

édition complète — theme_lino.s_lino_tarifs

• Surtitre : « Tarifs 2026 »
• Titre (h2) : « Ce que coûte chaque retouche, à la pièce »
• Chapeau : « Prix fermes, payés au retrait. Le premier ourlet d'un vêtement acheté en boutique reste offert. »
• Structure : 16 éléments répétés (.o_lino_pl_row), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « Retouches courantes », « Retouches longues », « Le vestiaire », « Services et fins de série ».
• Mots-clés de recherche dans l'éditeur : tarifs, prix, retouche, ourlet, vestiaire, liste
• Fichier : theme_lino/views/snippets/s_lino_tarifs.xml

6. Portants en images

édition complète — theme_lino.s_lino_galerie

• Surtitre : « En boutique »
• Titre (h2) : « Les portants, tels qu'ils sont ce mois-ci »
• Chapeau : « Photographiés le lundi matin, avant que la semaine ne passe dessus. »
• Structure : 6 éléments répétés (.o_lino_gal_cell), répartis sur 0 colonnes de la grille Bootstrap.
• Images : 6 au total, issues de /theme_lino/static/src/img/li_gal_1.png, /theme_lino/static/src/img/li_gal_2.png, /theme_lino/static/src/img/li_gal_3.png, /theme_lino/static/src/img/li_gal_4.png, /theme_lino/static/src/img/li_gal_5.png, /theme_lino/static/src/img/li_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, portants, boutique, vitrine
• Fichier : theme_lino/views/snippets/s_lino_galerie.xml

7. Chiffres de la boutique

édition complète — theme_lino.s_lino_chiffres

• Surtitre : « La boutique en bref »
• Titre (h2) : « Quatre chiffres qu'on peut nous opposer »
• Chapeau : « Ils sont affichés en caisse et ils n'ont pas bougé depuis trois saisons. »
• Structure : 4 éléments répétés (.o_lino_stat), répartis sur 4 colonnes de la grille Bootstrap.
• Mots-clés de recherche dans l'éditeur : chiffres, statistiques, tailles, delais, boutique
• Fichier : theme_lino/views/snippets/s_lino_chiffres.xml

8. Trois retours de clientes

édition complète — theme_lino.s_lino_avis

• Surtitre : « Retours »
• Titre (h2) : « Trois clientes de la saison dernière »
• Chapeau : « Recueillis en caisse, publiés sans retouche. »
• Structure : 3 éléments répétés (.o_lino_quote), répartis sur 3 colonnes de la grille Bootstrap.
• Images : 3 au total, issues de /theme_lino/static/src/img/li_av_1.png, /theme_lino/static/src/img/li_av_2.png, /theme_lino/static/src/img/li_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, retours, boutique
• Fichier : theme_lino/views/snippets/s_lino_avis.xml

9. Déroulé d'un essayage

édition complète — theme_lino.s_lino_etapes

• Surtitre : « Comment ça se passe »
• Titre (h2) : « De la cabine au vêtement retouché »
• Chapeau : « Quatre étapes, et aucune ne demande de rendez-vous. »
• Structure : 4 éléments répétés (.o_lino_step), répartis sur 4 colonnes de la grille Bootstrap.
• Intitulés livrés : « Essayage », « Épinglage », « Atelier », « Retrait ».
• Mots-clés de recherche dans l'éditeur : etapes, deroule, essayage, retouche, retrait
• Fichier : theme_lino/views/snippets/s_lino_etapes.xml

10. Questions fréquentes

édition complète — theme_lino.s_lino_faq

• Surtitre : « Questions fréquentes »
• Titre (h2) : « Ce qu'on nous demande en caisse »
• Chapeau : « Les réponses sont les mêmes au téléphone et en boutique. »
• Structure : 5 questions en accordéon, la première dépliée à l'ouverture de la page.
• Intitulés livrés : « Puis-je rendre un article acheté en solde ? », « Le 48 est épuisé, allez-vous le recommander ? », « Faites-vous des retouches sur des vêtements achetés ailleurs ? », « Prenez-vous du dépôt-vente ? », « Peut-on réserver une pièce par téléphone ? ».
• Mots-clés de recherche dans l'éditeur : faq, questions, reponses, retours, tailles, accordeon
• Fichier : theme_lino/views/snippets/s_lino_faq.xml

11. La boutique en deux colonnes

édition complète — theme_lino.s_lino_apropos

• Surtitre : « Depuis 2009 »
• Titre (h2) : « Quarante-deux mètres carrés, et le refus obstiné du rayon grandes tailles »
• Structure : 2 colonnes de la grille Bootstrap.
• Boutons et liens : « Voir les tarifs » → /retouches.
• Images : 1 au total, toutes la même, /theme_lino/static/src/img/lino_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 : boutique, presentation, histoire, deux colonnes
• Fichier : theme_lino/views/snippets/s_lino_apropos.xml

12. Coordonnées et horaires

édition complète — theme_lino.s_lino_contact

• Surtitre : « Nous trouver »
• Titre (h2) : « 12 rue des Tanneurs, entre la place et le pont »
• Structure : 3 colonnes de la grille Bootstrap.
• Intitulés livrés : « Ouverture ».
• Images : 1 au total, toutes la même, /theme_lino/static/src/img/li_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, boutique
• Fichier : theme_lino/views/snippets/s_lino_contact.xml

5. Les deux palettes

Le thème livre deux palettes complètes et en sélectionne une par défaut : lino-terre. 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_lino_quote pose l'encre #2B2320 sur le fond #FFFCF7, soit 15.04: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 Playfair Display, texte courant en Jost, barre de navigation en Playfair Display et boutons en Jost. 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.0, h2 ×2.25, 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_lino.pot et i18n/fr.po (145 chaînes pour l'édition complète, 44 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