Pro add-on · Store

Size Chart for WordPress

Shows a per-category size guide in a modal, triggered from the product page.

$199/yr or $549 once — all 35 add-ons Same admin as the free core Enable or disable without losing data
What it does

Size Chart, in practice.

Charts are stored as a JSON array in the add-on settings; each has a name, an HTML table and an optional list of category ids. On a product page the ambikly_product_detail_body action renders a Size guide button when a chart matches the product's category, one of its parent categories (walked up to ten levels), or a chart with no categories acting as the store-wide default. Clicking it fetches GET /ambikly-pro/v1/size-chart?product_id=N, a public route returning the chart name and HTML filtered through a strict allow list of table and basic text tags, and opens a dialog that closes on Escape or backdrop click. The [ambikly_size_chart] shortcode renders the same table inline.

CapabilitiesStore
  • Multiple charts, each assigned to category ids
  • Chart with no categories acts as the default
  • Parent-category inheritance up to ten levels
  • Size guide button rendered on matching product pages
  • Modal fetched once per product and cached client-side
  • Inline rendering with the [ambikly_size_chart] shortcode
  • HTML filtered to table and basic text tags only
  • Public endpoint returns charts for published products only
Where it shows up

Storefront, admin and settings.

On the storefront

  • Size guide button on product pages
  • Size chart dialog with title and close button
  • [ambikly_size_chart product_id="N"] inline table

In the admin

  • Charts and trigger label edited in the add-on settings panel

Settings you control

  • Label on the trigger button (default Size guide)
  • Charts as JSON: name, category ids and table HTML
For developers

Routes and hooks.

Built on the same Addon SDK as every other Pro add-on — extend it instead of replacing it.

REST routes

  • GET /ambikly-pro/v1/size-chart

Core hooks it listens to

  • ambikly_product_detail_body
  • wp_enqueue_scripts
  • rest_api_init

Works with

When it earns its place

Three stores that want Size Chart.

1

Clothing stores with brand-specific fits

An apparel store sells several brands whose sizing differs. It creates one chart per brand category, assigns each by category id, and keeps a generic default. Shoppers on any product page see the chart that matches its brand without the store editing individual products.

2

Footwear with international conversions

A shoe store publishes a UK, EU and US conversion table as a single default chart. Every product page gets the Size guide button, and shoppers unsure of their size open the dialog, check the row and pick a variation without leaving the page.

3

Kids' ranges under a parent category

A store files products under Kids, then Boys, then Outerwear. A single chart assigned to Kids covers every nested subcategory because matching walks up the parent chain, so new subcategories added later inherit the guide automatically.

Setup

From toggle to live in a few minutes.

  1. Enable it

    Ambikly → Add-ons → Size Chart → toggle on. Pro must be active; nothing else to install.

  2. Set it up

    Open its settings panel and set: label on the trigger button (default Size guide); charts as JSON: name, category ids and table HTML.

  3. Find it in use

    The storefront surfaces, admin screens and settings it adds are listed under “Where it shows up” above; nothing needs placing by hand unless a shortcode is named there.

  4. Turn it off without losing anything

    Disable the add-on from the same screen. Its settings and data stay in place, and a lapsed license pauses it the same way — the store keeps running.

Where it fits

Part of the physical products story.

Inventory, variations, shipping zones, tax rates, coupons, refunds and seven payment methods ship in the free core. Conditional shipping rules, shipment tracking, swatches and bundles arrive with Pro — in the same admin.

  • Inventory and low-stock alerts in Free
  • Shipping zones and tax rates in Free
  • No transaction fees
FAQ

About Size Chart.

Do I need a size chart for every category?

No. A chart with an empty category list is the default and applies wherever no specific chart matches. A chart assigned to a parent category such as Clothing also covers products filed under child categories like Men's Shirts, because matching walks up the hierarchy.

Is merchant-authored HTML safe to show shoppers?

The chart HTML passes through wp_kses with an allow list limited to table, thead, tbody, tfoot, tr, th, td, p, strong, em, br, ul, ol, li, small and span, so scripts and event handlers are stripped before the modal or shortcode outputs it.

Why doesn't the Size guide button appear on some products?

The button only renders when a chart matches the product's category chain or a default chart exists, and only for published products. Check that the product has a category assigned and that the chart's category ids match the ids in your categories list.

Can I show the size table inline instead of in a modal?

Yes. Place [ambikly_size_chart product_id="123"] in page content and the matching chart's sanitized table renders directly in the page, using the same category matching as the button. Without a product_id attribute the shortcode outputs nothing.

Get Size Chart with every other add-on.

Pro is $199 a year or $549 once, for all 35 add-ons. Enable this one from the same admin the day you need it.