Date post: | 05-Sep-2014 |
Category: |
Design |
Upload: | satyajit-das |
View: | 1,908 times |
Download: | 0 times |
Instructions
Dear User,
To customize the e-commerce homepage you can choose among the various available options of layouts, search technique, navigation models and page components. In order to customize the e-commerce application a following step-wise process has to be taken selecting a particular component in each step.
A complete scenario is present at the end
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
WF-BLOCK
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
1) Header
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
2) Search – Option1
Spray Spray
I’m searching for:
GoGo
Top Searches-
Browse CategoriesBrowse Categories
Category1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis
autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum
soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii
legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem
consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
Category2
Category3
Category4
Category5
Category6
Category7
Category8
Category9
Category10
Category11
See all categories …
English
Showing 6 search Results in Perfumes and Cosmetics
All Categories (230)
Perfumes and Cosmetics (6)
Category 2 (100)
Category 3 (60)
Category 5 (20)
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250
Add to wish list
View details | Compare
‘Spray’
Found in these Categories
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7
Search Go
Top products (5)
Featured products (1)
Lowest Prices (2)
New products (3)
Advanced Search
Add to CartAdd to wish listAdd to CartAdd to wish listAdd to Cart
Products Related to
‘Spray’
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
SprayPerfumes and Cosmetics
Refine your search and sort by-
Available at store- Payment method- Shipping & CourierProducts with Deals-
20$-2000$Price Range- Glass bottleWith features- Refine search results
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
PromoSpecial Offers!
Show 50 results<< Pagination >>
2) Search – Option2
‘Spray’ Found in these Categories. Select categories to view products.
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7
Search Go
Top products (5)
Featured products (1)
Lowest Prices (2)
New products (3)
Advanced Search
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
SprayPerfumes and Cosmetics
PromoSpecial Offers!
All Categories (230)
Perfumes and Cosmetics (6)√√
Category 2 (100)
Category 3 (60)
Category 4 (100)
Category 5 (60)
Category 6 (100)
Category 7 (60)√√√√
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Showing 6 results in Perfumes and cosmetics
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Category 8 (100)
Category 9 (60)
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250 Rating: View details | Compare
Add to wish listAdd to Cart
Showing 14 results in Category 2 Showing 1 results in category 3
2) Search – Option3
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
3) Navigation model
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
160 Px 280 Px 280 Px
280 Px
160 Px
340 Px
340 Px 280 Px160 Px
100 Px
160 Px 280 Px 280 Px 280 Px
420 Px 420 Px
240 Px 240 Px 240 Px 280 Px
140 Px
40 Px
140 Px
140 Px
140 Px
290 Px
140 Px
150 Px
PrimaryNavigation
Contextual Navigation
PrimaryNavigation
Product Categories
PrimaryNavigation
Product Categories
Product Categories
Rating Boards
3) Layout (Grid structure) – Option 1-4
3) Layout (Grid structure) – Option 5-8
3) Layout (Grid structure) – Option 9-12
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
5) Footer
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
Sample Scenario of an e-commerce site
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced Search
Search in Go Advanced Search
Sub Category 1
Sub Category 2
Sub Category 3
Sub Category 4
More >
Top Brands
Top Categories
Top Products
Brand 1
Brand 2
Brand 3
Brand 4
More >
Main Promotion Articles Reviews News
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis ipsum ac lectus sodales dictum.
• Cras at mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
More >1 2 3 4
Featured Products
New in Store
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Promotion 1
Promotion 2
Promotion 3
Promotion 4
Promotion 5
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced Search
Category Promotion Articles Reviews News
• Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis ipsum ac lectus sodales dictum.
More >1 2 3 4
Featured Products in this category
New in this category
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Promotion 1
Promotion 2
Promotion 3
Promotion 4
Promotion 5
Category
Sub Category 1
Sub Category 2
Sub Category 3
Sub Category 4
Sub Category 5
Sub Category 6
Top Brands
Top Products
Brand 1
Brand 2
Brand 3
Brand 4
More >
Featured Sub categories
Lorem ipsum dolor sit amet,
Lorem ipsum dolor sit amet,
Category
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced Search
Category > Sub Category
Category
Sub Category 1
Sub Category 2
Sub Category 3
All products
Brands
Brand A
Brand B
Brand C
More >
Feature ‘X’
Range 1
Range 2
Range 3
Sub Category 4
Sub Category 5
Sub Category 6
Sub Category 3
Buying Tips
How to choose…
Expert speak…
In this category
Top products
Featured products
Lowest Prices
New products
Related Articles
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250
Rating:
Add to cart Checkout
View details | Compare
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250
Rating:
Add to cart Checkout
View details | Compare
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250
Add to cart Checkout
View details | Compare
Add selected to cart Compare Selected
Narrow down the list:
Select brand Price Range Parameter 1
With feature 1 With feature 2Refresh
Promotion
Promotion
New trends in…
Display by A-Z
Displaying 1-9 of 123 products Page 1 2 3 4 5 6 Next >
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced Search
Category > Sub Category > Product Details
Category
Product Name- short description
Product photo
Product photo 2
Product photo 3
Product photo 4
Description Specifications Reviews Buying Tips
Shipping OR Store pickup?
Return Policy
Add to cart Checkout
Compare with similar products | Shipping charges Rate it | Add Review
In this category
Similar products
Top products
Featured products
Lowest Prices
New products
Suggested Accessories
Include in the order
Accessory 1
Picture
Description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price:
Quantity:
More Details>
Similar Products
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis ipsum ac lectus sodales dictum. Cras at mi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec sed neque ornare est fermentum dapibus. Aenean fermentum blandit nunc. Phasellus pretium, turpis sodales venenatis blandit, mauris tellus auctor erat, ut gravida nisi turpis vitae arcu.
Price: $ 250 Rating:
Sub Category 1
Sub Category 2
Sub Category 3
All products
Brands
Brand A
Brand B
Brand C
More >
Feature ‘X’
Range 1
Range 2
Range 3
Sub Category 4
Sub Category 5
Sub Category 6
< Back to List
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced Search
Category > Sub Category > Product Details > Message
You have successfully added ‘product A’ to shopping cart
You can,
> Go back to the list page and continue shopping
> Login to you account to save the cart
> Proceed to Checkout
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced SearchShopping Cart
Shopping Cart
Checkout >
Product Quantity Original/Discounted Price Total
1 Product A $ 300 $ 300 300
2 Product B $ 40 $ 35 $ 70
Product Total
Discount
Revised Total
$ 380
$ 10
$ 370
Update
Update
Login to your account to save the shopping cart
Continue shopping
Review the shopping cart before checking out. You can also save the shopping cart to your account by logging in
Delete
Delete
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced SearchCheck out
Check out
Next >
1. Shopping Cart 2.Shipping Address 3.Billing
Product Quantity Original/Discounted Price Total
1 Product A $ 300 $ 300 300
2 Product B $ 40 $ 35 $ 70
Product Total
Discount
Revised Total
$ 380
$ 10
$ 370
Update
Update
4.Confirmation
Login to your account to save the shopping cart make the checkout process easy
Review the shopping cart before checking out. You can also save the shopping cart to your account by logging in
Delete
Delete
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced SearchCheck out
Check out
Next >
1. Shopping Cart 2.Shipping Address 3.Billing 4.Confirmation
Login to your account to make the checkout process easy < Back
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced SearchMy Account
Shopping Cart
Checkout >
1.Update Shopping Cart 2.Shipping Address 3.Billing
Product Quantity Original/Discounted Price Total
1 Product A $ 300 $ 300 300
2 Product B $ 40 $ 35 $ 70
Product Total
Discount
Revised Total
$ 380
$ 10
$ 370
Update
Update
4.Confirmation
Review the shopping cart before checking out.
Delete
Delete
Welcome ABC My Account | Track My Order | My Shopping Cart | Sign-out
Express Checkout >
Shopping cart
My Alerts
Track my Order
My profile
Billing Details
Shipping Details
Shopping History
Loyalty points
Subscriptions
Suggested items
?
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced SearchMy Account
Welcome ABC My Account | Track My Order | My Shopping Cart | Sign-out
Shopping cart
My Alerts
Track my Order
My profile
Billing Details
Shipping Details
Shopping History
Loyalty points
Subscriptions
Suggested items
My Profile
Save
Address
Fields with (*) are required.
*First Name MI *Last Name
Gender Male Female
*Address Line 1
Address Line 2
*City *State *Zip
Phone
Birthday
Your Contact Preferences
Mail Phone
Cancel
LogoBranding Image
Category 1 | Category 2 | Category 3 | Category 4 | Category 5 | Category 6 | Category 7 |
Home | Store locator | Customer Care/ Contact Us | Sitemap | Help
Sign in/My Account | Track Order | Shopping Cart
Copyright Browser Requirement
About Us | Privacy Statement | Security Info | Feedback
Search in Go Advanced Search
Search > Search Results
Categories
All Categories (230)
Category 1 (50)
Category 2 (100)
Category 3 (60)
Category 5 (20)
Search results for ‘phone’
Search Tips
Top products (5)
Featured products (1)
Lowest Prices (2)
New products (3)
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250
Rating:
Add to cart Checkout
View details | Compare
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250
Rating:
Add to cart Checkout
View details | Compare
Product Name:
Short description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Price: $ 250
Add to cart Checkout
View details | Compare
Add selected to cart Compare Selected
Narrow down the Results:
Category Select brand Price Range
With feature 1 With feature 2Refresh
Promotion
Promotion
Display by A-Z
Displaying 1-9 of 230 Results Page 1 2 3 4 5 6 Next >
phone
Search results in Categories