Side menu configuration in the Purple Experience
3min
per default, the purple experience will use the app menu xml to display a side menu that appears when tapping the burger menu for the web, the same as it works in the apps in web, app menu xml docid\ nxi0s2kws4 m2o0vdlc31 is overridden via hub menus docid 0o6omsopgeqqw7b0fgk5e , which is overridden via menus json create a storefront/assets/menus json add menus json to urls json docid\ wjotbbphedljjk5f4j5f9 the following is the default that you can use as a starting point { "sidemenus" \[ { "id" "default", "side" "left", "content" \[{ "type" "app menu xml" }] } ] }{ "sidemenus" \[ { "id" "default", "side" "left", "content" \[ { "type" "html", "tag" "div", "content" "hello from left menu" } ] } ] } instead of 'app menu xml', you can also add any combination of experience blocks there, including menus, buttons, custom html messages for app menu xml error messages app menu xml error message gets two arguments for %s, error code and error message default an error occurred loading app menu xml %s (message %s) app menu xml error title default error loading app menu app menu xml error confirm default ok styling by default, the app menu xml component pulls the color codes from the "app design" page of the purple manager for that app or using the purple manager's defaults available css variables to overwrite behaviour var default sidemenuwidth min(90vw, 250px) sidemenubackground var( secondarybackgroundcolor) > rgb(200, 200, 200) sidemenutransitiontime 0 3s appmenuxmlitemnormalbg app design from manager appmenuxmlitemhoverbg app design from manager appmenuxmliconnormal app design from manager appmenuxmliconactive app design from manager appmenuxmlitemnormaltext app design from manager appmenuxmlitemhovertext app design from manager