lubomirfiala / sulu-preview-nav
Click-to-edit preview navigation for Sulu 3
Maintainers
Package info
github.com/lubomirfiala/sulu-preview-nav
Language:JavaScript
Type:symfony-bundle
pkg:composer/lubomirfiala/sulu-preview-nav
Requires
- php: ^8.2
- sulu/sulu: ~3.0
This package is auto-updated.
Last update: 2026-05-07 14:23:12 UTC
README
Click-to-edit preview navigation for Sulu 3. Hovering a block in the website preview shows a floating breadcrumb menu; clicking opens and scrolls to that block in the Sulu admin form.
It requires some cooperation from the host project's templates, but all attributes and scripts are rendered only in the admin preview and have no effect on the public site. The selector can be toggled off in the blue bottom bar so you can interact with the previewed page normally.
How it works
The preview script detects the block hierarchy and sends a message to the admin script. The admin script then finds the block in the store, expands its definition, scrolls to it, and highlights it.
Installation Instructions:
- include the website script into your website
- update block XML definitions to persist IDs
- update block templates to call one Twig function
- wire admin script and rebuild the admin bundle
Detailed installation instructions here
FAQ
Was this vibe coded? Mostly, with precise instructions and reviewed.