๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Cart & Checkout

Shopping cart, checkout flows, and order summaries

125 components - V3 100 ยท V4 25

Version:

๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

V3 Adaptive

Cart and Checkout Design 1 17

cart + counter (items count) 3-column variant

headingtext-editor
V3 Adaptive

Cart and Checkout Design 2 17

cart + counter (items count) compact variant

headingtext-editor
V3 Adaptive

Cart and Checkout Design 3 17

cart + counter (items count) spacious variant with extra padding

headingtext-editor
V3 Adaptive

Cart and Checkout Design 4 17

cart + counter (items count) with social-icons row

headingtext-editor
V4 Simple

Split Cart Checkout with Cart Left and Summary Right

split: cart left + summary right

e-div-blocke-flexboxe-headinge-paragraph+2
V4 Elaborate

Split Cart Checkout with 3 Items

split 3-items no-related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Split 3-items Related Tight

split 3-items related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Split Cart Checkout with 5 Items

split 5-items no-related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Split 5-items Related Tight

split 5-items related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Cart Checkout with 3 Items

stacked 3-items no-related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Stacked 3-items Related Tight

stacked 3-items related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Cart Checkout with 5 Items

stacked 5-items no-related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Stacked 5-items Related Tight

stacked 5-items related tight

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Split Cart Checkout with 3 Items 2

split 3-items no-related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Split 3-items Related Normal

split 3-items related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Split Cart Checkout with 5 Items 2

split 5-items no-related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Split 5-items Related Normal

split 5-items related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Cart Checkout with 3 Items 2

stacked 3-items no-related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Stacked 3-items Related Normal

stacked 3-items related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Centered Cart Checkout with 5 Items 2

stacked 5-items no-related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Stacked 5-items Related Normal

stacked 5-items related normal

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Split Cart Checkout with 3 Items 3

split 3-items no-related relaxed

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Cart Checkout with Split 3-items Related Relaxed

split 3-items related relaxed

e-div-blocke-flexboxe-headinge-image+3
V4 Elaborate

Split Cart Checkout with 5 Items 3

split 5-items no-related relaxed

e-div-blocke-flexboxe-headinge-image+3