Tably – Smart Product Table for WooCommerce

Plugin Banner

Tably – Smart Product Table for WooCommerce

by WebTend

Download
Description

Tably – Smart Product Table for WooCommerce transforms your store into a fast, scannable product catalog — perfect for B2B buyers, wholesale customers, and anyone who wants to browse and order quickly.

No more clicking into individual product pages. Your customers can search, filter, sort, and add products to cart — all from a single table view.

🎥 See Tably in Action:

📖 View Documentation | 🌐 WebTend

⚡ Key Features

  • Interactive product table — Sortable columns, category filter, live search
  • Inline add to cart — Quantity input + AJAX add to cart, no page reload
  • Flexible shortcode — [tably] with powerful attributes
  • Multiple styles — Clean, striped, or bordered table designs
  • Gutenberg block — Add and customize tables visually with a live preview in the editor
  • Mobile stacked layout — Rows turn into easy-to-read cards on phones (or choose horizontal scroll)
  • Lightweight — Vanilla JS only, no jQuery required
  • AJAX-powered — Filter and search without page reloads
  • Theme compatible — Inherits your theme’s button and color styles
  • Accessibility friendly — ARIA labels, keyboard navigation, screen reader support
  • Translation ready — Full .pot file included
  • WooCommerce HPOS compatible — Supports High Performance Order Storage

Common Use Cases

  • B2B & Wholesale stores — Bulk ordering with quantity inputs
  • Electronics & hardware — Compare specifications in a scannable layout
  • Clothing & apparel — Browse all variants in a single view
  • Grocery & FMCG — Quick reorder without navigating individual product pages
  • Auto parts — Search and filter by part number or SKU

📋 Shortcode Usage

Basic — all products:
[tably]

Filter by category:
[tably category=”electronics” limit=”15″]

Custom columns:
[tably columns=”image,name,sku,price,stock,cart”]

Specific products:
[tably ids=”12,45,89″]

Sort by price:
[tably orderby=”price” order=”asc”]

Striped style, no toolbar:
[tably style=”striped” search=”no” filter=”no”]

🔧 Available Columns

  • image — Product thumbnail
  • name — Product name + short description
  • sku — Product SKU
  • price — Current price (with sale price)
  • stock — Stock status / quantity
  • cart — Quantity input + Add to Cart button

🎨 Template Override

Copy /templates/table.php or /templates/table-row.php to /your-theme/tably/ to fully customize the output.

  1. Upload the tably folder to /wp-content/plugins/
  2. Activate the plugin through Plugins in WordPress admin
  3. Go to Tably General in the WordPress sidebar to configure settings
  4. Add [tably] shortcode to any page or post
  1. Product table with search, filter, and sort toolbar

    Product table with search, filter, and sort toolbar

  2. AJAX add to cart with toast notification

    AJAX add to cart with toast notification

  3. Mobile responsive table layout

    Mobile responsive table layout

  4. Tably admin settings — Traceify-style dark sidebar

    Tably admin settings — Traceify-style dark sidebar

  5. Shortcodes reference tab with copy buttons

    Shortcodes reference tab with copy buttons

Does it work with variable products?

Variable products show a “Select options” link. Inline variation selection is available in Tably Pro.

Will it slow down my site?

No. Assets only load on pages where the shortcode is used. The JavaScript is vanilla (no jQuery dependency).

Can I use multiple tables on one page?

Yes! Each [tably] shortcode gets a unique ID and works independently.

Can I override the templates?

Yes. Copy /templates/table.php to /your-theme/tably/table.php and customize freely.

Is it compatible with WooCommerce HPOS?

Yes, fully compatible with WooCommerce High Performance Order Storage.

Does it work with page builders like Elementor or Divi?

Yes. The [tably] shortcode works in any page builder that supports shortcodes.

1.0.2

  • New: Gutenberg block “Tably Product Table” with live editor preview
  • New: Mobile stacked card layout (with Mobile layout setting and mobile shortcode attribute)
  • New: Optional, dismissible review prompt in the Tably admin
  • New: Pro Features tab and sidebar upgrade button
  • Fix: Undefined array key warning on the General settings page
  • Fix: Admin menu icons not displaying
  • Fix: Translation template (.pot) was empty

1.0.1

  • New: Bulk add to cart — select multiple products with checkboxes and add them all in one click
  • New: Variable product inline variation select — choose size, color, or any attribute directly in the table row without visiting the product page
  • Improvement: Compatibility tested with WooCommerce 9.4 and WordPress 7.1

1.0.0

  • Initial release
  • Shortcode [tably] with all core features
  • AJAX filtering, searching, sorting, and pagination
  • AJAX add to cart with toast notification
  • Clean / Striped / Bordered table styles
  • Mobile responsive layout
  • Accessibility-friendly markup (ARIA, keyboard navigation)
  • WooCommerce HPOS compatible
  • Template override support
  • Traceify-style dark sidebar admin UI
Back to top