====== Menu Common info ====== ===== Summary ===== Basic navigtion element presented on each page of our website. We have multiple menu types (see below). ===== Description ===== Menu consist of - Language Switcher - Navigation and - News News are active (shown) on first visit of the day (i.e. by using a 24hour-cookie), automatically hidden when user scrolls down. News are inactive (i.e. not shown) when user visits a second time within 24 hours. ===== Features ===== - Responsive - Dynamic content - See Menu in Authoring backend of WP - Search tool with auto suggestion - Cart icon opening cart detail ====== Menu - Desktop variants ====== ===== Menu / Desktop ===== {{:skoda-ep:modules:module_menu_full.jpg|}} - Language Switcher - onClick: Switch language (CS and EN). If currently viewed page is not available in the selected language, the user is automatically redirected to „Home“. - Navigation - See below for details - News - onClick: Show News with animation ===== Navigation / default / Desktop ===== {{:skoda-ep:modules:module_navigtion-def_full.jpg|}} - Logo - onClick: open Home - Main categories - onHover/onClick: show Navigation / active for respective Category, see below for variations - Media Cart - onClick: open Media Cart Number of media items shown (i.e. behaviour of „shopping cart“), number is not shown when empty - Search - onClick: show search bar, see below ===== Navigation / active (with sub-categories) ===== {{:skoda-ep:modules:module_navigtion-active_subcats_full.jpg|}} - Main category - onClick: open Main category. - Sub-categories - onHover: show latest articles of sub-category in right panel (see #4). onClick: open Sub-category. - Tags - Show most read tags from Main category. onClick: open Search with respective Tag. - Latest Articles - Displays latest article from current Sub-category. onClick: open Article. - Add to media cart - Add article to media cart, see 0 for details ===== Navigation / active (without sub-categories) ===== {{:skoda-ep:modules:module_navigtion-active_withoutsubcats_full.jpg|}} ===== Navigation / Search ===== {{:skoda-ep:modules:module_navigtion-search_full.jpg|}} - Search bar - Active after Search was selected by user. If user presses [Enter] he is redirected to „Search“ with currently entered search term. - Suggestions - Suggested articles based on entered search term. onClick: open Article - Button - onClick: open „Search“ with currently entered search term ===== News / active ===== {{:skoda-ep:modules:module_menu_news-active_full.jpg|}} - Teaser News onClick: open Article - All press releases - onClick: open Sub-category „Company > Press Releases“ - Hide News - onClick: hide News with Animation ====== Menu - Mobile variants ====== Language switcher accessible from hamburger menu * Media cart is not shown, instead the number of items in the media cart is reflected in an icon on the hamburger menu. * News can be swiped horizontally to access more. * Sub-categories can be accessed using a 2nd-level navigation. {{:skoda-ep:modules:module_menu_mobile.jpg|}} ===== Menu with subcategories ===== {{:skoda-ep:modules:module_menu_mobile_cats.jpg|}} - Main Category with sub-categories - Show 2nd Level navigation. - Main category without subcategories - Open Main category page ===== Menu inside subcategorie (back) ===== {{:skoda-ep:modules:module_menu_catsblack_mobile_.jpg|}} - Back - Back to 1st level navigation - Main category - Open Main category page - Sub-category - Open sub-category page