Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Hitachi Solutions Ecommerce Design Guide Templates and Widgets

This is the templates and widgets guide for the Hitachi Solutions Ecommerce application.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

Hitachi Solutions Ecommerce Design Guide Templates and Widgets

  1. 1. Hitachi Solutions Ecommerce Store Front Templates & Widgets This document is the property of Hitachi Solutions and may not be redistributed without written permission from Hitachi Solutions. You may not reproduce this document in any form except for printing it for users of the Hitachi Solutions Ecommerce system. Any other reproduction will be considered a violation and is subject to legal action. HITACHI SOLUTIONS.
  2. 2. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 1 TABLE OF CONTENTS 1. Introduction...............................................................................................................................................................................................................................11 2. HTML Template Documentation................................................................................................................................................................................................11 Home Page Templates ...................................................................................................................................................................................................................13 2.1. HTML_Home .................................................................................................................................................................................................................13 Category Templates / Category Landing Pages..............................................................................................................................................................................19 2.2. HTML_Category_home .................................................................................................................................................................................................19 2.3. HTML_ProductSearchOutput........................................................................................................................................................................................25 2.4. HTML_LookListing .........................................................................................................................................................................................................35 2.5. HTML_AritcleSearchOutput ..........................................................................................................................................................................................36 Product Detail Templates...............................................................................................................................................................................................................37 2.6. HTML_Apparel ..............................................................................................................................................................................................................37 2.7. HTML_ApparelGroup1 ..................................................................................................................................................................................................40 2.8. HTML_ApparelGroup2 ..................................................................................................................................................................................................42 2.9. HTML_ApparelQuickView .............................................................................................................................................................................................44 2.10. HTML_DigitalSoftware_Electronics...............................................................................................................................................................................44 2.11. HTML_Consumer_Electronics_Quickview1 ..................................................................................................................................................................45
  3. 3. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 2 2.12. HTML_ComputerConfigurableGroup ............................................................................................................................................................................46 2.13. HTML_General_Sporting_Equipment1 .........................................................................................................................................................................47 2.14. HTML_General_Sporting_Equipment_Quickviewa.......................................................................................................................................................48 2.15. HTML_Cosmetics...........................................................................................................................................................................................................49 2.16. HTML_Cosmetics_QuickView1......................................................................................................................................................................................53 2.17. HTML_GiftCertificate ....................................................................................................................................................................................................53 2.18. HTML_Tools1 ................................................................................................................................................................................................................55 2.19. HTML_Tools_Quickview1..............................................................................................................................................................................................55 2.20. HTML_Tools2 ................................................................................................................................................................................................................56 2.21. HTML_File Attachment .................................................................................................................................................................................................58 2.22. HTML_Article.................................................................................................................................................................................................................59 2.23. HTML_Bundled..............................................................................................................................................................................................................61 2.24. HTML_Bundledquickview..............................................................................................................................................................................................63 3. Widget Documentation .............................................................................................................................................................................................................63 Common Widgets...........................................................................................................................................................................................................................64 3.1. Page Header..................................................................................................................................................................................................................64 3.2. Footer............................................................................................................................................................................................................................69 3.3. Navigation .....................................................................................................................................................................................................................72
  4. 4. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 3 3.4. News Letter...................................................................................................................................................................................................................74 3.5. Display Message............................................................................................................................................................................................................75 3.6. Error Message ...............................................................................................................................................................................................................75 Home Page Widgets.......................................................................................................................................................................................................................76 3.7. Best Seller......................................................................................................................................................................................................................76 3.8. Customer Reviews.........................................................................................................................................................................................................77 3.9. Featured Products.........................................................................................................................................................................................................79 3.10. Mini Cart........................................................................................................................................................................................................................81 3.11. File Attachment.............................................................................................................................................................................................................82 3.12. Save Cart .......................................................................................................................................................................................................................84 3.13. Saved Cart .....................................................................................................................................................................................................................86 3.14. Saved Cart List...............................................................................................................................................................................................................88 3.15. Saved Cart Overlay........................................................................................................................................................................................................90 3.17. Reward Earnings............................................................................................................................................................................................................92 3.18. Most Popular.................................................................................................................................................................................................................92 3.19. Most Popular Search Keywords ....................................................................................................................................................................................96 3.20. New Arrivals ..................................................................................................................................................................................................................97 3.21. News Feed.....................................................................................................................................................................................................................98
  5. 5. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 4 3.22. On Sale ..........................................................................................................................................................................................................................99 3.23. Price.............................................................................................................................................................................................................................101 3.24. Product List Multi Item................................................................................................................................................................................................103 3.25. Product List Single Item...............................................................................................................................................................................................104 3.26. Quick View Link ...........................................................................................................................................................................................................106 3.27. Review & Rating ..........................................................................................................................................................................................................109 3.28. Static Content..............................................................................................................................................................................................................110 3.29. Stock Status.................................................................................................................................................................................................................110 3.30. Search In List ...............................................................................................................................................................................................................112 Category Landing Page Widgets...................................................................................................................................................................................................112 3.31. Breadcrumb.................................................................................................................................................................................................................112 3.32. Category List................................................................................................................................................................................................................113 3.33. Recently Viewed Product ............................................................................................................................................................................................115 3.34. Recommendations ......................................................................................................................................................................................................117 3.35. Best Seller....................................................................................................................................................................................................................119 3.36. Featured Product ........................................................................................................................................................................................................119 3.37. Most Popular...............................................................................................................................................................................................................119 3.38. New Arrivals ................................................................................................................................................................................................................119
  6. 6. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 5 3.39. On Sale ........................................................................................................................................................................................................................119 3.40. Static Content..............................................................................................................................................................................................................119 3.41. Mini Cart......................................................................................................................................................................................................................120 3.42. Quick View...................................................................................................................................................................................................................120 3.43. Review & Rating ..........................................................................................................................................................................................................120 3.44. Product List Single Item...............................................................................................................................................................................................120 3.45. Product List Multi Item................................................................................................................................................................................................120 Product Listing Page Widget ........................................................................................................................................................................................................120 3.46. Catalog Filters..............................................................................................................................................................................................................120 3.47. Paging..........................................................................................................................................................................................................................126 3.48. Product Comparison....................................................................................................................................................................................................128 3.49. Product Comparison List .............................................................................................................................................................................................131 3.50. Product List .................................................................................................................................................................................................................132 3.51. Sorting.........................................................................................................................................................................................................................138 3.52. BreadCrumb ................................................................................................................................................................................................................139 3.53. Mini Cart......................................................................................................................................................................................................................139 3.54. Product List Single Item...............................................................................................................................................................................................139 3.55. Quick View...................................................................................................................................................................................................................139
  7. 7. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 6 3.56. Recently Viewed Products...........................................................................................................................................................................................140 3.57. Recommendations ......................................................................................................................................................................................................140 3.58. Review & Rating ..........................................................................................................................................................................................................140 3.59. Static Content..............................................................................................................................................................................................................140 3.60. Stock Status.................................................................................................................................................................................................................140 Product Details Page Widgets ......................................................................................................................................................................................................140 3.61. Stock Keeping Unit (SKU) ............................................................................................................................................................................................140 3.62. Card Designs................................................................................................................................................................................................................147 3.63. Gift Certificate SKU......................................................................................................................................................................................................148 3.64. Color Swatch ...............................................................................................................................................................................................................152 3.65. Cross Selling ................................................................................................................................................................................................................154 3.66. Customer Feedback.....................................................................................................................................................................................................155 3.67. Customer Who Bought Also Bought ...........................................................................................................................................................................157 3.68. Downloadable SKU......................................................................................................................................................................................................158 3.69. Editorial Reviews.........................................................................................................................................................................................................159 3.70. Twitter Link .................................................................................................................................................................................................................160 3.71. Google Plus Link ..........................................................................................................................................................................................................161 3.72. Notify Me ....................................................................................................................................................................................................................161
  8. 8. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 7 3.73. Product Accessories ....................................................................................................................................................................................................163 3.74. Product Alternate Image.............................................................................................................................................................................................166 3.75. Product Downloads.....................................................................................................................................................................................................167 3.76. Product Navigation......................................................................................................................................................................................................168 3.77. Product Options ..........................................................................................................................................................................................................169 3.78. Product Reviews..........................................................................................................................................................................................................171 3.79. Product Videos............................................................................................................................................................................................................172 3.80. Share This....................................................................................................................................................................................................................174 3.81. SKU List........................................................................................................................................................................................................................174 3.82. Share Product Images .................................................................................................................................................................................................177 3.83. Share Product Images - Details ...................................................................................................................................................................................179 3.84. Shipping Calculator .....................................................................................................................................................................................................180 3.85. Customer Reviews.......................................................................................................................................................................................................181 3.86. Mini Cart......................................................................................................................................................................................................................181 3.87. Quick view...................................................................................................................................................................................................................181 3.88. Recently Viewed Products...........................................................................................................................................................................................181 3.89. Recommendations ......................................................................................................................................................................................................181 3.90. Review & Rating ..........................................................................................................................................................................................................181
  9. 9. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 8 3.91. Stock Status.................................................................................................................................................................................................................181 3.92. Static Content..............................................................................................................................................................................................................181 Checkout Widgets ........................................................................................................................................................................................................................182 3.93. Shopping Cart..............................................................................................................................................................................................................182 3.94. Customer Login ...........................................................................................................................................................................................................183 3.95. Customer Sign In .........................................................................................................................................................................................................187 3.96. Guest Login..................................................................................................................................................................................................................188 3.97. Customer Registration ................................................................................................................................................................................................189 3.98. Forgot Password..........................................................................................................................................................................................................193 3.99. Shipping.......................................................................................................................................................................................................................195 3.100. Shipping Address.........................................................................................................................................................................................................196 3.101. Shipping Rate ..............................................................................................................................................................................................................197 3.102. Cart summary..............................................................................................................................................................................................................198 3.103. Order Summary...........................................................................................................................................................................................................199 3.104. Cart Lines.....................................................................................................................................................................................................................200 3.105. Apply Coupon..............................................................................................................................................................................................................200 3.106. Applied Coupon...........................................................................................................................................................................................................203 3.107. Gift Certificate Redemption ........................................................................................................................................................................................204
  10. 10. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 9 3.108. Reward Earning ...........................................................................................................................................................................................................204 3.109. Reward Redemption ...................................................................................................................................................................................................207 3.110. Customer Reward Balance ..........................................................................................................................................................................................209 3.111. Advance Payment........................................................................................................................................................................................................209 3.112. Billing Address.............................................................................................................................................................................................................211 3.113. Order Payment............................................................................................................................................................................................................212 3.114. Payment Methods.......................................................................................................................................................................................................212 3.115. Order Comments.........................................................................................................................................................................................................215 3.116. Order Complete...........................................................................................................................................................................................................215 3.117. Quote to Order Conversion.........................................................................................................................................................................................218 3.118. QUOTE SUMMARY ......................................................................................................................................................................................................220 3.119. Quote to Order Conversion – Shipping Address .........................................................................................................................................................220 3.120. Quote to Order Conversion – Order Complete...........................................................................................................................................................221 3.121. Quick Order.................................................................................................................................................................................................................223 3.122. Quick Order Entry Pad.................................................................................................................................................................................................224 3.123. Quick Order List...........................................................................................................................................................................................................225 3.124. SKU Lookup .................................................................................................................................................................................................................226 3.125. Edit order on Online store...........................................................................................................................................................................................228
  11. 11. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 10 3.126. Abandon Cart ..............................................................................................................................................................................................................230 3.127. Abandon Cart Lines .....................................................................................................................................................................................................232
  12. 12. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 11 1. INTRODUCTION Hitachi Solutions Ecommerce online store offers a large number of out of the box HTML Templates and Widgets. These templates and widgets can be used in your eCommerce online store as is or with slight modifications. HTML Templates are named based on the type of merchandize that they advertise and sell on the eCommerce online store. Widgets on the other hand are named on the purpose that they serve. Both Templates and Widgets have been grouped based on the purpose they serve best (Home Page, Product Listing Page or Product Detail Page). 2. HTML TEMPLATE DOCUMENTATION This section will introduce you to various HTML Templates that are available with Hitachi Solutions Ecommerce. These templates can be assigned from the Hitachi Solutions Ecommerce Manager Panel to various Product or Category web pages. Name (Click on the name to view the template detail) Template Name (As it appears in the Manager Panel Template Drop Down) Template Path (Under store front wwwroot folder) 2.1. HTML_Home Home1 Home 3 Home 4 Home 5 Home 6 Home 7 Home 8 Views categoryhtml_c_home1.ascx Views categoryhtml_c_home3.ascx Views categoryhtml_c_home4.ascx Views categoryhtml_c_home5.ascx Views categoryhtml_c_home6.ascx Views categoryhtml_c_home7.ascx Views categoryhtml_c_home8.ascx 2.2. HTML_CategoryHome Category Home 1 Category Home 2 Category Home 3 Category Home 4 Category Home 5 Viewshtml_categoryhome1.ascx Viewshtml_categoryhome2.ascx Viewshtml_categoryhome3.ascx Viewshtml_categoryhome4.ascx Viewshtml_categoryhome5.ascx
  13. 13. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 12 2.3. HTML_ProductSearchOutput Product Search Output 1 Product Search Output 2 Product Search Output 3 Product Search Output 4 Product Search Output 5 Product Search Output 6 Product search Output 7 Viewscategoryhtml_c_productsearchoutput1.ascx Viewscategoryhtml_c_productsearchoutput2.ascx Viewscategoryhtml_c_productsearchoutput3.ascx Viewscategoryhtml_c_productsearchoutput4.ascx Viewscategoryhtml_c_productsearchoutput5.ascx Viewscategoryhtml_c_productsearchoutput6.ascx Viewscategoryhtml_c_productsearchoutput7.ascx 2.4. HTML_LookListing Apparel Look Listing Viewscategoryhtml_c_looklisting.ascx 2.5. HTML_Articlesearchoutput1 Article Search Viewsarticlehtml_c_articlesearchoutput1.ascx 2.6. HTML_Apparel Apparel 1 - Size & Color Apparel 2 - Size & Color Apparel 3 - Size & Color - Personalized Viewsproducthtml_c_apparel1.ascx Viewsproducthtml_c_apparel2.ascx Viewsproducthtml_c_apparel3.ascx 2.7. HTML_Apparelgroup1 Apparel Group 1 Viewsproducthtml_c_apparelgroup1.ascx 2.8. HTML_Apparelgroup2 Apparel Group 2 TemplatesGlobalApparelViewsproducthtml_c_apparelgroup2.asc x 2.9. HTML_ApparelQuickview MiniApparel Quick View 1 MiniApparel Quick View 2 Viewsproducthtml_c_apparelquickviewa.ascx Viewsproducthtml_c_apparelquickviewb.ascx 2.10. HTML_DigitalSoftware_Electronics Digital Software and Electronics 1 Viewsproducthtml_c_digitalsoftware_electronics1.ascx 2.11. HTML Consumer Electronics Quickview Consumer electronics Quick View 1 Viewsproduct html_c_Consumer_electronics1_quickview1.ascx 2.12. HTML_ComputerConfigurable_group Computer Configurable Group Viewsproduct html_c_computer_configurable_group.ascx 2.13. HTML_General_Sporting_Equipment General Sporting Equipment 1 Viewsproducthtml_c_general-sporting-equipment1.ascx 2.14. HTML_General_Sporting_Equipment_Quickvi ew General Sporting Equipment Quick View 1 Viewsproducthtml_c_general-sporting-equipment-quickviewa.ascx 2.15. HTML_Cosmetics Cosmetics1 Viewsproducthtml_c_cosmetics1.ascx 2.16. HTML_Cosmetics_Quickview Cosmetics Quick View 1 Viewsproducthtml_c_cosmetics1_quickview1.ascx 2.17. HTML_GiftCertificate Gift Certificate 1 Viewsproducthtml_c_giftcertificate1.ascx 2.18. HTML_Tools1 Tools1 Viewsproducthtml_c_tools1.ascx 2.19. HTML Tools QuickView Tools Quick View 1 Viewsproducthtml_c_tools1_quickview1.ascx 2.20. HTML Tools2 Tools2 Viewsproducthtml_c_tools2.ascx 2.21. HTML_FileAttachment File Attachment Viewsproducthtml_c_fileattachment.ascx 2.22. HTML_Article Articles Detail1 Viewsarticlehtml_c_article.ascx 2.23. HTML Bundled N/A Viewsproducthtml_c_bundled.ascx
  14. 14. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 13 2.24. HTML_Bundled Quickview N/A Viewsproducthtml_c_bundledquickview.ascx 2.25. Page_CMS This is the ASPX page that is used to host all non- catalog web pages on the store front. Viewsstorepage_c_cms.aspx HOME PAGE TEMPLATES 2.1. HTML_HOME Template Options :- Home File Path –TemplatesMobileSerenity Views categoryhtml_c_home1.ascx (Available in version 6.3 and above) File Path –Views categoryhtml_c_home3.ascx (Available in version 6.3 and above) File Path –Views categoryhtml_c_home4.ascx (Available in version 5.0 and above) File Path –Views categoryhtml_c_home5.ascx (Available in version 6.0 and above) File Path –Views categoryhtml_c_home6.ascx (Available in version 6.0 and above) File Path –Views categoryhtml_c_home7.ascx (Available in version 5.0 and above) File Path –Views categoryhtml_c_home8.ascx (Available in version 6.3 and above)
  15. 15. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 14
  16. 16. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 15
  17. 17. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 16
  18. 18. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 17
  19. 19. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 18
  20. 20. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 19 Description:- This home page template decides which widgets to be rendered. Customers first visit the homepage on the online store. Thus layout of homepage must be easy to navigate, as well as uncluttered. CATEGORY TEMPLATES / CATEGORY LANDING PAGES 2.2. HTML_CATEGORY_HOME Widget-HTML_Category Home File Path- Viewshtml_categoryhome1.ascx (Available in version 5.0 and above) File Path- Viewshtml_categoryhome2.ascx (Available in version 5.0 and above) File Path- Viewshtml_categoryhome3.ascx (Available in version 6.0 and above) File Path- Viewshtml_categoryhome4.ascx (Available in version 6.0 and above) File Path- Viewshtml_categoryhome5.ascx (Available in version 7.0 and above)
  21. 21. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 20
  22. 22. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 21
  23. 23. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 22
  24. 24. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 23
  25. 25. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 24
  26. 26. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 25 Description:- Catalog is formed of categories, sub-categories and products. Thus category divides merchandize in different groups. Categories organize catalog in such a way that with minimum number of clicks customers reach the product they are interested in. Thus, it makes navigation easier for customers. These templates can be used to show category lists. 2.3. HTML_PRODUCTSEARCHOUTPUT Widget- HTML_Product Search Output File Path-Viewscategoryhtml_c_productsearchoutput1.ascx (Available in version 5.0 and above) File Path-Viewscategoryhtml_c_productsearchoutput2.ascx (Available in version 5.0 and above) File Path-Viewscategoryhtml_c_productsearchoutput3.ascx (Available in version 5.0 and above) File Path-Viewscategoryhtml_c_productsearchoutput4.ascx (Available in version 6.0 and above) File Path-Viewscategoryhtml_c_productsearchoutput5.ascx (Available in version 6.0 and above) File Path-Viewscategoryhtml_c_productsearchoutput6.ascx (Available in version 6.3 and above) File Path-Viewscategoryhtml_c_productsearchoutput7.ascx (Available in version 7.0 and above)
  27. 27. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 26
  28. 28. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 27
  29. 29. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 28
  30. 30. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 29
  31. 31. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 30
  32. 32. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 31
  33. 33. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 32
  34. 34. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 33
  35. 35. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 34 Description- This template renders the product list. It also shows ‘Sort’ and ‘Narrow Your Result ‘options. While browsing through the site, customers usually spend more time on the product listing page. A customer will click on the product which he likes and finds interesting.
  36. 36. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 35 2.4. HTML_LOOKLISTING Widget- HTML_Looklisting File Path-Viewscategoryhtml_c_looklisting.ascx (Available in version 6.0 and above) Description- This template lists all group products. It displays scrolling list of images which the shopper can view. By clicking on images, the customer can view all the products which complete that specific look. Like mannequins in a physical store display the complete attire, we display a full page image for the same look. Attractive images catch a customer’s eye and most often compels them to purchase the product.
  37. 37. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 36 2.5. HTML_ARITCLESEARCHOUTPUT Widget-Article Search Output File Path- Viewsarticlehtml_c_articlesearchoutput1.ascx (Available in version 5.0 and above)
  38. 38. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 37 Description- This template is used to render the article list. The article title with a little description is shown. Date when article is published with name of its writer is accompanied with the article. Rating for each article is shown. Articles can be sorted based on recent posts or popular posts. PRODUCT DETAIL TEMPLATES 2.6. HTML_APPAREL Widget- HTML_Apparel File Path-Viewsproducthtml_c_apparel1.ascx (Available in version 5.0 and above) File Path-Viewsproducthtml_c_apparel2.ascx (Available in version 5.0 and above) File Path-Viewsproducthtml_c_apparel3.ascx (Available in version 5.0 and above)
  39. 39. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 38
  40. 40. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 39
  41. 41. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 40 Description- This template is used to show product details page. On this page we can show product details, product features, description, customer reviews and ratings, related products, history of browsed products, offers on a product if any, and links to social networking sites. 2.7. HTML_APPARELGROUP1 Widget- HTML_Apparelgroup1 File Path-Viewsproducthtml_c_apparelgroup1.ascx (Available in version 6.0 and above)
  42. 42. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 41
  43. 43. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 42 Description- Product groups allow you to offer various products together. This template is used to show such grouped products. Here all products are treated as individual products which customer is buying at a time. After clicking on ‘Add to Cart’ button all products are added to the shopping cart as one entry per product (Refer Fig.1). In the cart the customer has the option to remove any product he doesn’t wish to buy. 2.8. HTML_APPARELGROUP2 Widget- HTML_Apparelgroup2 File Path-TemplatesGlobalApparelViewsproducthtml_c_apparelgroup2.ascx (Available in version 6.0 and above)
  44. 44. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 43 Description- Product groups allow you to offer different products together. For example matching pant, belt and top. This template is used to show these grouped products. Here all options chosen by the customer are added to cart as a single product. When added to cart it shows a single entry for a product (Refer Fig.1). That means if a customer wishes to change the pant color he will have to delete the product from cart, select color for pant, select top, select belt and then click on ‘Add to cart’ button to purchase.
  45. 45. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 44 2.9. HTML_APPARELQUICKVIEW Widget- HTML_ApparelQuickview File Path-Viewsproducthtml_c_apparelquickviewa.ascx (Available in version 5.0 and above) File Path -Viewsproducthtml_c_apparelquickviewb.ascx (Available in version 5.0 and above) Description- Quick view window appears when customer clicks on the quick view link. Quick view allows customer to view product details without navigating out of the current page. Quick view minimizes customer’s navigation. This allows the visitor/customer to get a quick glance at the product without leaving search results or featured products or any other area of the website. This template provides product details in a compact way and customer stays on the page he is browsing. Customer may choose color and size combination, and can add product to cart by clicking on ‘Add to Shopping Cart’. 2.10. HTML_DIGITALSOFTWARE_ELECTRONICS Widget – HTML_DigitalSoftware_Electronics File Path - Viewsproducthtml_c_digitalsoftware_electronics1.ascx (Available in version 6.0 and above)
  46. 46. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 45 Description:- Electronic products are very complex and costly. Customers take more time to evaluate such products. Different products have different attributes. For example TV can have attributes such as screen size, LED/LCD screen etc. Laptop will have attributes such as OS, Processor, RAM size, Hard disk size etc. In order to provide detailed information about the product to the visitors, this template is used. Product name, SKU number, inventory status, price of a unit, and description is provided. Information is arranged in tab format with heads like features of product, downloads, customer reviews, optional accessories that can be purchased along with product. To educate customers on how to handle/operate the device, ‘Learn’ tab is also provided. This tab may contain instructions manuals, and product specifications. Downloads tab provides free downloads available for a product. Customer reviews about product can be shown. Write a review option is also provided. Installation services can be provided from the website. Related products used as a cross selling technique are shown with a product. History of recently browsed products is also shown. 2.11. HTML_CONSUMER_ELECTRONICS_QUICKVIEW1 Widget- HTML_Consumer_Electronics_Quickview1
  47. 47. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 46 File Path – Viewsproduct html_c_Consumer-electronics1_quickview1.ascx (Available in version 6.0 and above) This quick view template allows customers to glance at product and available accessories with it. 2.12. HTML_COMPUTERCONFIGURABLEGROUP Widget- html_c_computer_configurable_group File Path-TemplatesGadgetsOnLineViewsproducthtml_c_computer_configurable_group.ascx (Available in version 6.3 and above)
  48. 48. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 47 This template is configured for group products which have multiple heirarchical groups. 2.13. HTML_GENERAL_SPORTING_EQUIPMENT1 Widget - HTML_General_Sporting_Equipment1 File Path – Viewsproducthtml_c_general-sporting-equipment1.ascx (Available in version 6.0 and above)
  49. 49. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 48 This template is used to show sporting equipment. Equipment has only features and comes in standard size. 2.14. HTML_GENERAL_SPORTING_EQUIPMENT_QUICKVIEWA Widget- HTML_General_Sporting_Equipment_Quickviewa File Path – Viewsproducthtml_c_general-sporting-equipment-quickviewa.ascx (Available in version 6.0 and above)
  50. 50. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 49 This quick view template allow customer to glance at product & provides him with sufficient information about merchandize. This template shows product description only. 2.15. HTML_COSMETICS Widget – HTML_Cosmetics File Path - Viewsproducthtml_c_cosmetics1.ascx (Available in version 6.0 and above)
  51. 51. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 50 Description
  52. 52. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 51 Fig.1 Cosmetics are used to enhance a person’s appearance. Cosmetic products are directly applied on body parts and so customers are very careful while choosing a product. Ingredients are central to a cosmetic product and necessary to mention in product description. ‘How to use’ information can add to knowledge of customers and will make it effortless for them to use the product. Details and benefit of the product must be well communicated, because it is something that will attract customers. It will erase all the doubts in the mind of the customer. This template helps you arrange all this information on the product details page. Fig.1 – Cosmetics1 made compatible with Mobile tablets via CSS changes
  53. 53. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 52
  54. 54. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 53 2.16. HTML_COSMETICS_QUICKVIEW1 Widget - HTML_Cosmetics_Quickview1 File Path – Viewsproducthtml_c_cosmetics1_quickview1.ascx (Available in version 6.0 and above) Description:- Quick view provides customers with the option to directly view product details. Customers can add the product to cart by clicking on ‘Add to Bag’ button. This template allows putting all information together. It shows product details, direction to use it and product ingredients. 2.17. HTML_GIFTCERTIFICATE Widget- HTML_Giftcertificate File Path-Viewsproducthtml_c_giftcertificate1.ascx (Available in version 6.5 and above)
  55. 55. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 54 Description- Gift Certificate/Gift Vouchers is a restricted monetary equivalent that can be used as an alternative to a non-monetary gift. Gift certificate saves the donor from choosing a specific gift. It also gives the receiver freedom to use the gift certificate as per his convenience. Gift Certificate has an amount and does not have an expiration date. Each Gift Certificate has a unique code. This unique code is required while redeeming the gift certificate. Gift certificate purchase (via the template) and redemption is available for Global Apparel theme only.
  56. 56. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 55 2.18. HTML_TOOLS1 Widget – HTML_Tools1 File Path - Viewsproducthtml_c_tools1.ascx (Available in version 6.3 and above) Description:- This template is specially designed to sell tools. It has out of box capabilities for downloading attachments or specifications attached to the product. Quick Order Entry module is offered as Quick Order Entry Pad where shopper can punch in item code and quantity to add them to an order. 2.19. HTML_TOOLS_QUICKVIEW1 Widget – HTML_Tools_Quickview1
  57. 57. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 56 File Path - Viewsproducthtml_c_tools_quickview1.ascx (Available in version 6.3 and above) Description:- Quick view provides customers with option to directly view product details for the tool. Customers can add the product to cart by clicking on ‘Add to Cart’ button. This template allows putting all information together. It shows product details, specifications and downloads. 2.20. HTML_TOOLS2 Widget – HTML_Tools2 File Path - Viewsproducthtml_c_tools2.ascx (Available in version 7.0 and above)
  58. 58. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 57 Description:- This template is specially designed to sell parts catalog for tools merchandize. Shopper can purchase any specific part for a product in required quantity or buy multiple parts using buy all.
  59. 59. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 58 2.21. HTML_FILE ATTACHMENT Widget – HTML_File Attachment File Path - Viewsproducthtml_c_fileattachment.ascx (Available in version 7.0 and above)
  60. 60. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 59 Description:- This template is specially designed to sell merchandize that requires shoppers to provide supporting documents. Shopper can upload a scanned copy of the document. This template makes use of product qualifiers too. In the above example ‘Age Proof Mandatory’ is a product qualifier. 2.22. HTML_ARTICLE Widget- Article File Path-Viewsarticlehtml_c_article.ascx (Available in version 5.0 and above)
  61. 61. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 60 Articles can be defined as a detailed presentation of facts in interesting form prepared for rapid reading, for the purpose of entertaining or informing the average person. This template shows article on a page. The page has header, footer and the article content. Customers can also write comments on the article. Customer replies are shown along with the article. Let us take an example of electronic gadgets which are full of various functionalities. Articles prove helpful to educate customers. It gives customers in depth information about the product. It gives information like product features, its use and way to operate that product. On reading this article customer may take purchase decision provided the product satisfies the needs of the customer.
  62. 62. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 61 2.23. HTML_BUNDLED Widget- HTML_Bundled File Path-Viewsproducthtml_c_bundled.ascx (Available in version 6.5 and above)
  63. 63. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 62 Description- Bundled promotions are offers like Buy 2 get 1 free that can be used to promote new launches on online store or clear excess inventory. These promotions are an effective marketing strategy that help increase revenue by giving shoppers more value for their dollars. Configurable rules can be defined to define ‘what has to be bought’ and what is ‘offered free’. This template shows the time till the offer is available which is nothing but expiry date for the promotion configured. Shopper has the option not to buy the deal. This situation may happen when configured promotion is something like buy A and get B at 30% off. Shopper may not be interested to buy B in this case. This template gets assigned dynamically whenever the product has a bundled promotion configured for it. Before any product detail template is loaded for a product on the online store, the system checks if there is any associated bundled promotion. If yes, it simply assigns the bundled template to it. Theme specific CSS is applied automatically to ensure that branding is maintained for different online stores.
  64. 64. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 63 2.24. HTML_BUNDLEDQUICKVIEW Widget- HTML_Bundledquickview File Path-Viewsproducthtml_c_bundledquickview.ascx (Available in version 6.5 and above) Fig. 1 Quick view provides customers with option to directly view product details and get the bundled offer. Customers can add the bundled products to cart by clicking on ‘Get this deal’. This template allows putting all information together. It shows product details, direction to use it and product ingredients. Fig. 1- Bundled quickview made compatible with all themes via CSS. 3. WIDGET DOCUMENTATION This section will introduce you to various widgets available that can be used to design our eCommerce online store. You will get to know details of each widget,
  65. 65. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 64 probabilities where widget can be used and the way to configure the widget from the Hitachi Solutions Ecommerce Manager Panel. COMMON WIDGETS These widgets can be used across the online store. Common Widgets can be present on all the webpages: 3.1. PAGE HEADER Widget – Page Header File Path-Views navhtml_header.ascx (Available in version 5.0 and above) File Path-Views navhtml_header2.ascx ((Available in version 6.0 and above) Description Behavior Header is the top rectangular shaped area that runs across the top of the webpage. It appears on every webpage. Header contents remain same throughout the online store. It tells visitor/customer about the brand or company, and conveys general concept of the merchant’s products. LOGO Widget – Logo File Path –Views navhtml_logo.ascx (Available in version 5.0 and above)
  66. 66. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 65 Description Behavior Logo is placed on top left hand corner of the page. To add logo following is the path – eCommerce Manager PanelBasic SettingseCommerce Stores By clicking on logo visitor/customer is directed to homepage. MY ACCOUNT Widget – My account File Path – Viewsnavhtml_myaccountnav2.ascx (Available in version 6.0 and above) File Path – Viewsnavhtml_myaccountnav.ascx (Available in version 5.0 and above) Description Behavior
  67. 67. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 66 It allows visitors/customers to login, register and navigate for viewing their account details. It is placed on page header (available across the online store). User can access account information, history of purchased items etc. on sign in. When visitor/customer clicks on Sign In, login page is shown. When visitor/customer clicks on Register link, registration page is shown. When clicked on Wish List, if visitor/customer hasn’t logged in then he will be directed to sign in page, else he will be directed to page showing his wish list. When clicked on Track Order, if visitor/customer hasn’t logged in then will be directed to sign in page, else status of order will be shown to him. CART LINK Widget – Cart Link File Path – Viewsnavhtml_cartlinks.ascx (Available in version 5.0 and above) Description Behavior Cart Link is present on page header. It gives quick view of visitor/customer’s current shopping cart contents. When cursor is placed on cart link, floating cart appears. REWARD BALANCE Widget – Reward Balance File Path – Viewsnav html_rewardbalance.ascx (Available in version 7.0 and above)
  68. 68. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 67 Description Behavior It shows customers reward balance after login/registering on online store. It is placed on page header (available across the online store). When the customer Signs in/Registers on online store, it shows customer’s reward balance. Reward balance can be used as a payment while placing an order. As soon as customer uses his reward balance, updated balance is shown in header. STORE LOCATOR Widget –Store Locator File Path-Views storehtml_locations.ascx (Available in version 6.0 and above)
  69. 69. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 68 Description Behavior Store Locator helps visitor/customers to visually see various physical stores on Google Maps. Customers can type in their current location (zip code, street name etc.) and find the closest merchant location as well as driving directions to the closest location. Merchant can set up all his locations from the Manager Panel. When clicked on Store Locator link a page showing map opens. Entering your location and clicking on “Find Nearest” would find the nearest location as well as directions to the nearest location .
  70. 70. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 69 3.2. FOOTER Widget – Page Footer File Path-Views navhtml_footer.ascx (Available in version 5.0 and above) File Path-Views navhtml_footer2.ascx (Available in version 6.0 and above) File Path-Views navhtml_footer3.ascx (Available in version 6.0 and above) Description Behavior It is present at the bottom of webpage. Footer contents remain same throughout the online store. Many important links can be placed in the footer. FOOTER LINK Widget – Footer Link File Path - Viewsnavhtml_footerlinks.ascx (Available in version 5.0 and above)
  71. 71. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 70 Description Behavior These links are provided in the footer section on each web page. By clicking on each link visitor/customer is directed to the linked page. These linked pages can be pages on your corporate website or Virtual Pages in Hitachi Solutions Ecommerce. COPY RIGHT Widget – Copy right File Path – Viewsnavhtml_copyright.ascx (Available in version 5.0 and above) Description Behavior It is present in the footer of each web page. Merchants can change the copyright notice as desired. FINANCE PARTNERS Widget – Finance Partners File Path – Viewsnavhtml_financepartners.ascx (Available in version 5.0 and above)
  72. 72. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 71 Description Behavior This widget is used to show the credit cards or payment methods that you accept for purchases from the site. By clicking on link, visitor/customer is directed to the payment method web site (such as Visa, MasterCard and PayPal etc.) SOCIAL LINKS Widget – Social Links File Path - Viewsnavhtml_sociallinks.ascx (Available in version 5.0 and above) Description Behavior Social links are present in the footer of web page. These links take the visitors to the merchant’s wall or channel on Facebook or Twitter. When clicked on the button it directs visitor/customer to linked page. For example, when Facebook icon is clicked the user is directed to Gadgets On line’s page on Facebook. This gives an opportunity for the merchant to create a permanent connection on Social Networks with their prospective customers.
  73. 73. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 72 3.3. NAVIGATION CATALOG NAVIGATION Widget - Catalog File Path - Viewsnavhtml_catalognav2.ascx (Available in version 6.0 and above) File Path - Viewsnavhtml_catalognav.ascx (Available in version 5.0 and above) Description Behavior Catalog can be arranged in a friendly navigation menu via categories and sub categories. Categories which merchant wish to promote can be placed left most via sort order. To add new category path is as follows: Ecommerce Manager Panel  Catalog Collection  Categories  Create Category. When cursor is placed on a main category, a fly out menu appears with sub categories. When visitor/customer clicks on a category link, product list or category landing page is shown.
  74. 74. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 73 HTML NAVIGATION Widget – HTML Navigation File Path – Viewsproducthtml_nav.ascx (Available in version 5.0 and above) Description Behavior It can be present on the page footer or on product details page. These are product related navigational aids. Usually these explain how to return merchandize and shipping details. When clicked on ‘Email Us’ link Microsoft Outlook is launched. When clicked on ‘Return Policy’ visitor/customer is directed to eCommerce Virtual page showing return policy terms and conditions. When clicked on ‘Shipping Info’ visitor/customer is directed to eCommerce Virtual page showing information about shipping.
  75. 75. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 74 LIVE CHAT Widget – Live Chat File Path –Viewsstorehtml_livechat.ascx (Available in version 5.0 and above) Description Behavior Visitor/Customer can interact with the CSR if they face any problem while browsing the site or have any other queries. Chat settings can be done as follows:- Ecommerce Manager Panel  Basic Settings Setup Live Chat Setup. Clicking on the Live Chat button opens a new chat window. Visitor/Customer by entering his/her name in the text box starts the chatting session. CSR will handle all queries from customers. 3.4. NEWS LETTER Widget – News Letter File Path - Viewsecomformshtml_newsletter.ascx (Available in version 5.0 and above) Description Behavior
  76. 76. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 75 This widget is usually on footer or header of the webpage. Visitor/Customer can subscribe to newsletter by entering his email address in the textbox. Newsletter is used for informing visitors/customers about upcoming products, exciting offers on products etc. In eCommerce Manager Panel  CMS Newsletter Subscription Clicking on the sign up button stores the email id of visitor/customer in the database. 3.5. DISPLAY MESSAGE Widget-Display Message File Path-Viewsstorehtml_displaymessage.ascx (Available in version 5.0 and above) Description:- This widget gives a message whenever template is not assigned to a category/subcategory/product. 3.6. ERROR MESSAGE Widget – Error Message File Path-Viewsstorehtml_error.ascx (Available in version 5.0 and above) Description Behavior This widget is used to show error message. Merchants can change this widget to make the error message more user friendly. If some URL expires or some page break happens then error message with error id is shown. Error id is logged in Hitachi Solutions Ecommerce so support personnel can check the logs to find what happened with the visitor’s session.
  77. 77. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 76 HOME PAGE WIDGETS 3.7. BEST SELLER Widget – Best Seller File Path -Viewscategoryhtml_bestsellers1.ascx (Available in version 5.0 and above) File Path -Viewscategoryhtml_bestsellers2.ascx (Available in version 5.0 and above) File Path -Viewscategoryhtml_bestsellers3.ascx (Available in version 6.0 and above) File Path -Viewscategoryhtml_bestsellers4.ascx (Available in version 6.0 and above)
  78. 78. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 77 Description Behavior Products with maximum sales can be shown as Best Seller products. Best Sellers can also be manually assigned in case you don’t want to use your Sales Volume to drive Best Sellers. Product can be manually marked as Best Seller by going to:- eCommerce Manager PanelCatalog CollectionRecommendationsBest Seller Recommendations Clicking on product link or image lands a visitor/customer on the product details page. 3.8. CUSTOMER REVIEWS Widget – Customer Reviews File Path –Viewsproducthtml_customerreviews.ascx (Available in version 5.0 and above) File Path –Viewsproducthtml_customerreviews2.ascx ((Available in version 6.0 and above)
  79. 79. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 78 Fig.1 Fig.2 Description Behavior Customer reviews are displayed for each merchandize on product details page. (Refer Fig.1) They can be displayed on the home page as well.(Refer Fig.2) Customer reviews help users to make purchase decision. Customer reviews can be edited or approved from the Manager Panel as follows:- eCommerce Manager Panel  Catalog Collection Catalog Responses  Review & Rating Fig.1 - When clicked on customer review tab, reviews will be shown to the user.
  80. 80. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 79 3.9. FEATURED PRODUCTS Widget – Featured Products File Path –Views categoryhtml_featuredproducts1.ascx (Available in version 5.0 and above) File Path –Views categoryhtml_featuredproducts2.ascx (Available in version 5.0 and above) File Path –Views categoryhtml_featuredproducts3.ascx (Available in version 6.0 and above) File Path –Views categoryhtml_featuredproducts4.ascx (Available in version 6.0 and above) Fig.1
  81. 81. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 80
  82. 82. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 81 Description Behavior Featured Products are used for showcasing specific merchandize on your website. Featured products can be shown on home page or you can have them within a product category (Refer Fig. 1). To add featured product following is the path:- Ecommerce Manager Panel  Catalog Collection  Recommendations  Featured Recommendations By clicking on the image or product name, the visitor/customer views product information. In case there are more products than available widget space, then carousels are used to show a scrolling list of featured products. 3.10. MINI CART Widget – Mini Cart File Path – Viewscarthtml_cartmini1.ascx (Available in version 5.0 and above)
  83. 83. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 82 Description Behavior Cart lists all items the visitor/customer wishes to purchase. Mini Cart can be used to put banners. Banners may feature advertisements or promotional offer etc. To add banners following is the path:- Ecommerce Manager Panel CMSCreate Content BlockAdd Content Block Mini cart appears when cursor is placed on cart link. Mini Cart appears as soon as an item is added to cart and customer does not have to leave page to view cart contents. 3.11. FILE ATTACHMENT Widget – File Attachment File Path – Viewsfileuploadhtml_orderlineattachment.ascx (Available in version 7.1 and above)
  84. 84. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 83
  85. 85. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 84 Description Behavior Maximum 5 files can be attached per cart line. It allows the customer to browse files and attach them to each line item. Count of attachment per line appears on mini cart, shopping cart, order summary, quick order entry, order details. By clicking on the link from the mini cart/shopping cart/order summary, attachments can be added or deleted. 3.12. SAVE CART Widget – Save Cart File Path – ViewsCarthtml_savecartmini.ascx (Available in version 7.4 and above) Description Behavior
  86. 86. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 85 Opens an overlay with a field to add the name of cart and save it. Save cart can be used if a customer does not wish to make a purchase immediately, but save the items in his cart for purchase at a later date. The widget is available on the floating cart, shopping cart screen and the fast checkout screen. The save cart overlay appears upon clicking on ‘Save Cart’ if customer wants to save cart before logging in to the account; or ‘My Cart’ in case the customer is already logged in.
  87. 87. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 86 3.13. SAVED CART Widget – Saved Cart
  88. 88. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 87 File Path – ViewsCarthtml_savedcart.ascx (Available in version 7.4 and above) Description Behavior Displays all the items in a particular saved cart in the customer’s account on the online store. The customer can edit, delete or proceed to checkout with the cart. The saved cart is also visible in the pop- up that appears on clicking on the ‘1 Saved Cart’ link. Clicking on ‘My Cart’ in the online store account navigation displays the saved shopping cart and the items in it. Clicking on the icons in the upper right hand corner, allows the customer to edit, delete, merge or proceed to checkout with the saved cart.
  89. 89. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 88 3.14. SAVED CART LIST Widget – Saved Cart List File Path – ViewsCarthtml_savedcartlist.ascx (Available in version 7.4 and above) Description Behavior Displays all the saved carts and their items in the online store account of the customer. The customer can edit, delete, merge and proceed to checkout with any of the saved carts. Clicking on ‘My Carts’ in the online store account navigation displays the saved shopping carts and the items in it. Clicking on ‘My Cart’ on the floating cart, the view shopping cart screen and the fast checkout screen would display a link to open the list of saved carts in a pop-up. Clicking on the icons in the upper right hand corner, allows the customer to edit, delete, merge or proceed to checkout with the saved cart.
  90. 90. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 89
  91. 91. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 90 3.15. SAVED CART OVERLAY 3.16. Widget – Saved Cart Overlay File Path – ViewsCarthtml_savecartoverlay.ascx (Available in version 7.4 and above) Description Behavior
  92. 92. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 91 Opens an overlay that displays the items in the saved cart, one cart at a time. Displays pagination depending upon the number of saved carts, at the rate of one cart per page. Clicking on the ‘3 Saved Cart’ link opens an overlay that displays the items in the saved carts. Clicking on the page numbers would display consequent carts. Clicking on the icon in the icons in the upper right hand corner allows the customer to edit, merge, delete or proceed to checkout with the saved cart.
  93. 93. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 92 3.17. REWARD EARNINGS Widget – Reward Earnings File Path – Viewscarthtml_rewardearnings.ascx (Available in version 7.0 and above) Description Behavior It shows estimated reward earnings with current items in cart. See How link redirects to reward program FAQ page. Reward earning appears on mini cart and shopping cart. 3.18. MOST POPULAR Widget – Most Popular File Path - Viewscategoryhtml_mostpopular1.ascx (Available in version 5.0 and above) File Path - Viewscategoryhtml_mostpopular2.ascx (Available in version 5.0 and above) File Path - Viewscategoryhtml_mostpopular3.ascx (Available in version 6.0 and above) File Path - Viewscategoryhtml_mostpopular4.ascx (Available in version 6.0 and above) File Path - Viewscategoryhtml_mostpopular5.ascx (Available in version 5.0 and above)
  94. 94. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 93 Fig.1 Fig.2
  95. 95. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 94 Fig.3
  96. 96. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 95 Fig.4 Fig.5 Description Behavior Manually assign Products as Most Popular so they show up on Home Page and Category Landing Pages. Fig.1 – Products can be viewed by clicking next and previous arrows. Fig.2, Fig.3 & Fig.4 – Product within a category can also be shown as Most Popular. To set products as Most Popular following is the path:- eCommerce Manager Panel  Catalog Collection Recommendations  Most Popular Recommendations Fig.1 - When clicked on next link next product is viewed. When mouse hovers over previous or next link corresponding product’s image is shown. Fig5.-Most Popular shown on home page. By clicking on 1,2,3 numbers products can be viewed.
  97. 97. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 96 3.19. MOST POPULAR SEARCH KEYWORDS Widget -Most Popular Search Keywords File Path -Viewsstorehtml_searchkeyword1.ascx (Available in version 5.0 and above) File Path -Viewsstorehtml_searchkeyword2.ascx (Available in version 5.0 and above) Fig.1 Description Behavior It shows search keywords which most visitors/customers use to search products on online store. These are shown as a “tag cloud”. When mouse hovers over a search keyword, link count for that search keyword is shown. When clicked on the keyword link visitor/customer is directed to the product listing page showing search results. When clicked on the See More link, visitor/customer is directed to a page showing detailed list of most used keywords (Refer Fig.1). Font size of keyword depends on frequency of keyword used for search. Higher the frequency of search keyword, larger will be the font size of that keyword than the lesser frequent search keywords.
  98. 98. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 97 3.20. NEW ARRIVALS Widget – New Arrivals File Path – Viewscategoryhtml_newarrivals1.ascx (Available in version 5.0 and above) File Path – Viewscategoryhtml_newarrivals2.ascx (Available in version 6.0 and above) File Path – Viewscategoryhtml_newarrivals3.ascx (Available in version 6.0 and above) Fig.1 Fig.2
  99. 99. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 98 Fig.3 Fig.4 Description Behavior It advertises and provides better exposure to newly added products. Maximum 10 products can be shown in new arrivals. New arrivals can be shown as across the store as well as within a product category. New arrivals within a product category are shown in Fig.2, Fig.3 & Fig.4. . New product can be added as follows :- eCommerce Manager Panel Catalog Collection  Products  Create Product/ Article By clicking on product’s image visitor/customer is directed to linked page. In case there are more products than available widget space, then carousels are used to show a scrolling list of New Arrivals (Refer Fig.1). 3.21. NEWS FEED
  100. 100. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 99 Widget – News Feed File Path - Viewsstorehtml_newsfeed.ascx (Available in version 5.0 and above) Description Behavior News Feed provides latest headlines as soon as it is published without having to visit the websites you have taken the feed from. These feeds are updated throughout the day and visitor/customer gets to read most recent news. When visitor/customer clicks on link, he is redirected to website featuring news article. 3.22. ON SALE Widget-On Sale File Path-Views categoryhtml_onsale1.ascx (Available in version 5.0 and above) File Path-Views categoryhtml_onsale2.ascx (Available in version 6.0 and above)
  101. 101. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 100 Fig.1 Description Behavior On Sale help to clear excess inventory by creatively displaying on sale items on the online store. To create discounts on items following is the path:- Ecommerce Manager Panel Marketing Discount Coupons. On Sale items display on online store under following conditions:- 1. Requirement is ‘None’. 2. Volume discount is either “All of these SKU’s” or “On of these SKU’s (most expensive purchased)”. On Sale products within a category can be shown as ‘Discounted Items’ (Refer Fig.1).
  102. 102. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 101 3.23. PRICE Widget – Price File Path - Viewsproducthtml_price.ascx (Available in version 5.0 and above)
  103. 103. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 102 Description Behavior
  104. 104. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 103 Price for a product depends on the following important parameters:- 1. Customer class – Customers are divided into different groups like Guest User, Registered User, Wholesale User, Retail User etc. Prices offered to these groups can be different. 2. Quantity – Customer who buys in bulk will be given discount on purchase. Quantity based pricing can be shown as depicted in (2) above. 3. Timing – During festival season or during slack period offers can be given on products. These prices would change on the eCommerce online store based on the date/time the visitor accesses the store front. As low as – it is Indicative Pricing. If product has multiple SKUs then SKU with lowest price is shown. (1 product with multiple SKUs or 1 SKU with multiple quantity based pricing). Price- if product has single SKU then price for that is shown with product. Currency for a visitor/customer is set from the Manager Panel. During Login Process, the online store identifies the customer’s group (customer class) and changes the price across the online store. This is called as Customer Specific Pricing. If you add a quantity greater than 1 during “Add to Shopping Cart”, eCommerce online store would determine the right quantity break that applies to you and corresponding prices would be applied. 3.24. PRODUCT LIST MULTI ITEM Widget –Product list Multi item File Path – Viewsproducthtml_productlistmultiitem1.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistmultiitem2.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistmultiitem3.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistmultiitem4.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistmultiitem5.ascx (Available in version 5.0 and above)
  105. 105. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 104 Description Behavior Products having multiple SKUs are shown in multiple item product lists. Each product is generated by individual HTML page. Visitor/customer by clicking on mail symbol can send link to this product. By clicking on reviews link visitor/customer is directed to product details page and shows customer reviews. By clicking on show all button visitor/customer can view all available SKUs. By clicking on product image or link visitor/customer lands on product details page. Product can be compared with other by clicking on tic mark. 3.25. PRODUCT LIST SINGLE ITEM Widget –Product list Single item
  106. 106. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 105 File Path – Viewsproducthtml_productlistsingleitem1.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistsingleitem2.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistsingleitem3.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistsingleitem4.ascx (Available in version 5.0 and above) File Path – Viewsproducthtml_productlistsingleitem5.ascx (Available in version 5.0 and above) Description Behavior
  107. 107. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 106 A product having only one SKU associated with it can be shown using single item product list. Each item is generated by individual HTMLs. By clicking on ‘Add to Bag’ visitor/customer can directly add this product to cart. By clicking on product image or link visitor/customer lands on product details page. Product can be compared with others by clicking on tic mark. Visitor/customer by clicking on mail symbol can send link to this product in an email. By clicking on reviews link visitor/customer is directed to product details page and shows customer reviews. 3.26. QUICK VIEW LINK Widget – Quick View File Path - Viewsproducthtml_quickviewlink.ascx (Available in version 5.0 and above)
  108. 108. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 107 Fig 1.
  109. 109. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 108 Fig.2 Description Behavior Quick view allows viewing product details without navigating out of the current page. This allows the visitor/customer to get a quick glance at the product without leaving search results or featured products or any other area of the website. It minimizes visitor/customer’s navigation efforts and keeps the customer on the same page where multiple items of interest might exist. To set quick view link for a product following is the path:- Ecommerce Manager Panel  Catalog CollectionProducts All Products/Article  Edit Product/Article Overview  Set Default Mini Product Template. After clicking on quick view link or icon or button, mini product details window pops up. Fig.1 shows mini product details window. Quick View can also be controlled via HTML Templates (just like Product Detail Page). These templates could be different for different products. Quick view understands on which page visitor/customer has clicked on quick view link. It gives context driven results. For example if quick view of a product in a featured product is clicked, then when mouser hovers over next or previous arrow, product image of next or previous product in featured product is displayed (Refer Fig.2). When clicked on previous/next arrow, corresponding product in featured product will be displayed.
  110. 110. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 109 3.27. REVIEW & RATING Widget – Review & Rating File Path – Viewsproducthtml_reviewrating.ascx (Available in version 5.0 and above) Description Behavior Review Count and Rating Average is displayed against individual products. This widget can be included anywhere a product is displayed such as Featured Products, Product Detail Pages, Search Result and so on. Review & ratings can be edited as follows:- eCommerce Manager Panel Catalog Collection  Catalog Responses  Review & Ratings After clicking on Review Count link visitor/customer is directed to page showing review of product. When clicked on write review link, write review widget would be launched.
  111. 111. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 110 3.28. STATIC CONTENT Widget – Static Content File Path – Viewsstorehtml_staticcontent.ascx (Available in version 5.0 and above) Description Behavior Static Content is used to put advertisement, text messages, and product promotions on web pages. Static Content can be added as follows- Ecommerce manager CMSCreate Content BlockAdd Content Block. Clicking on content/image directs visitor/customer to the linked page. Content has to be linked while saving static content in the eCommerce Manager. 3.29. STOCK STATUS Widget – Stock Status File Path - Viewsproducthtml_stockstatus.ascx (Available in version 5.0 and above)
  112. 112. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 111
  113. 113. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 112 Description Behavior Stock status is shown along with description of product. Stock status can be Available, Backordered, Limited Stock. The link to stock status setup is as follows :- eCommerce Manager Panel Inventory Setup  Inventory Display If required SKU is not available a pop up message comes. When clicked on this message text, it invokes ‘Notify Me’ widget. “Not Available” message can be shown to the shopper if the SKU is out of stock or if the SKU is not even offered. For example: A size & color combination that the merchant has chosen not to offer and hence that combination is not present in SKU Master. 3.30. SEARCH IN LIST CATEGORY LANDING PAGE WIDGETS These widgets can be used on category landing page. 3.31. BREADCRUMB Widget –Bread crumb File Path – Viewsnavcomponent_breadcrumb.ascx (Available in version 5.0 and above) Description Behavior It tells visitor/customer on which webpage he currently is. He can easily navigate to the previous categories or subcategories. This breadcrumb is used on Category/Product List Pages as well as Product Detail Pages. By clicking on category or subcategory link visitor/customer is directed to the linked page. As visitor/customer navigates the online store, the breadcrumb will be shown accordingly. Say if a customer on home page clicks on a product then breadcrumb will only have link to homepage. When a visitor/customer is browsing on ‘Related Product’ on product details page, no breadcrumb is shown as there is no navigation to another page.
  114. 114. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 113 3.32. CATEGORY LIST Widget – Category List File Path –Viewscategoryhtml_categorylist.ascx (Available in version 5.0 and above) File Path –Viewscategoryhtml_categorylist2.ascx (Available in version 5.0 and above) File Path –Viewscategoryhtml_categorylist3.ascx (Available in version 6.0 and above) File Path –Viewscategoryhtml_categorylist4.ascx (Available in version 6.0 and above)
  115. 115. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 114
  116. 116. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 115 Fig.1 Description Behavior Category landing page may contain list of subcategories or list of products or a combination. It helps navigate categories or subcategories. By clicking on subcategory link or image, visitor/customer lands on product listing page. Mouse hover on the category picture, brings up the Category Description in a sliding panel. The category description can be rich text including hyperlinks (Refer Fig.1). 3.33. RECENTLY VIEWED PRODUCT Widget – Recently Viewed Products File Path –Viewsnavhtml_recentlyviewed.ascx (Available in version 5.0 and above) File Path –Viewsnavhtml_recentlyviewed2.ascx (Available in version 6.0 and above) File Path –Viewsnavhtml_recentlyviewed2.ascx (Available in version 6.3 and above)
  117. 117. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 116 Description Behavior It keeps track of products visited by visitor/customer, thus making it easier for visitor/customer to revisit these products. It saves visitor/customer’s time required to browse for the same product. By clicking on the product image or link, visitor/customer lands on product details page. If someone doesn’t want to be tracked, they can turn off their Recent History from My Account. This turning off feature requires registration.
  118. 118. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 117 3.34. RECOMMENDATIONS Widget – Recommendations File Path –Viewsnavhtml_recentlyviewedrecommendations.ascx (Available in version 6.0 and above)
  119. 119. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 118 Fig.1
  120. 120. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 119 Description Behavior Merchant can recommend products to visitor/customer which is related to the ones he has viewed. It is a cross selling feature to promote associations based on what the visitor is visiting and corresponding order history on your online store. By clicking on the product image or link, visitor/customer lands on product details page. If there are more products and limited space then carousels can be used to show a scrolling list of products (Refer Fig.1). Other widgets that can be used on the category landing page are as follows:- 3.35. BEST SELLER To view details click here. 3.36. FEATURED PRODUCT To view details click here. 3.37. MOST POPULAR To view details click here. 3.38. NEW ARRIVALS To view details click here. 3.39. ON SALE To view details click here. 3.40. STATIC CONTENT
  121. 121. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 120 To view details click here. 3.41. MINI CART To view details click here. 3.42. QUICK VIEW To view details click here. 3.43. REVIEW & RATING To view details click here. 3.44. PRODUCT LIST SINGLE ITEM To view details click here. 3.45. PRODUCT LIST MULTI ITEM To view details click here. PRODUCT LISTING PAGE WIDGET 3.46. CATALOG FILTERS Widget –Catalog Filters File Path –Viewscategoryhtml_catalogfilters1.ascx (Available in version 5.0 and above) File Path –Viewscategoryhtml_catalogfilters3.ascx (Available in version 6.0 and above)
  122. 122. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 121 Fig.1
  123. 123. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 122 Fig.2
  124. 124. Hitachi Solutions Ecommerce Design Guide – List of Templates and Widgets 123

×