style-guide

1. Page Title

Page Title - Shopping Cart

2. Breadcrumbs

Home
Category 1
Category 2
Current page
You are here

Breadcrumb
Breadcrumb
Breadcrumb
Active Breadcrumb

3. Color Swatches

#5989AC@color-blue-gray
#599ACA@color-blue-gray-light
#17212B@color-dark
#F6F6F6@color-gray-light
#E7E7E7@color-gray
#D1D1D1@color-gray-dark
#4D5762@color-gray-dark-border
#CBAA78@color-gold
#C70026@color-red
#4a4a4a@color-gray-bg
#055475@color-green-dark

4. Buttons

Class Button Extend
Link styled as a button Link has class .abutton

5.Typography

Headings typography

H1 Headline Goes Here

H2 Headline Goes Here

H3 Headline Goes Here

H4 Headline Goes Here

H5 Headline Goes Here

H6 Headline Goes Here

Call Out Style 01

Call Out Style 02

Call Out Style 03

Call Out Style 04

Typography links

Default Link Sign up Forgot your password?
Link type 1 Account Submenu Link Cart &:extend(.forix-abs-link1 all)
Link type 2 Menu top Share &:extend(.forix-abs-link2 all)
Span styled as a link

Base typography

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec _eu libero sit amet quam egestas semper. Aenean ultricies mi vitae ^est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

Paragraph Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Small Text. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Typography lists

Coffee
Tea
Milk

Coffee
Tea
Milk

Coffee
Tea
Milk
- Coffee
- Tea
- Milk

Coffee
Tea
Milk
- Coffee
- Tea
- Milk

Coffee: Black hot drink
Milk: White cold drink

Typography other tag

The WHO was founded in 1948.

A piece of computer code Keyboard input

                Text in a pre element
                is displayed in a fixed-width
                font, and it preserves
                both      spaces and
                line breaks
                A piece of computer code

Typography blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa.
Ut a est eget ligula molestie gravida. Curabitur massa Author quotes
Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
The Scream by Edward Munch. Painted in 1893.

6.Form

Form Public - 1 Column

Credit Card

Jot us a note and we’ll get back to you as quickly as possible.

Cardholder Name

Wedding Date

Address

Default Form Field

Street Address

What’s on your mind?

Please Explain The Issue That You Are Experiencing With Your Product.

Credit Card Type

Multiple select

Expiration Date

Expiration Month

CVV

What is this?

Make Default

Subscribe for Balance Updates

1 star

Gift Registry Type

For better search results, first choose a gift registry type. By default, we search all registry types.

Default Shipping Address

Form - 2 Column (only Apply For My Account Form)

Other Form Groups

Other Form

Type 1

Type 2

Type 3

Type 4

Type 5

Search

Sidebar Form

Form

7.Actions Toolbar

Other Actions Toolbar

Actions Toolbar - Miss secondary,primary box

Actions Toolbar - Public

8.Socials

Socials Links

Socials AddThis

9.Table

CMS Table - Basic Table

No Scroll

Table caption
Column heading	Column heading	Column heading	Column heading	Column heading	Column heading	Column heading
Table cell content	Table cell content	Table cell content	www.google.com	Table cell content	Table cell content	Table cell content
Table cell content	Table cell content	Table cell content	www.google.com	Table cell content	Table cell content	Table cell content
Table cell content	Table cell content	Table cell content	www.google.com	Table cell content	Table cell content	Table cell content

have Scroll

Table caption
Column heading	Column heading	Column heading	Column heading	Column heading	Column heading	Column heading
Row heading	Table cell content	Table cell content	www.google.com	Table cell content	Table cell content	Table cell content
Row heading	Table cell content	Table cell content	www.google.com	Table cell content	Table cell content	Table cell content
Row heading	Table cell content	Table cell content	www.google.com	Table cell content	Table cell content	Table cell content

Public Table (Account Table)

Recent Orders
Order #	Date	Ship To	Order Total	Status	Action
000000006	4/19/16	Tester Tester	$226.28	Closed	View Reorder
000000006	4/19/16	Tester Tester	$226.28	Closed	View Reorder
000000006	4/19/16	Tester Tester	$226.28	Closed	View Reorder

Table Public Product item - My Account,Gift registry

Items Refunded
Product Name	SKU	Price	Qty	Subtotal	Discount Amount	Row Total
Product name Color Purple Size M Downloads Episode 1 Episode 2	WJ11-XS-Black	$69.00	1	$69.00	-$13.80	$55.20
Product name Color Purple Size M Downloads Episode 1 Episode 2	WJ11-XS-Black	$69.00	1	$69.00	-$13.80	$55.20
Subtotal						$221.00
Shipping & Handling						$102.45
Discount						-$44.20
Gift Card						-$20.99
Store Credit						-$31.98
Estimated Total						$226.28
Refunded to Store Credit						$0.00

Gift Registry Items
Product Name	Requested	Fulfilled	Remaining	Unit Price	Qty
Product name Color Purple Size M Downloads Episode 1 Episode 2 Message ...	1	1	2	-$71.80	Fulfilled
Product name Color Purple Size M Downloads Episode 1 Episode 2 Message ...	1	1	2	-$71.80	Fulfilled

Cart Page

Shopping Cart Items
Item	Price	Qty	Subtotal
Juno Jacket Color Purple Size M	$77.00	Qty	$77.00
Gift options Pick a paper of your choice (optional) Gift Name $555 Move to Wishlist Edit Remove
Juno Jacket Color Purple Size M Downloads Episode 1 Episode 2	$77.00	Qty	$77.00
Gift options Pick a paper of your choice (optional) Gift Name $555 Move to Wishlist Edit Remove

10.Message

You added Diva Gym Tee to your shopping cart.

Error Message - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Warning Message - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

11.Layout

One column page layout

Main column

Three columns page layout

Main column

Left column

Two columns page layout with sidebar on the left

Main column

Left column

Two columns page layout with sidebar on the right

Main column

Left column

12.Product Format

Ratings Product

Ratings - Base

Rating:

75%

4 Reviews

Ratings - Grid Product

Rating:

75%

4 Reviews

Rating:

75%

4 Reviews

Be the first to review this product

Ratings - PDP - Product Main Info

Rating:

75% of 100

4 Reviews Add Your Review

Rating:

75% of 100

4 Reviews Add Your Review

Be the first to review this product

Ratings - PDP - Review Forms

One of my favorites b/c no chafing!
Rating
80%
One of my favorites b/c no chafing!
Review by Bernetta
Posted on 7/5/16
bra stays comfy and dry
Rating
80%
I play field hockey and it gets crazy hot outside - bra stays comfy and pretty dry. Recommended!
Review by Mei
Posted on 7/5/16
Not exactly true to size
Rating
60%
Not exactly true to size but still very comfortable.
Review by Mistie
Posted on 7/5/16
Snug fit without being too tight
Rating
80%
Snug fit without being too tight and no irritation or chafing.
Review by Ming
Posted on 7/5/16

Ratings - Product Reviews

Be the first to review this product

My Account - Product Reviews

My Recent Reviews View All

Chaz Kangeroo Hoodie
Rating:
80%
Chaz Kangeroo Hoodie
Rating:
80%
Chaz Kangeroo Hoodie
Rating:
80%
Chaz Kangeroo Hoodie
Rating:
80%
Chaz Kangeroo Hoodie
Rating:
80%

Product Reviews
Created	Product Name	Rating	Review
7/15/16	Chaz Kangeroo Hoodie	Rating: 80%	Ideal for cold-weather training or work outdoor...	See Details
7/15/16	Chaz Kangeroo Hoodie	Rating: 80%	Ideal for cold-weather training or work outdoor...	See Details

Rating

80%

Swatches Product

Swatches - Grid Product

Swatches - Filters Options

XXL

Swatches - PDP

Color

Size

Product Label

Grid Products

Sale
Top Sellers
New
New

PDP

Sale
Top Sellers
New
New

Product Image

Product Name

Sidebar Block

Mini Cart - Order Review

Logan HeatTec® Tee
See Details
Options Details
Color
Blue
Size
XL
$24.00
Qty
Edit
Remove

Sprite Yoga Companion Kit
Qty 2
$122.00
See Details
Options Details
Color
Blue
Size
XL

Table

Chaz Kangeroo Hoodie Color Black Size XS
Sprite Yoga Companion Kit Sprite Stasis Ball 1 x Sprite Stasis Ball 55 cm $23.00 Sprite Foam Yoga Brick 1 x Sprite Foam Yoga Brick $5.00 Sprite Yoga Strap 1 x Sprite Yoga Strap 6 foot $14.00 Sprite Foam Roller 1 x Sprite Foam Roller $19.00

Product Attribute

Base

SKU

WB01

Grid Product

SKU

WB01

PDP

SKU

WB01

Product Options

Base

Color: Purple
Size: M
Downloads: Episode 1
Episode 2

View Details

Options Details

Color: Green
Size: 28

Gift Registry

Gift 1

Mini Cart

See Details

Options Details

Color: Green
Size: 2829
Size: 1 x Sprite Foam Yoga Brick $5.00
Downloads: Episode 1
Episode 2

Checkout - Summary Items

View Details

Options Details

Color: Green
Size: 2829
Size: 1 x Sprite Foam Yoga Brick $5.00
Downloads: Episode 1
Episode 2

Advanced Checkout

Sku: SKu0099

Sales

Color Purple Size M Downloads Episode 1 Episode 2 Gift 1 Color Green Size 28

Cart Page

Color Purple Size M Downloads Episode 1 Episode 2

Checkout Order Review

Color Purple Size M Downloads Episode 1 Episode 2

Product Actions

Catalog,Reports,Catalog-Widget,Wishlist

In stock

Out of stock

In stock

Out of stock

Wish List Compare

Wish List
New Collections
New Collections Text
Create New Wish List

Compare

Wish List
New Collections
New Collections Text
Create New Wish List

Compare

Wish List

Wishlist

Add to Cart

In stock

Out of stock

Remove This Item

In stock

Out of stock

Product Reports,Catalog

Wish List
New Collections
New Collections Text
Create New Wish List

Compare

Prices

$208.40
$14.00
$14.00 $14.00 $14.00 $14.00 $14.00 $14.00
$14.00 $14.00 $14.00 $14.00 $14.00 $14.00
$14.00 $14.00

Sprite Yoga Strap 6 foot $99.99

$52.00
From $25.00
Special Price $10.00 was $92.00
From $61.00
To $77.00
$24.00
$56.99 To see product price, add this item to your cart. You can always remove it later.

$99.99

Amount in USD

Minimum: $25.00

$24.00

Starting at $14.00

Special Price $10.00 was $92.00

From $61.00

To $77.00

In stock

SKU

240-LV09

Downloads

Episode 1 $9.00

Episode 2 $9.00

Episode 3 $9.00

Select all

$0.00

Gift wrapping' + ': Text... $99.99 $99.99 $99.99

Text... $99.99 $99.99 $99.99

From $61.00

To $77.00

In stock

SKU

24-WG080

Click for price Buy 1 for 3 each and save 25 Buy 2 for 5 each

Sprite Stasis Ball

Sprite Stasis Ball 55 cm + $23.00

Sprite Stasis Ball 65 cm + $23.00

Sprite Stasis Ball 75 cm + $23.00

Quantity

Product Grid - CDP

XS
XL
Sku WS05 Product name
Special Price $10.00 was $92.00
Rating:
60%
3 Reviews
Wish List Compare
Sku WS05 Product name
From $61.00
To $77.00
Rating:
60%
3 Reviews
Wish List Compare
XS
XL
Sku WS05 Product name
From $61.00
To $77.00
Rating:
60%
3 Reviews
Out of stock
Wish List Compare
Sku WS05 Product name
$24.00
Rating:
60%
3 Reviews
Wish List

New Collections

New Collections Text

Create New Wish List
Compare
Sku WS05 Product name
$24.00
Rating:
60%
3 Reviews
Wish List Compare

13.Sidebar Block format(Apply Block Left right column)

14.Banner Static

15.Block Form

Balance History

fdsfdsfds

Balance History

fdsfdsfds

Recent Orders View All

Recent Orders
Order #	Date	Ship To	Order Total	Status	Action
000000011	6/12/16		$18.00	Pending	View Reorder
000000010	6/12/16	Tester Tester	$245.88	Pending	View Reorder
000000009	6/12/16	Tester Tester	$216.40	Pending	View Reorder
000000007	5/14/16	Tester Tester	$412.00	Pending	View Reorder
000000006	4/19/16	Tester Tester	$226.28	Closed	View Reorder

Account Information

Contact Information

Tester Tester
[email protected]

Edit Change Password

Address Book Manage Addresses

Default Billing Address

Tester Tester
rewrew erer
rewrew erer
Portland, Oregon, 97201
United States
T: 2434343243243

Edit Address

Default Shipping Address

Tester Tester
Sweet
Portland, Oregon, 97201
United States
T: 04242452452

Edit Address

Account Information

Contact Information

Tester Tester
[email protected]

Edit Change Password

Additional Address Entries

Tester Tester
stagewset
Portland, Oregon, 97201
United States
T: 2434343243243
Edit Address Delete Address
Tester Tester
asa
43fvfbdfb
ddsbs, Oregon, 54656
United States
T: 34656363
Edit Address Delete Address
Tester Tester
asa
43fvfbdfb
ddsbs, Oregon, 54656
United States
T: 34656363
Edit Address Delete Address
Tester Tester
asa
43fvfbdfb
ddsbs, Oregon, 54656
United States
T: 34656363
Edit Address Delete Address
Tester Tester
asa
43fvfbdfb
ddsbs, Oregon, 54656
United States
T: 34656363
Edit Address Delete Address

Order Information

Shipping Address

Tester Tester
Sweet
Portland, Oregon, 97201
United States
T: 04242452452

Shipping Method

United Parcel Service - Next Day Air Early AM

Billing Address

Tester Tester
Sweet
Portland, Oregon, 97201
United States
T: 04242452452

Payment Method

Check / Money order

Company Block

Company Information

Company Name: Hano

Company Legal Name: Sest

Company Email: [email protected]

VAT/TAX ID: 3479234234

Re-seller ID: 42434324

Legal Address

Street Address: Krih

City: Portland

Country: United States

State/Province: Oregon

ZIP/Postal Code: 97201

Phone Number: 32423432423

Company Administrator

Job Title: VP

Email Address: [email protected]

First Name: Hony

Last Name: Loris

Gender: Female

16.Collapse Block

Apply Discount Code

Gift Cards

Estimate Shipping and Tax

17.Accordion Block

Helpdot
- Returns
- FAQs
- Terms
- Policies
Companydot
Contactdot
My Company Glasgow D04 89GR
Tel: 800-2345-6789
Tel: 800-2345-6789
[email protected]
7 Days a week from 9:00 am to 7:00 pm 7 Days a week from 9:00 am to 7:00 pm

A frequently asked question goes here?
Content
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A frequently asked question goes here?
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
A frequently asked question goes here?
Content
Long Content

style-guide

1. Page Title

Page Title - Shopping Cart

2. Breadcrumbs

3. Color Swatches

4. Buttons

Class Button Extend

5.Typography

Headings typography

H1 Headline Goes Here

H2 Headline Goes Here

H3 Headline Goes Here

H4 Headline Goes Here

H5 Headline Goes Here

H6 Headline Goes Here

Call Out Style 01

Call Out Style 02

Call Out Style 03

Call Out Style 04

Typography links

Base typography

Typography lists

Typography other tag

Typography blockquote

6.Form

Form Public - 1 Column

Form - 2 Column (only Apply For My Account Form)

Other Form Groups

Other Form

Type 1

Type 2

Type 3

Type 4

Type 5

Stay Connected

Sidebar Form

7.Actions Toolbar

Other Actions Toolbar

Actions Toolbar - Miss secondary,primary box

Actions Toolbar - Public

8.Socials

Socials Links

Socials AddThis

9.Table

CMS Table - Basic Table

No Scroll

have Scroll

Public Table (Account Table)

Table Public Product item - My Account,Gift registry

Cart Page

10.Message

11.Layout

One column page layout

Three columns page layout

Two columns page layout with sidebar on the left

Two columns page layout with sidebar on the right

12.Product Format

Ratings Product

Ratings - Base

Ratings - Grid Product

Ratings - PDP - Product Main Info

Ratings - PDP - Review Forms

Ratings - Product Reviews

My Account - Product Reviews

Swatches Product

Swatches - Grid Product

Swatches - Filters Options

Swatches - PDP

Product Label

Grid Products

PDP

Product Image

Product Name

Sidebar Block

Mini Cart - Order Review

Table

Product Attribute

Base

Grid Product

PDP