This is a V3 Adaptive component, part of the free catalog: free to copy on the free plan, within a monthly allowance, and no account is needed to start. What you copy stays licensed to you permanently, on unlimited sites, including client sites. See what each plan includes.
Styled by YOUR site. This preview uses our demo colors and fonts. The component itself contains no hardcoded styles: paste it into Elementor and it automatically adopts your site's Global Styles, so every element matches your brand.
Structure
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.
7 elements, single-column layout. Fully responsive: columns stack on mobile, and colors and typography resolve from your Global Styles.
Works with: Elementor Pro + WooCommerce · Elementor 3.16 or newer (Flexbox Containers)
About This Component
Cart Drawer Off-Canvas Soft Gray 020, filed as off-canvas-cart-drawer-020, precisely arranges 7 elements with single-column spacing. Inside off-canvas-cart-drawer-020, the button and heading widgets take styling from Global Styles alone. off-canvas-cart-drawer-020 runs on an active WooCommerce store with Elementor Pro.
How to use
- 1.Download and import the template. Click Download JSON on the component page, then import via Templates, then Saved Templates, then Import Templates.
- 2.Place the panel and its trigger. Drag the imported template into your page or header from the library's Saved tab. The template contains two parts: the trigger button and the Off-Canvas widget holding the panel.
- 3.Wire the trigger. Select the trigger button, open its Link settings, click the dynamic tag icon, and choose Actions, then Off-Canvas, pointing at the panel's widget. Any other button or menu item can open the same panel the same way.
- 4.Edit the panel content. The panel is a normal container: swap links, connect the contact form's action, or leave the Woo Mini Cart to render your store's cart. Cart drawers require WooCommerce to be active.
Full guide with troubleshooting: How to Import Elementor Off-Canvas Panels
This component includes widgets from the Elementor Pro plugin (e.g., forms, sliders). You'll need an active Elementor Pro license on your WordPress site to use them. Learn about Elementor Pro →
Cart Drawer Off-Canvas Soft Gray 020
These components use Global Styles. They automatically inherit your site's colors, fonts, and button styles when you paste them. The V3 Adaptive catalog is the free half of the library.
Widgets used
Unlock Pro widgets with Elementor Pro
Get access to forms, sliders, testimonial carousels, and 20+ premium widgets
Get Elementor Pro →Launch Your Website: Get 20% Off Hostinger!
Ready to build your dream site? Get fast, reliable, and affordable web hosting with Hostinger. Use my exclusive link to score an extra 20% off your plan today!
Get 20% Off →Get premium cloud hosting, enterprise-grade security, and 24/7 support at your fingertips.
Ideal for agencies, freelancers, and businesses building professional WordPress sites.
Get Cloud hosting for WordPress →Related Off-Canvas Panels
Quick View Off-Canvas Soft Gray 020
Slide-in product quick-view panel with image, summary, price, and action.
Cart Drawer Off-Canvas Soft Gray 001
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.
Cart Drawer Off-Canvas Soft Gray 002
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.
Cart Drawer Off-Canvas Clean White 003
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.
Cart Drawer Off-Canvas Dark Slate 004
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.
Cart Drawer Off-Canvas Soft Gray 005
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.
Cart Drawer Off-Canvas Dark Slate 006
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.
Cart Drawer Off-Canvas Clean White 007
Slide-in cart with the Woo Mini Cart inside and a checkout action; requires WooCommerce.