Skip to Content

Website Snippet Custom Class & ID

by
Odoo
v 18.0 Third Party 2
Download for v 18.0 Deploy on Odoo.sh
You bought this module and need support? Click here!
CreativeWeb
Website Snippet Custom Class & ID

Website Snippet Custom Class & ID

Une classe CSS et un ID sur n'importe quel bloc du site, sans éditeur de code

Le Website Builder d'Odoo ne permet pas d'ajouter une classe CSS ou un attribut id personnalisé sur un bloc sans passer par l'éditeur de code XML. Ce module ajoute deux champs, Classe CSS et ID, directement dans le panneau de personnalisation, sur pratiquement tous les blocs : sections, colonnes, images, boutons, icônes, vidéos et snippets.

Sélectionner un bloc
Ajouter classe et ID
Cibler en CSS ou JS

Fonctionnalités

Deux champs dans le panneau existant
"Classe CSS" et "ID" s'ajoutent à l'onglet de personnalisation standard du Website Builder, sans nouvel écran ni nouvelle application.
Couverture large des blocs
Sections, colonnes, images, vidéos, boutons, icônes et snippets Odoo (classes s_*) sont couverts, en excluant les zones internes gérées par Odoo (popups, contenu généré).
Classe ajoutée, pas remplacée
La classe personnalisée est suivie séparément des classes déjà posées par le Website Builder, sans risque d'écraser une classe interne d'Odoo en la modifiant.
Validation à la confirmation
La valeur n'est appliquée qu'à la confirmation du champ, pas à chaque frappe, pour éviter qu'une classe valide soit temporairement retirée pendant la saisie.

Cas d'usage

Cibler un bloc précis en CSS ou en JavaScript personnalisé, créer une ancre (#section) vers une section de la page, ou distinguer deux blocs identiques pour un script de tracking, sans ouvrir l'éditeur de code.

Détails techniques

Compatibilité Odoo 18.0
Dépendances website
Licence AGPL-3
Website Snippet Custom Class & ID

Website Snippet Custom Class & ID

A CSS class and an ID on any website block, without the code editor

The Odoo Website Builder has no way to add a custom CSS class or id attribute to a block without opening the XML code editor. This module adds two fields, CSS Class and ID, directly in the customize panel, on nearly every block: sections, columns, images, buttons, icons, videos and snippets.

Select a block
Add class and ID
Target in CSS or JS

Features

Two fields in the existing panel
"CSS Class" and "ID" are added to the Website Builder's standard customize tab, with no new screen and no new app.
Broad block coverage
Sections, columns, images, videos, buttons, icons and Odoo snippets (s_* classes) are covered, excluding areas Odoo manages internally (popups, generated content).
Class added, not replaced
The custom class is tracked separately from the classes the Website Builder already sets, so editing it never overwrites one of Odoo's own internal classes.
Commits on confirm
The value is only applied when the field is confirmed, not on every keystroke, so a valid class is never briefly cleared while you are still typing.

Use cases

Target a specific block with custom CSS or JavaScript, create an anchor (#section) to a section of the page, or tell two identical blocks apart for a tracking script, all without opening the code editor.

Technical details

Compatibility Odoo 18.0
Dependencies website
License AGPL-3
Availability
Odoo Online
Odoo.sh
On Premise
Odoo Apps Dependencies • Website (website)
• Discuss (mail)
Lines of code 52
Technical Name website_snippet_custom_attrs
LicenseAGPL-3

Please log in to comment on this module

  • The author can leave a single reply to each comment.
  • This section is meant to ask simple questions or leave a rating. Every report of a problem experienced while using the module should be addressed to the author directly (refer to the following point).
  • If you want to start a discussion with the author, please use the developer contact information. They can usually be found in the description.