EgyDevInfo Size Chart for WooCommerce
| 开发者 | egydevinfo |
|---|---|
| 更新时间 | 2026年9月30日 23:37 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
A wrong size costs a store twice: the return shipping, and the sale. That is even more true for cash-on-delivery stores, where a shopper who is unsure about the size can simply refuse the parcel at the door.
EgyDevInfo Size Chart for WooCommerce is built to help shoppers pick the right size before they order:
- "Find my size". Shoppers type the measurements they know (chest, waist, height, weight, foot length...) and get a size. When measurements point to different sizes, it suggests the larger one and explains why. It runs entirely in the browser: nothing is sent or stored.
- Right next to the Size option. On variable products the "Size chart" link sits beside the Size dropdown, where the shopper is actually choosing. Attributes named Size, Sizes, مقاس / المقاس, Taille, Größe, Talla and similar are detected automatically.
- Real tables, not just pictures. Size tables are readable on phones, work with screen readers and translation plugins, and switch between cm and inches (and kg and lb) with one tap. The shopper's choice is remembered.
- "How to measure" tab with simple diagrams and your own step-by-step instructions.
- Arabic and RTL ready, including templates for regional garments.
- Starter templates with EU / Egypt, UK and US size columns: women's tops and dresses, men's shirts, trousers and jeans, kids by age, and shoes by foot length. Plus abaya/galabeya by height and martial arts uniforms by height and weight. Template values are typical ranges: adjust them to your own garments.
- Paste from Excel or Google Sheets: copy your existing size table and paste it in. Column types are detected for you.
- Create a chart once, use it everywhere: assign charts to product categories (subcategories inherit them), override or hide the chart on single products, and set an optional global chart for everything else.
- Images are supported too, on their own or above a table.
- Next to the Size option on variable products (default), falling back to before the Add to cart button on other products.
- After the price, before or after the Add to cart button, or after the product meta.
- Anywhere with the Size Chart block (including block theme product templates) or the shortcode:
[egydevinfo_size_chart] shows the current product's chart button.
[egydevinfo_size_chart chart_id="12" display="inline"] shows a chart directly on a page, for example a Size Guide page.
[egydevinfo_size_chart product_id="34"] shows a specific product's chart.
Lightweight
- The storefront script is plain JavaScript with no jQuery and no libraries, and nothing loads from external servers.
- The popup uses the browser's native
<dialog>element, so it sits above sticky headers and page builder sections without z-index workarounds. - Assets load only where a chart appears.
- Keyboard accessible: tabs work with arrow keys, Esc closes the popup, and focus returns to the button.
安装:
- Install and activate WooCommerce.
- Install and activate this plugin.
- Go to WooCommerce > Size Charts > Add size chart. Start from a template or paste your table.
- In the Where to show this chart box, tick the categories that should use it (subcategories inherit it) or "Use as the global chart", then publish. You can also choose a category's chart in Products > Categories.
- Optional: set a global chart, the button label, position and colors in WooCommerce > Size Chart Settings.
- Optional: on any product, use the Size chart box to choose a different chart or hide it.
常见问题:
Can I show UK, US or my own size numbers?
Yes. Add a column of type "Text" for each size system (for example UK, US, EU / Egypt, or your factory's numbering). Text columns are shown as typed and are not converted by the cm/inch switch. The first column is the size name shoppers choose and that "Find my size" recommends.
How does "Find my size" choose a size?
For each measurement the shopper enters, it finds the smallest size whose range covers that measurement. It then suggests the largest of those sizes, so the garment fits every measurement given, and it shows which size each measurement points to. If a measurement is bigger than the chart's largest size, it says so and suggests contacting the store. For this to work, list sizes from smallest to largest and set body measurement columns to the "Length" or "Weight" type. Values can be single numbers (26) or ranges (88-92).
Which chart does a product show?
- The product's own setting in its Size chart box: its own chart, or hide.
- The product's categories, most specific first ("Clothing > Shirts" wins over "Clothing"). Categories at the same depth are checked alphabetically, then parent categories.
- The global chart.
The link does not appear next to my Size dropdown
The link is added when the variable product has a variation attribute whose name or label contains "size" (or a translation such as مقاس or Taille). If your attribute has another name, developers can use the egydevinfo_size_chart_is_size_attribute filter, or you can pick another button position in the settings.
Some variation swatch plugins replace the dropdown completely. If the link disappears with such a plugin, choose "Before the Add to cart button" as the position.
Does it work with block themes and page builders?
Yes. Add the Size Chart block to your Single Product template in the Site Editor, or use the [egydevinfo_size_chart] shortcode in any page builder.
Can shop managers use it?
Yes. Size charts use product permissions, and the settings page uses the manage_woocommerce capability.
I used the earlier "GH Size Chart (Global)" plugin
Your global image, button label, colors and position are imported automatically as a size chart. After checking the result you can delete the old plugin.
更新日志:
1.3.3
- New: "Support" and "Rate this plugin" links on the Plugins screen.
- New: a one-time, dismissible review request on the plugin's own screens, shown 14 days after your first published chart. "Maybe later" hides it for 30 days.
- Security hardening: generated inline CSS and admin output are escaped at the point of output.
- Removed a stray development file from the package.
- New: assign a chart to the global slot and to categories directly from the chart editor ("Where to show this chart"). A new chart is pre-selected as the global chart when the store has none yet.
- Improved: when a product is set to "Automatic" but no chart applies, its Size chart box lists the categories that were checked and how to fix it.
- Improved: fewer database queries in the admin (no meta queries for category usage or upgrade lookups).
- New: size tables with a cm/inch (and kg/lb) switch that is remembered per shopper.
- New: "Find my size" helper.
- New: "How to measure" tab with diagrams and your own steps.
- New: reusable size charts (WooCommerce > Size Charts) with starter templates and paste from Excel or Google Sheets.
- New: "Size chart" link next to the Size option on variable products (new default position).
- New: Size Chart block, and
chart_idanddisplay="inline"shortcode options. - Changed: category and product charts now point to a size chart instead of an image. Existing images are converted to charts automatically.
- Per-category charts, per-product override or hide, button position setting and shortcode.
- Native
<dialog>popup without jQuery. - Fixed: shop managers could not save settings.
- Private release as "GH Size Chart (Global)".