Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

Odkaz na výstup diff

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