Principle

How it works

Each top-level entry carries a drop-down panel, assembled and shown as follows:

  1. One entry, one source

    It points either to a PrestaShop category or to a custom link — with its own icon, column count and an optional separator.

  2. One panel, several blocks

    The panel combines blocks laid out in columns: a subcategory tree, an image, a link, or another theme hook's content.

  3. Opens on hover

    On hover or keyboard focus, the panel appears with the chosen animation; its HTML can be pre-generated and cached to stay light.

  4. A dedicated mobile rendering

    Below the switch-over threshold, a mobile panel or accordion mirrors the same tree, browsable level by level.

Loading...
Back to top