Skip to main content

Comment masquer l'en-tête et le pied de page sur le site Odoo ?

Des moyens simples de masquer l'en-tête et le pied de page sur votre site Web Odoo
26 août 2023 par
Seyed Ali
| Aucun commentaire pour l'instant


Pour la nouvelle version d'Odoo

Nous avons une fonctionnalité Odoo par défaut pour masquer l'en-tête et le pied de page des nouvelles versions d'Odoo.

Il existe 3 étapes simples pour masquer l'en-tête et le pied de page de votre site Web.

Pour masquer l'en-tête :

Étape 1:
Ouvrir le mode édition

Open edit mode in odoo website

Étape 2:
Cliquez sur l'en-tête

Click header in the Odoo website

Étape 3:
Choisir Header Position -> Hidden

Hide header in odoo website

Pour masquer le pied de page :

Étape 1:
Ouvrir le mode éditeur

Étape 2:
Cliquez sur le pied de page

Étape 3:
Désactiver Page Visibility

Disable footer page visibility in odoo website

Pour les anciennes versions d'Odoo

L'ancienne version d'Odoo n'a pas l'option Position de l'en-tête et Visibilité de la page. Nous devons donc exécuter un Javascript pour masquer l'en-tête et le pied de page.

Étape 1:
Ouvrir le site -> HTML/CSS Editor

Open HTML & CSS editor in odoo website

Étape 2:
Choisissez JS

Open JS editor in odoo website

Étape 3:
Copiez et collez le code mentionné ci-dessous dans le fichier JS et ajoutez votre URL dont vous souhaitez masquer l'en-tête et le pied de page dans /exemple-url

Par exemple:
Je veux masquer l'en-tête et le pied de page pour l'URL de la page est landing-page-header-footer-hided. Donc je change l'URL
/exemple-url -> /landing-page-header-footer-hided
$(document).ready(function() {
var currentUrl = window.location.pathname;

if (currentUrl === '/exemple-url') {
$("header").hide();
$("footer").hide();
}
});

Edit JS code in Odoo website

Save the file

Si vous souhaitez masquer l'en-tête et le pied de page de plusieurs pages, passez à l'étape 4.


Étape 4:
Ajouter 2 barres verticales "||" entre 2 URL dont vous souhaitez masquer l'en-tête et le pied de page comme ci-dessous.

$(document).ready(function() {
var currentUrl = window.location.pathname;

if (currentUrl === '/exemple-url-1' || '/exemple-url-2') {
$("header").hide();
$("footer").hide();
}
});


J'espère que ce blog vous aidera à masquer l'en-tête et le pied de page du site Web, Merci.


Seyed Ali 26 août 2023
Partager cette publication
Nos blogs
Se connecter pour laisser un commentaire.
Réserver un appel