Socket
Socket
Sign inDemoInstall

menu-header-wagtail

Package Overview
Dependencies
2
Maintainers
1
Alerts
File Explorer

Install Socket

Detect and block malicious and high-risk dependencies

Install

menu-header-wagtail

Full navigation header, menus, sub menus, internal and external links and documents, simple integrated design.


Maintainers
1

Readme

Wagtail Header

Full navigation header, menus, sub menus, internal and external links and documents, simple integrated design.

Version Python: ^3
Version django: ^3
Version wagtail: ^2.8

Installation

  • pip install menu_header_wagtail
  • Add menu_header_wagtail to your installed apps
  • Run migrations ./ manage.py migrate

Usage

  • Import in models of app

my_app/models.py

from menu_header_wagtail.models import HeaderPage
  • Add the model HeaderPage to the page model as ForeignKey in your HomePage or other pages
class HomePage(Page):
    header = models.ForeignKey(
        HeaderPage,
        null=True,
        blank=True,
        on_delete=models.SET_NULL,
        related_name='+'
    )
    ...

and then in content

    ...
    content_panels = Page.content_panels + [
        SnippetChooserPanel('header'),
        ...
    ]

And to render:

  • Load tag and pass param page
{% load menu_header_wagtail_tag %}

{% render_header_ui page %}

NOTE: If you have nested pages, then use the get_parent_page tag and the child page as a parameter.

When you get it, you must indicate the type of page that the parent is: page_parent.{type_page}

{% get_parent_page page as page_parent %}

{% render_header page_parent.homepage %}

  • And finally, stop and start server

Using this type of menu is important because it allows you to reuse as well as create different ones for different pages.

Made with ♥ by Jose Florez

Keywords

FAQs


Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc