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

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
Archiver