Fejlécek és láblécek

A weboldal fejléc a weboldal tetején található szakasz, amely általában olyan elemeket tartalmaz, mint a logó, a menü, a keresősáv, a bejelentkezés/ügyfélfiók gomb stb. A lábléc a weboldal alján jelenik meg, és általában olyan információkat tartalmaz, mint a kapcsolati adatok, linkek, jogi közlemények és egyéb opciók.

Fejléc tervezés

A fejléc tervezésének módosításához kattintson a Szerkesztés gombra, majd kattintson a fejlécen. A következő opciók érhetők el a Fejléc szakaszban a Testreszabás fülön a weboldal szerkesztőben:

  • Válasszon egy Sablon a legördülő menüből.

  • Válassza ki a Háttér beállításokat, hogy megváltoztassa a színpalettát különböző Téma stílusok, Egyéni színopciók és Átmenetes lehetőségek segítségével.

  • Amikor egy Szegély-t adunk a fejléchez, annak méretét, stílusát és színét meghatározhatjuk.

  • Alkalmazza a Round corners-t a dizájnhoz való illeszkedés érdekében.

  • Adjon hozzá egy Árnyék-t, és határozza meg annak Szín, Offset, Életlenítés és Szórás értékeit.

  • Adjon hozzá egy Görgetési effektus-et. Vigye az egeret egy hatás fölé az előnézethez.

  • Válassza ki a Fejléc elhelyezkedése-t a Általános, Rejtett és A tartalom felett közül. Ha a A tartalom felett van kiválasztva, testreszabhatja a Háttér és Szövegszín beállításokat.

  • Mutassa vagy rejtse el az olyan Elemek-eket, mint a szöveg, a keresősáv, a Bejelentkezés gomb, a közösségi média linkek, a Lépjen velünk kapcsolatba gomb és a logó.

A változtatások véglegesítéséhez kattintson a Mentés gombra.

Javaslat

A fejléc elrejtéséhez kattintson a Szerkesztés gombra, kattintson a fejlécen, és menjen a weboldal szerkesztő Téma fülére. Görgessen le az Haladó szekcióhoz, és kapcsolja a Fejléc mutatása kapcsolót a fejléc elrejtéséhez/megmutatásához.

Fejléc tartalom

A menük rendszerezik a fejléc tartalmát, és segítik a felhasználókat a weboldalak hatékony navigálásában. A felhasználóbarát és jól strukturált menük szintén kulcsszerepet játszanak a keresőmotor rangsorolás javításában.

Menüpontok hozzáadása

Alapértelmezés szerint az oldalak legördülő menüpontként kerülnek a menübe, amikor létrehozzák őket. Új menüpont hozzáadásához kövesse az alábbi lépéseket:

  1. Lépjen a következő menüpontra: Weboldal ‣ Oldal ‣ Menüszerkesztő.

  2. A menü szerkesztőben kattintson a Menüelem hozzáadása gombra.

  3. A felugró ablakban adja meg a menüben megjelenítendő Név-et.

  4. Írjon / jelet a URL vagy Email mezőbe, hogy keresést végezzen a weboldalán található oldalra, vagy # jelet, hogy meglévő egyedi horgonyra keressen.

  5. Kattintson a OK gombra.

  6. Szerkessze a menü struktúráját, ha szükséges, majd kattintson a Mentés gombra.

Mega menük

A mega menük hasonlóak a legördülő menükhöz, de az egyszerű almenü lista helyett egy panelt jelenítenek meg, amely navigációs lehetőségek csoportjaira van osztva. Ez alkalmassá teszi őket olyan weboldalak számára, amelyek nagy mennyiségű tartalommal vagy e-kereskedelmi weboldalakkal rendelkeznek, mivel segíthetnek az összes weboldal vagy e-kereskedelmi kategória menübe foglalásában, miközben az összes menüelem egyszerre látható marad.

screenshot: website-header-footer-mega-menu
menu
(website)
shows
The website navigation bar with a mega menu dropped down over the page, showing its columns of links and images.
highlight
The opened mega menu (red frame).
data
Mega menu 'Services' with three columns.
module
website
notes
English UI, light theme, 1440px width.

Mega menü létrehozásához lépjen a Weboldal ‣ Oldal ‣ Menüszerkesztő menüpontra, és kattintson a Mega Menű elem hozzáadása gombra. Adja meg a mega menü Név mezőjét a felugró ablakban, kattintson a OK gombra, majd a Mentés gombra.

A mega menü opcióinak és tartalmának testreszabásához kattintson a fejlécben található mega menü elemre, majd kattintson a Szerkesztés gombra. A mega menük építőelemekből állnak, ami azt jelenti, hogy minden komponenst egyedileg testreszabhat. Például:

  • Szerkessze a szöveget közvetlenül az építőelemben.

  • Egy menüelem URL-jének szerkesztéséhez válassza ki a menüelemet, és kattintson a kis előnézeti felugró ablakban található Edit link gombra. Írja be a / jelet, hogy keresést végezzen a weboldalán található oldalak között, vagy a # jelet, hogy meglévő egyedi horgonyt keressen.

    screenshot: website-header-footer-mega-menu-option
    menu
    Website ‣ Edit ‣ (mega menu)
    shows
    The editor's right sidebar for a selected mega menu with the Template and Size options.
    highlight
    The Template option (red frame).
    data
    Demo website 'My Website'.
    module
    website
    notes
    English UI, light theme, 1440px width.
  • Mozgasson egy menüelemet úgy, hogy a kapcsolódó blokkot a kívánt pozícióba húzza és ejti a mega menüben.

  • Töröljön egy menüelemet a kapcsolódó blokk törlésével.

A mega menü általános elrendezésének testreszabásához lépjen a weboldal szerkesztőjének Customize fülére, majd a Megamenü szekcióban:

  • Válasszon egy Sablon sablont.

  • Válassza ki a Méret méretet: vagy Teljes szélesség, vagy Narrow.

A változtatások véglegesítéséhez kattintson a Mentés gombra.

Automatikus kategória-megamenük

Nagy webshop-kategóriafát kézzel szinkronban tartani a megamenüvel fáradságos. Az Auto Category Mega Menu modul (website_sale_megamenu_category) a megamenü tartalmát a webshop-kategóriákból állítja elő.

A Menüszerkesztő egy megamenü-elemén kapcsolja be az Megamenü automatikus generálása opciót, és állítsa be:

  • Kezdő kategória: az a kategória, amelynek a gyermekei megjelennek. Hagyja üresen, ha a fa tetejéről szeretne indulni.

  • Mélység: hány szintnyi alkategória kerüljön be, alapértelmezés szerint kettő.

  • Megamenü-sablon: a generált menü megjelenítéséhez használt elrendezés.

A menü újragenerálódik, amikor a kategóriafa változik. Ezt három gomb vezérli:

  • Regenerate: újraépíti a menü tartalmát a kategóriákból;

  • Kényszerített újragenerálás (szerkesztések elvetése): akkor is újraépíti, ha a menüt kézzel szerkesztették, és eldobja ezeket a módosításokat;

  • Leválasztás / kézi kezelés: leállítja az automatikus generálást, és a jelenlegi tartalmat közönséges, kézzel szerkesztett megamenüként megtartja.

screenshot: website-header-footer-auto-mega-menu
menu
Website ‣ Site ‣ Menu Editor ‣ (mega menu item)
shows
A mega menu item with Auto-generate mega menu enabled, the Starting category, Depth and Mega-menu template fields, and the Regenerate / Force regenerate / Detach buttons.
highlight
The Auto-generate mega menu checkbox and the Starting category field (red frame).
data
Starting category "Shop", depth 2, template "Columns".
module
website_sale_megamenu_category
notes
English UI, light theme, 1440px width.

Azt, hogy mely kategóriák jelennek meg a menüben, magán a kategórián szabályozza. Minden webshop-kategóriának van egy Megjelenítés a megamenüben állapota és egy Menü-láthatóság automatikus kezelése opciója: amíg az utóbbi be van kapcsolva, egy ütemezett feladat elrejti azokat a kategóriákat, amelyekhez éppen nincs elérhető termék, és újra megjeleníti őket, amint van, így a menü soha nem vezet üres oldalra. Kapcsolja ki az opciót azon a kategórián, amelynek a láthatóságát kézzel szeretné beállítani.

Magukat az elrendezéseket a Weboldal ‣ Konfiguráció ‣ Megamenü sablonok menüpontban kezeli; minden sablon saját XML, CSS és JS tartalmat hordoz, valamint egy Előzmények verzióelőzményt, amely összehasonlítható és visszaállítható.

screenshot: website-header-footer-mega-menu-templates
menu
Website ‣ Configuration ‣ Mega Menu Templates ‣ (template)
shows
A mega menu template with its XML, CSS and JS tabs and the History section listing previous revisions with the Compare and Restore buttons.
highlight
The History section (red frame).
data
Template "Columns" with three revisions.
module
website_sale_megamenu_category
notes
English UI, light theme, 1440px width.

Megjegyzés

A generált menük a Weboldal ‣ Konfiguráció ‣ Automatikus megamenük menüpontban vannak felsorolva, amely áttekintést ad minden automatikusan kezelt megamenüről, és azokról is, amelyek tartalma már nem felel meg a kategóriafának.

Dinamikus menüelem elrejtése a be nem jelentkezett felhasználók számára

Ahhoz, hogy egy dinamikus menüelemet (azaz egy Odoo által automatikusan generált menüelemet, például amikor telepít egy alkalmazást vagy modult, mint például Események, Tanfolyamok, stb.) elrejtsen a be nem jelentkezett felhasználók számára, kövesse az alábbi lépéseket:

  1. Fejlesztői mód engedélyezése.

  2. Menjen ide: Weboldal ‣ Konfiguráció ‣ Menük.

  3. Szükség esetén bontsa ki a megfelelő weboldal menüinek listáját, majd kattintson arra a menüelemre, amelyet el szeretne rejteni.

  4. A Látható csoportok szakaszban kattintson a Sor hozzáadása gombra a Csoport neve alatt.

  5. Keresse meg a Felhasználói típusok / Portál csoportot, válassza ki, majd kattintson a Kiválasztás gombra.

  6. Mentés.