Hitachi Solutions Ecommerce Design Guide Templates and Widgets

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.

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

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

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

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

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.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.55. Quick View...................................................................................................................................................................................................................139

6
3.56. Recently Viewed Products...........................................................................................................................................................................................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

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.90. Review & Rating ..........................................................................................................................................................................................................181

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

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

10
3.126. Abandon Cart ..............................................................................................................................................................................................................230
3.127. Abandon Cart Lines .....................................................................................................................................................................................................232

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
2.2. HTML_CategoryHome Category Home 1
Category Home 2
Category Home 3
Category Home 4
Category Home 5
Viewshtml_categoryhome1.ascx

12
2.3. HTML_ProductSearchOutput Product Search Output 1
Product Search Output 2
Product search Output 7
Viewscategoryhtml_c_productsearchoutput1.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
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

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)

14

15

16

17

18

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)

20

21

22

23

24

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)

26

27

28

29

30

31

32

33

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.

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.

36
2.5. HTML_ARITCLESEARCHOUTPUT
Widget-Article Search Output
File Path- Viewsarticlehtml_c_articlesearchoutput1.ascx (Available in version 5.0 and above)

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)

38

39

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)

41

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)

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.

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)

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

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)

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)

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)

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)

50
Description

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

52

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)

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.

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

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)

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.

58
2.21. HTML_FILE ATTACHMENT
Widget – HTML_File Attachment
File Path - Viewsproducthtml_c_fileattachment.ascx (Available in version 7.0 and above)

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)

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.

61
2.23. HTML_BUNDLED
Widget- HTML_Bundled
File Path-Viewsproducthtml_c_bundled.ascx (Available in version 6.5 and above)

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.

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,

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)

65
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)

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)
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)

67
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)

68
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
.

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)
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)

70
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)
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)

71
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)
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.

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)
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.

73
HTML NAVIGATION
Widget – HTML Navigation
File Path – Viewsproducthtml_nav.ascx (Available in version 5.0 and above)
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.

74
LIVE CHAT
Widget – Live Chat
File Path –Viewsstorehtml_livechat.ascx (Available in version 5.0 and above)
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)

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)
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.

76
HOME PAGE WIDGETS
3.7. BEST SELLER
Widget – Best Seller
File Path -Viewscategoryhtml_bestsellers1.ascx (Available in version 5.0 and above)

77
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)

78
Fig.1
Fig.2
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.

79
3.9. FEATURED PRODUCTS
Widget – Featured Products
File Path –Views categoryhtml_featuredproducts1.ascx (Available in version 5.0 and above)
Fig.1

80

81
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)

82
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)

83

84
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)

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.

86
3.13. SAVED CART
Widget – Saved Cart

87
File Path – ViewsCarthtml_savedcart.ascx (Available in version 7.4 and above)
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.

88
3.14. SAVED CART LIST
Widget – Saved Cart List
File Path – ViewsCarthtml_savedcartlist.ascx (Available in version 7.4 and above)
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.

89

90
3.15. SAVED CART OVERLAY
3.16. Widget – Saved Cart Overlay
File Path – ViewsCarthtml_savecartoverlay.ascx (Available in version 7.4 and above)

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.

92
3.17. REWARD EARNINGS
Widget – Reward Earnings
File Path – Viewscarthtml_rewardearnings.ascx (Available in version 7.0 and above)
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)

93
Fig.1
Fig.2

94
Fig.3

95
Fig.4 Fig.5
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.

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
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.

97
3.20. NEW ARRIVALS
Widget – New Arrivals
File Path – Viewscategoryhtml_newarrivals1.ascx (Available in version 5.0 and above)
Fig.1 Fig.2

98
Fig.3
Fig.4
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

99
Widget – News Feed
File Path - Viewsstorehtml_newsfeed.ascx (Available in version 5.0 and above)
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)

100
Fig.1
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).

101
3.23. PRICE
Widget – Price
File Path - Viewsproducthtml_price.ascx (Available in version 5.0 and above)

102

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)

104
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

105
File Path – Viewsproducthtml_productlistsingleitem1.ascx (Available in version 5.0 and above)

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)

107
Fig 1.

108
Fig.2
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.

109
3.27. REVIEW & RATING
Widget – Review & Rating
File Path – Viewsproducthtml_reviewrating.ascx (Available in version 5.0 and above)
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.

110
3.28. STATIC CONTENT
Widget – Static Content
File Path – Viewsstorehtml_staticcontent.ascx (Available in version 5.0 and above)
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)

111

112
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)
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.

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)

114

115
Fig.1
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)

116
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.

117
3.34. RECOMMENDATIONS
Widget – Recommendations
File Path –Viewsnavhtml_recentlyviewedrecommendations.ascx (Available in version 6.0 and above)

118
Fig.1

119
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
3.37. MOST POPULAR
3.38. NEW ARRIVALS
3.39. ON SALE
3.40. STATIC CONTENT

120
3.41. MINI CART
3.42. QUICK VIEW
3.43. REVIEW & RATING
3.44. PRODUCT LIST SINGLE ITEM
3.45. PRODUCT LIST MULTI ITEM
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)

121
Fig.1

122
Fig.2

123

Hitachi Solutions Ecommerce Design Guide Templates and Widgets

Hitachi Solutions Ecommerce Design Guide Templates and Widgets

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

Destacado

Destacado (16)

Similar a Hitachi Solutions Ecommerce Design Guide Templates and Widgets

Similar a Hitachi Solutions Ecommerce Design Guide Templates and Widgets (20)

Más de Hitachi Solutions America, Ltd.

Más de Hitachi Solutions America, Ltd. (14)

Último

Último (20)

Hitachi Solutions Ecommerce Design Guide Templates and Widgets