Cart Drawer
For Plain Jane, and Plain Jane Interactive
What You’ll Learn
How to enable and style the slide-out cart drawer
How to use the optional FOMO timer for urgency
Overview
The Cart Drawer is a slide-out panel that appears when a customer adds a product to their cart. It improves shopping flow by letting users check their cart without leaving the current page.
💡 This is different from the traditional cart page. You can use either, but not both at the same time.
How to Enable
Go to Theme Settings > Cart Drawer
Toggle Enable Cart Drawer to
on
Customization Options
Colors & Width
Background Color: Color of the drawer panel
Text Color: General text inside the drawer
Button Color: Add to cart / checkout button color
Button Text Color: Text on the button
Drawer Width: Set the width in pixels (default is
300px)
FOMO Timer
Use this to create urgency inside the cart drawer.
Show FOMO Timer: Toggle to enable
FOMO Timer Background Color: Customize alert style
FOMO Timer Text Color: Customize text color
FOMO Timer Text: Custom text (e.g., “Your cart will expire soon!”)
FOMO Timer Duration: Set countdown time in hours
Price Display
Show Price with Currency: Toggle to display prices with the currency symbol (e.g.,
$10.00 USD)
💡 You can use the FOMO timer to encourage faster checkout, especially during product drops or sales.
When to Use It
Use the cart drawer if:
You want to keep users on the same page while shopping
You're running limited-time promotions and want to increase urgency
You prefer a modern, app-style UX
Need Help?
💬 Join our community on Discord: https://discord.gg/hcc2GvgZc6
📧 Email us at: support@openspaces.design
💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website
Last updated