Directory / plugin

Order List Table Elementor Widget for WooCommerce

v3.2.0 Β· by WP Methods

Display WooCommerce orders and products in modern, customizable Elementor tables with mobile layouts, product filters and Load More.

About this plugin

Settings and WooCommerce My Account

Open Order List Table in the WordPress admin menu to manage the plugin. Each Elementor widget has its own toggle and is enabled by default. Disabled widgets stop rendering, including previously saved instances. Re-enable them to restore their saved tables.

Enable the optional My Account order tables integration to replace WooCommerce?s Orders tab, display before or after Dashboard content, or select any combination of the three placements. Customers see only their own orders, including statuses, totals, purchased products, and WooCommerce?s View, Pay and Cancel actions when available. Signed Load More requests preserve customer ownership.

Choose Modern or Compact layout, visible columns, status filters, batch size, mobile cards, expandable products, text, colors and site-date or relative-time formatting. Leave every status unchecked to include all registered statuses. Account appearance settings apply to My Account; Elementor widgets retain their own design controls.

My Account works with WooCommerce alone. Install Elementor only if you want to use the Elementor widgets. Account integration is disabled by default. Exclude private account pages from server/CDN full-page caching.

πŸš€ Beautiful Order & Product Tables β€” Built Inside Elementor

Build attractive order activity and product catalog tables directly in Elementor. Display your store’s orders and products with flexible columns, responsive layouts and customizable styling.

Choose Order List Table (Modern), Order List Compact Table or Product List Table from the Order List Table widget category.

✨ Features

🧩 Three Dedicated Widgets
Choose Modern Order Table, Compact Order Table or Product List Table to suit your page.

️ Drag-and-Drop Columns
Reorder fields, edit column headings and show or hide individual columns.

πŸ“± Responsive Layouts
Display mobile cards, enable optional sticky headers and adjust row spacing.

πŸ›οΈ Detailed Product Catalogs
Show product images, titles, prices, linked category thumbnails, sales counts and stock, with optional SKU and rating columns.

πŸ”Ž Flexible Product Filters
Select multiple categories, search for specific products or display Featured, Best Selling, Recent and Best Reviewed collections.

βž• Load More on Every Table
Append the next batch without replacing existing rows. Customize the button’s text, visibility and appearance.

πŸ›’ Smart Buy Now Links
Available simple products open checkout. Variable products open their product page so customers can select variations.

πŸ“‚ Expandable Order Details
Show the first product and let visitors reveal additional products with their matching actions.

🎨 Elementor Design Controls
Customize typography, title and price colors, borders, spacing, images and badge/button corners.

✨ Animated Details
Add optional entrance and hover effects, a rotating processing icon and an animated sales fire icon. Reduced-motion preferences are respected.

🏷️ Customizable Stock-Out Badges
Edit badge text, colors and responsive corner radius. By default, the badge follows the Buy Now button radius.

πŸ”’ Privacy & Compatibility
Includes masked public customer details, customer/manager order views, HPOS support and native-lazy thumbnails compatible with Click Shop.

⚑ Simple Setup

1. Choose Your Widget
Add an order or product table to your page in Elementor.

2. Configure Your Content
Set order or product filters, arrange the columns and choose the fields to display.

3. Style Your Table
Customize the appearance directly in Elementor. Modern Design appears first in the Style tab; Load More Button appears last.

4. Control Each Batch
Set the items per page. For example, 10 displays the first 10 matching rows. Load More appears only when additional results exist and hides after the final batch.

🎨 Fine-Tune Your Product Display

  • Product Price Color: Applies to ordinary prices, variable price ranges and current sale prices.
  • Del Color: Controls crossed-out old prices.
  • Product & Category Titles: Include separate hover/focus color controls.
  • Product Title Length: Adjust the word limit to keep your table layout tidy.

πŸ” Order Visibility & Privacy

🌍 Public Order Tables
Customer names and phone numbers are masked. Enabled product, status, date and order-total fields remain public in public activity tables.

πŸ‘€ Customer-Only Views
Customers must sign in to access their order view.

πŸ›‘οΈ Manager-Only Views
Access requires WooCommerce management permission.

βš™οΈ Cache Configuration
Exclude pages containing private order views from server/CDN full-page caching.

πŸ”— Product Visibility
Only published, publicly viewable products are linked. Catalog tables respect WooCommerce catalog and stock visibility.

πŸ’™ Made by WP Methods

🌐 Developed by WP Methods.

β˜• Support continued development: Buy Me a Coffee.

Plugin tags