My account

Popular searches

Drupal Commerce

Size Guide & Fit Finder

Drupal Commerce module that gives each product type a Size guide field: a measurement table per product, brand or category term, a cm/inch switch and a fit finder that chooses the matching value in the Commerce attribute widget, all worked out in the visitor’s browser.

The size guide of a product: a real table in a dialog, in centimetres or inches, with drawings of how to measure.The fit finder compares the shopper’s measurements with the chart in the browser and selects the size in the Commerce attribute widget.A size chart in the store admin: one line per size, typed or pasted from a spreadsheet, or started from a template.+2
  • The size guide of a product: a real table in a dialog, in centimetres or inches, with drawings of how to measure.
    1 / 5 The size guide of a product: a real table in a dialog, in centimetres or inches, with drawings of how to measure.
  • The fit finder compares the shopper’s measurements with the chart in the browser and selects the size in the Commerce attribute widget.
    2 / 5 The fit finder compares the shopper’s measurements with the chart in the browser and selects the size in the Commerce attribute widget.
  • A size chart in the store admin: one line per size, typed or pasted from a spreadsheet, or started from a template.
    3 / 5 A size chart in the store admin: one line per size, typed or pasted from a spreadsheet, or started from a template.
  • Products and categories are picked with Drupal’s autocomplete; a product’s own charts win over its category’s.
    4 / 5 Products and categories are picked with Drupal’s autocomplete; a product’s own charts win over its category’s.
  • Settings: the product attribute that holds the size, the unit shown first, the fit finder and what uninstalling keeps.
    5 / 5 Settings: the product attribute that holds the size, the unit shown first, the fit finder and what uninstalling keeps.

Features

  • Extra field “Size guide” on every product type, turned on in the default display at install and movable in Manage display; it opens a native modal dialog, keyboard friendly, with a captioned table
  • Charts edited under Commerce › Configuration › Products › Size charts behind the “Administer size charts” permission, with a name and a note per enabled language
  • Assignment through Drupal’s entity autocomplete: products, and taxonomy terms of the vocabularies your product types reference (brand fields are recognised by their machine name); product beats brand, brand beats terms, terms beat their parents
  • One click sets purchased_entity[0][attributes][attribute_size] in the add-to-cart form and Commerce’s own AJAX swaps the variation and its price; values without a published variation, or with field_stock at 0, are refused with a message
  • Grid typed in one text area or pasted from a spreadsheet, with templates for tops, bottoms and shoes (EU sizes with UK and US men/women equivalents and foot lengths) and errors per size and column
  • Fit finder with a closer / regular / looser choice that answers “between M and L” or “outside this chart” honestly
  • Render cache tags on the charts, the settings, the product, its variations and its terms: the internal page cache and Dynamic Page Cache serve one HTML, and measurements never reach Drupal
  • How-to-measure drawings of our own, or an image uploaded as a managed file; English, Spanish and French .po files

Fashion and footwear stores built on Drupal Commerce have no size chart out of the box, so merchants paste an image into the body field and shoppers still guess between two sizes, buy both or send one back. This module turns a chart into structured data you edit once, shows it next to the attribute selector and answers the real question, “which size is mine?”, by picking the right variation.

How it fits into Drupal Commerce

Versions
Drupal 11.3, Commerce 3.x (Product, Cart) and PHP 8.3, tested with Olivero and Claro.
Store admin
Commerce › Configuration › Products › Size charts (list, add, edit, delete with confirmation) and a Settings tab, both behind the Administer size charts permission.
Product displays
An extra field added by hook_entity_extra_field_info, rendered only when the display has it, cached with its own tag so saving a chart refreshes every product page.
Attributes and variations
The size is a Commerce product attribute (detected as Size, Talla or Taille, or chosen). The button changes the attribute widget of the add-to-cart form, and Commerce rebuilds the form with that variation as if the shopper had chosen it.
Taxonomy
Categories and brands are the taxonomy reference fields of your product types; parent terms count too.
Data
Two tables of its own, no personal data. Uninstall removes them, unless you keep them for a later install.

Installation

  1. Step 1

    Download the zip from My account › Downloads on ecom-addons.com and unzip it into modules/custom/.

  2. Step 2

    Enable it in Extend or with drush en ecom_addons_size_guide and grant Administer size charts.

  3. Step 3

    Add a chart (a template fills the grid), pick its products or categories, and check the size attribute in the Settings tab.

Download the step-by-step guide (PDF)

FAQ

Does it track stock?

Commerce does not. If your variations have an integer field_stock, sizes at 0 are not selected; otherwise every published variation counts as available.

Will the page cache show one shopper’s size to another?

No. The HTML is identical for everybody and the measurements are handled in the browser; they are only kept there, and only if the shopper asks.

Can I use my own drawing?

Yes: upload an image in the chart form and it replaces ours.

My store has no Size attribute yet. Create one in Commerce › Product attributes and use it in your variation type; until then the guide and the fit finder show, without the selection button.

Version history

  1. Loading…

Reviews

Loading…

See all
  • Drupal Commerce
  • Marketing

Abandoned Cart Recovery

Drupal Commerce module for draft orders that never reach checkout completion: it emails the customer up to three times from cron, with a signed link that refills the cart and an optional coupon from a Commerce promotion.

  • Works on Commerce draft orders (carts) and stops on the order place transition, for customers and guests who passed the contact step
  • Coupons belong to a Commerce Promotion named “Abandoned cart recovery: N%”, one per percentage, not combinable
  • Runs from Drupal cron, with a Send due reminders now button for the impatient

€59.00 + VAT

  • Drupal Commerce
  • Marketing

Back in Stock & Price Drop Alerts

Drupal Commerce has no stock tracking of its own, let alone a way for customers to wait for a sold-out variation. This module reads the stock field you choose and lets visitors ask for one email when a product is available again or cheaper.

  • A “Stock & price alerts” component for Manage display, enabled on the default display of every product type at install
  • Works with any number field on your variations (field_stock by default); without one, only price-drop alerts are offered
  • Checked whenever a product or variation is saved, and swept by Drupal cron for every active alert

€49.00 + VAT

  • Drupal Commerce
  • Marketing

Chat & Order for WhatsApp

Drupal Commerce module that turns WhatsApp into a sales channel: chat buttons with opening hours, product questions and shares, carts placed as orders in a new workflow state awaiting confirmation, and staff message templates on the admin order page.

  • Floating chat button printed through hook_page_bottom, with one to three contacts in a keyboard-friendly panel and a first message per installed language
  • Opening hours per weekday in the default store’s time zone, evaluated in the browser so the page cache stays valid; outside them the button says when you reply, or hides
  • “Ask on WhatsApp” and “Share on WhatsApp” as an extra field of every product type, placed in Manage display; the question carries the product title, SKU and address

€49.00 + VAT

  • Drupal Commerce
  • Marketing

Estimated Delivery Date & Time Slots

Drupal Commerce module that shows an estimated delivery date from your own dispatch calendar, adds a Delivery checkout pane where customers book a day and time slot with limited seats, and keeps the promise on the order for receipts, accounts and a daily delivery sheet.

  • Estimated delivery date as an extra field of every product type, placed in Manage display; the same cached HTML for all visitors, with the countdown and the date worked out in the browser in the default store’s time zone
  • Business-day calendar: cut-off time per weekday, preparation days for the store and per category or product picked by autocomplete, delivery weekdays and closed dates, with a range when the fastest and slowest delivery differ
  • National holidays of fifteen countries computed for every year, Easter-based days and substitute days included, preselected from the default store’s address and untickable one by one

€49.00 + VAT