ILM Size Chart & Size Guide for WooCommerce
| 开发者 | ilmtech |
|---|---|
| 更新时间 | 2026年11月10日 23:21 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Live shop demo: open a product and click the size chart button.
- Admin demo: build a chart yourself (login demo / Ilm-Demo-2026, filled in for you).
- Step-by-step video guides and documentation.
- Get the Pro add-on for Find my size and the AI chart builder.
- Drag-and-drop builder: rows and columns (up to 6 per row), resize by dragging, undo and redo. No code.
- Rich charts: tables, text, images, YouTube or Vimeo videos and tabs in one chart, for example a size table plus a "how to measure" picture.
- CM / IN switch: type your sizes once; shoppers switch units and the numbers are converted for them.
- Paste from Excel or Google Sheets: copy a table and paste it into the chart.
- Popup or on the page: a size guide button that opens a popup, or the chart shown directly on the product page with a heading.
- Place it anywhere: use a CSS selector to put the chart before, after or inside any part of the product page.
- Popup designer with live preview: button text, icon, colours, border and hover look; popup size, position, background and animation; close button.
- 8 ready-made themes: Default, Classic Mono, Paper & Ink, Slate Minimal, Sage Garden, Ocean Breeze, Indigo Denim and Rose Boutique restyle the table, button and popup in one click.
- Display rules: show a chart on chosen products, categories (child categories included), tags, brands or attributes, or on all products. Apply Constrain shows it only where every rule matches.
- Priority: when several charts match a product, the one with the highest priority wins.
- Any theme: works with classic and block (full-site editing) themes, plus the shortcodes [ilm_size_chart] and [ilm_size_chart product="123"].
- Fast: files load only on pages that show a chart.
- Export and import a design to reuse it on another chart or shop.
- Clothing and fashion stores: shirts, dresses, jeans and jackets with chest, waist and length.
- Shoe stores: EU, UK and US sizes with foot length.
- Kids wear: age and height based sizes.
- Lingerie and swimwear: band and cup sizes.
- Rings, hats, gloves and belts: any product where size matters.
- Go to Size Charts > Add Size Chart.
- Build the chart in the designer, or start from a theme.
- Choose where it shows: a popup button or on the page.
- Pick the products, categories, tags, brands or attributes, and save.
- Find my size: shoppers type their measurements, or only height and weight, and get their size with a short reason.
- Create with AI: a complete size chart in three steps, from a product type or a photo, plus an AI design assistant.
- Five more themes with ready-made blocks.
- Custom CSS and support.
安装:
- Upload the plugin files to the /wp-content/plugins/ilm-size-chart-for-woocommerce directory, or install the plugin through the Plugins screen in WordPress.
- Activate the plugin.
- Make sure WooCommerce is installed and active.
- Go to Size Charts in the admin menu and create a chart.
- Choose where the chart shows and save.
屏幕截图:
常见问题:
Where are the charts?
Under "Size Charts" in the admin menu.
Can I show a chart on only some products?
Yes. You can show a chart on selected products, or on the products of the categories (child categories included), tags, brands or attributes you choose. When several charts match one product, the one with the highest priority wins.
Does it work with my theme?
It works with classic themes and block (full-site editing) themes.
How do I add a chart with a shortcode?
Use [ilm_size_chart] or [ilm_size_chart product="123"], where 123 is the product ID.
Why does my chart use a different font in the shop than in the editor?
The editor loads the Google fonts you pick (Roboto, Poppins, Lato and others) from Google Fonts so the preview shows them. The plugin does not load these fonts on the shop pages. In the shop, the chart shows the font only if your theme (or another plugin) already loads it; otherwise the visitor's browser uses the fallback font named in the setting (for example sans-serif). To get the same look, choose a font your theme uses, or a system font.
Does it slow my shop?
Assets load only on pages that show a chart.
Can I add custom CSS to a chart?
No. Give a component an ID or a class in its Advanced tab and style it from your theme, or from Appearance > Customize > Additional CSS.
Is data sent anywhere?
The plugin itself sends no data to ILM Tech and has no tracking. Google Fonts load in the chart editor when you use a Google font, and YouTube or Vimeo videos load on the shop pages only when you add it to a chart. See "External services".
更新日志:
- New name: ILM Size Chart & Size Guide for WooCommerce.
- Size chart list: a short request for a review after a week of use, and a note about the separate Pro add-on. Both can be closed for good and appear on this plugin's page only.
- First public release: drag-and-drop size chart builder and popup designer, the same as the ILM Size Chart module for PrestaShop.