saas framework
DESCRIPTION
TRANSCRIPT
![Page 1: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/1.jpg)
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
![Page 2: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/2.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 3: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/3.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 4: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/4.jpg)
WF-BLOCK
![Page 5: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/5.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 6: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/6.jpg)
1) Header
![Page 7: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/7.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 8: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/8.jpg)
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
![Page 9: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/9.jpg)
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
![Page 10: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/10.jpg)
‘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
![Page 11: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/11.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 12: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/12.jpg)
3) Navigation model
![Page 13: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/13.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 14: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/14.jpg)
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
![Page 15: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/15.jpg)
3) Layout (Grid structure) – Option 5-8
![Page 16: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/16.jpg)
3) Layout (Grid structure) – Option 9-12
![Page 17: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/17.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 18: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/18.jpg)
5) Footer
![Page 19: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/19.jpg)
Customization options: -
1) Basic Page Structure 2) Header3) Search Techniques4) Navigation model5) Layout (Grid structure)6) Footer7) Examples
![Page 20: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/20.jpg)
![Page 21: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/21.jpg)
Sample Scenario of an e-commerce site
![Page 22: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/22.jpg)
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
![Page 23: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/23.jpg)
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
![Page 24: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/24.jpg)
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 >
![Page 25: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/25.jpg)
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
![Page 26: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/26.jpg)
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
![Page 27: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/27.jpg)
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
![Page 28: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/28.jpg)
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
![Page 29: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/29.jpg)
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
![Page 30: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/30.jpg)
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
?
![Page 31: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/31.jpg)
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
![Page 32: Saas Framework](https://reader033.vdocuments.mx/reader033/viewer/2022061103/540a15808d7f72384c8b4686/html5/thumbnails/32.jpg)
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