Styled in Elementor, not CSS
Typography, colors, borders, shadows and spacing for every part of the card, drawer and cart sit in the Elementor panel. No custom CSS needed.
Ecom Studio v2.4.1 · WooCommerce design widgets for Elementor
Elementor WooCommerce product grid plugin with 15 card layouts.
Product grids with 15 card layouts, instant category and price filters, a slide-out cart, a Shopify-style cart page, quick view and wishlist. Eight Elementor widgets that work with your theme, not against it.
- 8 Elementor widgets
- 15 card layouts
- AJAX filters and cart
- Works with free Elementor
What is Ecom Studio?
Ecom Studio is a WooCommerce plugin for Elementor by Handicraft Marketing. It adds eight widgets, a product grid with 15 card layouts, category, price and sorting filters, an add-to-cart button, a mini cart with a slide-out drawer, a Shopify-style cart page and a single product layout, plus quick view and a wishlist. Filtering, add to cart and cart updates all happen instantly with AJAX.
- Elementor widgets
- 8
- Price from
- PKR 2,200
- Card layouts
- 15
- Card elements
- 26
Why site owners use it
What changes when you install Ecom Studio
Your shop looks like every other WooCommerce theme.
15 card layouts and 26 card elements you arrange per grid.
Every filter click reloads the whole page.
Category, price and sorting filters update the grid instantly.
Add to cart jumps to another page and loses the shopper.
Products drop into a slide-out cart and the count bumps, no reload.
The default cart page looks unfinished.
A Shopify-style cart with quantity steppers, coupons, shipping and totals.
Shoppers open ten tabs to compare products.
Quick view shows the product, gallery and variations in a modal.
Theme styles break your buttons and cart.
Cart and drawer styles are scoped so your theme cannot bleed in.
Feature tour
See Ecom Studio at work.
Real screens from version 2.4.1 on a test WordPress site. Choose a feature, and click any screenshot to enlarge it.
A product grid you design, not just configure
- 15 card layouts, from classic and retail to boutique, deal and sneaker styles
- 26 card elements: badges, hover image, swatches, stock bar, countdown and more
- Numbered pages, load more or infinite scroll
- Query by category, tag, brand, attribute, stock, date or hand-picked products
Filters that update the grid instantly
- Category buttons with product counts
- Preset price ranges or a min and max field
- Sorting by price, popularity, rating or date
- Each filter targets a specific grid, so several grids can share a page
Add to cart without leaving the page
- Products added with AJAX, no redirect
- Drawer slides from the left or right, fully styled in Elementor
- Count badge with an optional bump animation and a "9+" cap
- Optional sticky cart button on the side of the screen
A Shopify-style cart page
- Quantity steppers and remove buttons that update totals instantly
- Coupons, shipping, tax, fees and stock notices
- A designed empty-cart state with continue shopping
- Every part styled from the Elementor panel
Quick view and wishlist
- Product details, gallery and variations in a modal
- Add to cart straight from quick view
- Wishlist for guests and logged-in customers, merged when they sign in
- Both modules can be switched off if you do not need them
Designed for phones first
- Responsive columns per device: desktop, tablet and phone
- Hide any card element on a specific device
- Drawer and cart sized for touch
- Respects reduced-motion settings
Advantages
Why Ecom Studio is different
Fast where it matters
Filtering, sorting, paging and cart updates use one lightweight AJAX endpoint, and production loads minified CSS and JavaScript only.
Cache-friendly cart
Add to cart keeps working when pages are served from a cache, a common reason custom carts break on live stores.
Plays nicely with themes
The cart and drawer reset and scope their own styles, so a theme's button styles cannot leak in and break them.
Everything in Ecom Studio
- Product Grid widget with 15 layouts
- Category, price and sorting filters
- Add to Cart widget for single products
- Mini Cart with slide-out drawer
- Shopify-style Cart Page widget
- Single Product layout widget
- Quick view with variations
- Wishlist for guests and customers
- 26 card elements, per-device visibility
- Sale, discount, featured and custom badges
- Hover image, gallery and color swatches
- Stock progress bar and countdown timer
- Brand taxonomy support
- Numbered, load more or infinite scroll pagination
- Works behind page caches
- Theme-proof, scoped cart styles
Who it's for
Made for these sites
Clothing and lifestyle brands
A shop page that looks like your brand, not a template.
Elementor designers
Build full WooCommerce pages without writing PHP or CSS.
Agencies
One widget set for every store you build.
Stores moving from Shopify
The Shopify-style cart and drawer your customers expect.
More on how we work with E-Commerce & Retail Brands.
Compare
Ecom Studio compared with the usual options
| Capability | Ecom Studio | Theme shop page | Several add-on plugins |
|---|---|---|---|
| Card layouts to choose from | 15 | 1 | Varies |
| Filters without page reload | Yes | No | Yes |
| Slide-out cart drawer | Yes | Rarely | Yes |
| Shopify-style cart page | Yes | No | Sometimes |
| Quick view and wishlist | Yes | No | Yes |
| Styled in Elementor | Yes | No | Sometimes |
| Plugins to manage | 1 | 0 | 3 to 5 |
Straight answers
What Ecom Studio does not do
Knowing the limits up front saves you a support ticket later.
- It needs WooCommerce and Elementor (the free version is enough). It does not add Gutenberg blocks.
- Filters control Ecom Studio product grids, not your theme's default shop loop. Build the shop page with the Product Grid widget.
- It does not include product comparison, a checkout page builder or a payment gateway; WooCommerce handles checkout and payments.
Pricing in PKR
Ecom Studio pricing
Every plan includes the full plugin and updates. Pick monthly to start small, yearly to save, or pay once and keep it permanently.
Start small, cancel any time
Monthly
PKR 2,200per month
- The full plugin, every feature
- All updates while you are subscribed
- Setup help on WhatsApp
Save PKR 11,400 a year
Yearly
PKR 15,000per year
- Everything in Monthly
- All updates for the year
- Priority help on WhatsApp
Pay once, keep it permanently
Lifetime
PKR 35,000one-time
- Everything in Yearly
- Updates included for life
- Setup help on WhatsApp
Prices in Pakistani Rupees, per website. Running several sites or an agency? Ask for a multi-site price. Need changes to the plugin? Request them below.
Getting started
Live on your site in four steps.
- 1Choose a plan on WhatsAppTell us your website address and pick monthly, yearly or lifetime.
- 2Receive the pluginYou get the plugin .zip and short setup notes after payment.
- 3Install it like any pluginIn WordPress, go to Plugins, Add New, Upload Plugin, choose the .zip and activate.
- 4Set it up with helpStuck on a setting? Message us on WhatsApp and we walk you through it.
Requirements
- WordPress
- 6.0 or newer
- PHP
- 8.0 or newer
- WooCommerce
- 7.0 or newer
- Elementor
- 3.7 or newer (free version works)
Custom plugin development
Need a plugin built for your business?
We build custom WordPress and WooCommerce plugins, from a single calculator or checkout tweak to a complete system connected to your software. You talk directly to the developer, and you get a written scope and price before any work starts.
- New plugins, or changes to Ecom Studio
- WooCommerce features, Elementor widgets and Gutenberg blocks
- Connections to payment gateways, CRMs, ERPs and APIs
- Secure, escaped code you own, with a changelog
Bigger than a plugin? See custom software development.
Questions, answered
Ecom Studio questions, answered
Still unsure? Ask the developer directly on a free 30-minute call.
Book a free consultationWhat is Ecom Studio?
Ecom Studio is a WooCommerce plugin for Elementor by Handicraft Marketing. It adds eight widgets: a product grid, category, price and sorting filters, an add-to-cart button, a mini cart with a slide-out drawer, a cart page and a single product layout, plus quick view and a wishlist.
Does Ecom Studio need Elementor Pro?
No. It works with the free version of Elementor, version 3.7 or newer, together with WooCommerce 7.0 or newer.
Which widgets are included?
Product Grid, Category Filter, Price Filter, Sorting Filter, Add to Cart, Mini Cart, Cart Page and Single Product.
How many product card designs are there?
15 card layouts, including classic, retail, bazaar, installment, deal, boutique, reveal, feature, collection, catalog and sneaker styles. Each card is built from up to 26 elements that you can reorder, hide per device and style.
Do the filters reload the page?
No. Category, price and sorting filters update the product grid instantly with AJAX, and pagination can be numbered, load more or infinite scroll.
Does it work with my theme's shop page?
The filters control Ecom Studio product grids, not the theme's default shop loop. Build your shop page with the Product Grid widget and the filters work straight away.
Does it have a side cart?
Yes. The Mini Cart widget opens a slide-out cart drawer from the left or right. Products are added without a page reload, and the count badge can bump when it changes. An optional sticky cart button can sit on the side of the screen.
Can I design my own cart page?
Yes. The Cart Page widget gives you a Shopify-style cart with quantity steppers, coupons, shipping, tax, fees, stock notices and an empty-cart state, all styled from the Elementor panel.
Does it support variable products?
Yes. Variable products link to their product page from the grid, and quick view shows the variation options so shoppers can choose a size or color in the modal.
Is there a wishlist?
Yes. Guests and logged-in customers can save products, and a guest's wishlist is merged into their account when they sign in. You can switch the wishlist off if you do not need it.
Does it work with page caching?
Yes. Add to cart is built to keep working when pages are served from a cache, which is a common reason custom carts break on live stores.
Is it mobile friendly?
Yes. Columns are set per device, any card element can be hidden on desktop, tablet or phone, the drawer is sized for touch, and animations respect reduced-motion settings.
Can I show product brands?
Yes. Brand is one of the card elements and a query option, using WooCommerce's brand taxonomy or common brand plugins.
Does it support sale badges and countdowns?
Yes. Cards can show sale, discount, featured and custom badges, a stock progress bar, a countdown timer and shipping text.
Can I control which products appear in a grid?
Yes. Query by category, tag, brand, attribute, stock status, date range or hand-picked products, exclude products, and order by date, price, popularity or rating.
Does it include checkout or payment gateways?
No. Checkout and payments stay with WooCommerce and your payment gateway plugins, such as JazzCash or Easypaisa. Ecom Studio designs the shop, product and cart experience.
Will it slow down my store?
It is built to stay light: production loads minified CSS and JavaScript, filtering and cart updates use one small AJAX endpoint, and widget styles load only on pages that use those widgets.
How much does Ecom Studio cost?
Three plans in Pakistani Rupees: PKR 2,200 a month, PKR 15,000 a year, or PKR 35,000 once for lifetime use. Every plan includes the full plugin and updates. Prices are per website; ask on WhatsApp for a multi-site price.
Do I get updates?
Yes. Every plan includes updates: for as long as you are subscribed on the monthly or yearly plan, and for life on the lifetime plan.
What are the requirements?
WordPress 6.0 or newer, PHP 8.0 or newer, WooCommerce 7.0 or newer and Elementor 3.7 or newer. The free version of Elementor is enough.
Can I use Ecom Studio on more than one store?
Each plan covers one website. If you build stores for clients, message us on WhatsApp for a multi-site price.
Can you customize Ecom Studio for my store?
Yes. We add custom card elements, layouts, filters or WooCommerce features as a quoted job. Use the custom plugin request form on this page.
Your developer
Jamshaid Ali
Founder, Handicraft Marketing
Give your WooCommerce store a designed shop.
Pick a plan on WhatsApp, install Ecom Studio, and build your shop, cart and product pages in Elementor.
- Reply within 24 hours
- Free plan, no obligation
- Talk directly to the developer