1. Page Title

Tops

2. Breadcrumbs

3. Color Swatches

4. Buttons

5.Typography

Headings typography

Header Level 1

Header Level 2

Header Level 3

Header Level 4

Typography links

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

  1. Coffee
  2. Tea
  3. Milk
  • Coffee
  • Tea
  • Milk
  1. Coffee
  2. Tea
  3. 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.
Tooltip
Content Tooltip
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

Sender

Other Form

Type 1

Sender
Invitee
Maximum 5 email addresses.

Type 2

Text Label

Type 3


Type 4


Type 5

Sidebar Form

7.Actions Toolbar

Other Actions Toolbar

Actions Toolbar - Miss secondary,primary box

Actions Toolbar - Public

Back to Shopping Cart

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

Items 1 to 12 of 24 total

Show per page

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

Other Table - PDP,Payment...

Type 1

More Information
Size XL
Size XL

Type 2

Payment Name
Label Payment Value
Label Payment Value

Type 3

Type 4

Total
Subtotal $543.00
Discount -$71.80
Shipping (undefined - undefined) $0.00
Order Total $471.20
Order Summary
Cart Subtotal $543.00
Discount 12312323 -$71.80
Shipping United Parcel Service - 2nd Day Air $26.94
Order Total $498.14

Type 5

Select Method Price Method Title Carrier Title
$0.00 Ground United Parcel Service
$0.00 Ground United Parcel Service
Message Error

Cart Page

Shopping Cart Items
Item Price Qty Subtotal
Juno Jacket
Color
Purple
Size
M
$77.00
$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
$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.
Notice Message - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Info Message - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
You have no items to compare.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Eos V-Neck Hoodie has been added to your Wish List. Click here to continue shopping.

11.Layout

One column page layout

Header
Main column
Footer

Three columns page layout

Header
Main column
Footer

Two columns page layout with sidebar on the left

Header
Main column
Footer

Two columns page layout with sidebar on the right

Header
Main column
Footer

12.Product Format

Ratings Product

Ratings - Base

Rating:
75%

Ratings - Grid Product

Rating:
75%
Rating:
75%

Ratings - PDP - Product Main Info

Rating:
75% of 100
Rating:
75% of 100

Ratings - PDP - Review Forms

Your Rating
  1. One of my favorites b/c no chafing!
    Rating
    75%
    One of my favorites b/c no chafing!

    Review by

    Posted on

  2. bra stays comfy and dry
    Rating
    75%
    I play field hockey and it gets crazy hot outside - bra stays comfy and pretty dry. Recommended!

    Review by

    Posted on

  3. Not exactly true to size
    Rating
    60%
    Not exactly true to size but still very comfortable.

    Review by

    Posted on

  4. Snug fit without being too tight
    Rating
    75%
    Snug fit without being too tight and no irritation or chafing.

    Review by

    Posted on

Ratings - Product Reviews

Be the first to review this product

My Account - Product Reviews

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

Swatches Product

Swatches - Grid Product

XS
S
M
L
XL

Swatches - Filters Options

Swatches - PDP

Color
Size
XS
S
M
L
XL

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

  1. Logan  HeatTec® Tee
    Logan HeatTec® Tee
    See Details
    Options Details
    Color
    Blue
    Size
    XL
    $24.00
  1. Logan  HeatTec® Tee
    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 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
Color
Green
Size
28
Gift 1
Color
Green
Size
28

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

Product Actions

Catalog,Reports,Catalog-Widget,Wishlist

In stock
Out of stock
In stock
Out of stock
In stock
Out of stock
In stock
Out of stock
In stock
Out of stock
  • Wish List
  • New Collections
  • New Collections Text
  • Create New Wish List
Compare
In stock
Out of stock
  • Wish List
  • New Collections
  • New Collections Text
  • Create New Wish List
Compare

Compare

In stock
Out of stock

Wishlist

Add to Cart
In stock
Out of stock
In stock
Out of stock

Product Reports,Catalog

In stock
Out of stock

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
  1. $52.00
  2. From $25.00
  3. Special Price $10.00 was $92.00
  4. From $61.00

    To $77.00

  5. $24.00
  6. $56.99 To see product price, add this item to your cart. You can always remove it later.
$99.99

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

Product Grid - CDP

View as Grid List
per page
Set Descending Direction

50 items

  1. XS
    XL
    Product name
    Special Price $10.00 was $92.00
    Rating:
    60%
  2. Product name

    From $61.00

    To $77.00

    Rating:
    60%
  3. XS
    XL
    Product name

    From $61.00

    To $77.00

    Rating:
    60%
  4. Product name
    $24.00
    Rating:
    60%
    • Wish List
    • New Collections
    • New Collections Text
    • Create New Wish List
    Compare
Back to top
View as Grid List
per page
Set Descending Direction

50 items

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

14.Banner Static

15.Block Form

Email Notification Settings

16.Collapse Block

Apply Discount Code
Gift Cards
Estimate Shipping and Tax
Estimate Shipping and Tax

Enter your destination to get a shipping estimate.

United Parcel Service
Free Shipping

17.Accordion Block

  • 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

18.Dropdown Block

Style Guide