Sidebar Flyout Menu V2
======================

For CE Phoenix Cart 1.1.0.6 and PHP 8.2.
No core files are changed.

Release V2 2 August 2026  adds enhanced user customisation and corrects file structure to phoenix conventions.


New installation
----------------

1. Upload the contents of the catalog folder, except its admin folder, to the root of your shop while preserving the folder structure.

2. Phoenix normally has a renamed admin directory. Upload the contents of catalog/admin into your site's real admin directory. Do not create a new public folder literally named admin unless that is genuinely your admin-directory name (which I hope it isnt).

3. In Admin, open Modules > Boxes and select Sidebar Flyout Menu.

4. Click Install and choose the left or right column.

5. Open Configuration > Flyout Menu Designer to choose colours, sizes, transitions and other appearance settings using the live preview.

6. Remove or disable any other category menu that you do not want displayed at the same time.

Updating from V1
----------------

1. Upload all catalog-side V2 files, allowing existing files to be replaced.

2. Upload the contents of catalog/admin into your site's real renamed admin directory.

3. Open Configuration > Flyout Menu Designer. The page automatically adds any new V2 settings without requiring uninstall or reinstall.

4. Review the live preview and click Save changes.

5. The old V1 Sidebar Flyout Menu CSS block in templates/override/static/user.css is no longer used and may be removed. Removing it is optional because V2 uses different CSS class names.

Notes
-----

- Desktop computers use hover flyouts, with click and keyboard controls also available.
- Phones and smaller tablets use an accordion menu.
- A right-column menu opens towards the left.
- Maximum Menu Depth set to 0 displays every category level.
- Colours must be entered as six-digit hexadecimal values such as #f8f9fa.
- The designer does not write to the CSS file; it saves validated values in Phoenix configuration.
- Visitors who request reduced motion automatically receive non-animated menus.

