Cart styles

Story's high functionality cart designs include features like a free shipping progress bar to encourage shoppers to add more items to the cart, an upsell promotion, available stock messaging, clean and easy-to-use quantity options, and removing items from the cart. 
Explore the different styles and features included with Story:
Drawer style
Modern slide-out design, activates when item is aded to the cart
Popup style
Center of screen popup design, activates when item is added to cart
Drawer and Popup carts
Supported:
Free shipping message with dynamic value and progress bar
Upsell promotions
Dynamic values for quantity changes and item removal
Estimate shipping calculator
Cart notes, message to seller
Activated when each item is added to the cart (slideout or popup)
Not suitable for:
 When using third-party cart-related apps that conflict with functionality
Displaying quick checkout buttons like Apple Pay, Amazon Pay, PayPal (these buttons by default appear in the next screen, the main checkout)
Page style
The page style cart is ideal for a full-screen cart and is not automatically activated when items are added to the cart. This can be useful for customers who are adding multiple items to the cart without the distraction of the cart appearing each time.
Full page cart with dynamic functionality
Page style cart
Supported:
Free shipping message with dynamic value (located above subtotal)
Dynamic values for quantity changes and item removal
Estimate shipping calculator
Cart notes, message to seller
Can display quick checkout buttons like Apple Pay, Amazon Pay, PayPal (removes from the next Checkout screen)
Not supported:
Upsell promotions
Cart is manually activated by clicking the cart icon. Does not automatically activate each time an item is added to the cart. A checkmark is used to inform the customer that an item has been successfully added to the cart. 
App compatible page
This option is designed to be used with other third-party apps that take control of the cart or have special code used in the cart and cannot use dynamic features of the Story cart. Use this cart style for the most compatibility with apps or custom coding done by developers. 
Most compatible with third-party apps and custom coding
App compatible cart
Supported:
Cart notes, message to seller
The best option for stores that use cart-related apps or custom code
Not supported
Free shipping message with dynamic value and progress bar
Upsell promotions
Estimate shipping calculator
Uses an Update cart link to refresh quantity and removal of items in the cart
Cart is manually activated by clicking the cart icon. Does not automatically activate each time an item is added to the cart. A checkmark is used to inform the customer that an item has been successfully added to the cart. 

POPUPS - Previous

Newsletter popup

Next - Cart

Shipping message

Last modified 4mo ago

Copy link

Outline