Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Následující verze | Předchozí verze | ||
skoda-ep:modules:menu [24.02.2016 18:07] Jakub Štěpánek vytvořeno |
skoda-ep:modules:menu [14.08.2016 19:12] (aktuální) Jakub Štěpánek [Features] |
||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
- | ====== Menu ====== | + | ====== Menu Common info ====== |
===== Summary ===== | ===== Summary ===== | ||
- | Basic navigtion element presented on each page of our website. | + | Basic navigtion element presented on each page of our website. We have multiple menu types (see below). |
===== Description ===== | ===== Description ===== | ||
Řádek 14: | Řádek 14: | ||
===== Features ===== | ===== Features ===== | ||
- | TODO | + | - Responsive |
+ | - Dynamic content - See Menu in Authoring backend of WP | ||
+ | - Search tool with auto suggestion | ||
+ | - Cart icon opening cart detail | ||
+ | ====== Menu - Desktop variants ====== | ||
- | ===== Screenshots/description Desktop ===== | + | ===== Menu / Desktop ===== |
{{:skoda-ep:modules:module_menu_full.jpg|}} | {{:skoda-ep:modules:module_menu_full.jpg|}} | ||
Řádek 24: | Řádek 28: | ||
- News - onClick: Show News with animation | - News - onClick: Show News with animation | ||
- | ===== Screenshots Mobile ===== | + | ===== 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 |