PHPackages magebootcamp/sizechart - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. magebootcamp/sizechart ActiveLibrary[Utility & Helpers](/categories/utility) magebootcamp/sizechart ====================== A Magento 2 modules that add a size chart to your store 1.0.2(5y ago)2111proprietaryPHP Since Jul 25Pushed 5y ago2 watchersCompare [ Source](https://github.com/magebootcamp/SizeChart)[ Packagist](https://packagist.org/packages/magebootcamp/sizechart)[ RSS](/packages/magebootcamp-sizechart/feed)WikiDiscussions master Synced 5d ago READMEChangelog (3)DependenciesVersions (4)Used By (1) [![MageBootcamp Logo](https://camo.githubusercontent.com/4355de03d081078ff9aee8da17cdcc425f0528ae30ccafc6e82f3b17131237bf/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6d62635f6c6f676f5f6578706f727430312e706e67)](https://camo.githubusercontent.com/4355de03d081078ff9aee8da17cdcc425f0528ae30ccafc6e82f3b17131237bf/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6d62635f6c6f676f5f6578706f727430312e706e67) MageBootcamp Size Chart ======================= [](#magebootcamp-size-chart) MageBootcamp SizeChart is a module that allows you to add size chart to your product detail page and filter the products based on the product sizes. The sizes charts are data-driven, so if you add all the data to your products, the size chart will automatically be generated. This module is free to use and is part of the MageBootcamp course. We have added extra comments in the module to help you out learning Magento but also to use this module as reference. If you need any help with this module, please let us know. Kind regards, Daniel Donselaar [Mentor at MagebootCamp](https://magebootcamp.com) [Daniel@MageBootcamp.com](mailto:daniel@magebootcamp.com) Installation ------------ [](#installation) Setup a Magento 2 store with composer. Go to your Magento root directory and type in: ``` composer require 'magebootcamp/sizechart'; ``` After composer installation is complete: ``` php bin/magento module:enable MageBootcamp_SizeChart; php bin/magento setup:upgrade; ``` To uninstall the module: ``` php bin/magento module:uninstall MageBootcamp_SizeChart; ``` Features -------- [](#features) ### 1. Size Chart in the product detail page [](#1-size-chart-in-the-product-detail-page) Add a size chart to your product detail view and let the customer know which sizes you have. You can show the chest, waist, and hip size. By hovering over the list of sizes you can preselect the default sizes (S, M, L, and XL). [![Preselect swatches based on the Size Chart](https://camo.githubusercontent.com/5f091369c22d3586b4c8f385c53bdb82cc5e1b7abd26197e1c71c55030477db5/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6d616765626f6f7463616d702d73697a652d63686172742d73656c6563742d7377617463682d322e706e67)](https://camo.githubusercontent.com/5f091369c22d3586b4c8f385c53bdb82cc5e1b7abd26197e1c71c55030477db5/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6d616765626f6f7463616d702d73697a652d63686172742d73656c6563742d7377617463682d322e706e67) > Preselect swatches based on the Size Chart ### 2. Filter by sizes on the product overview page [](#2-filter-by-sizes-on-the-product-overview-page) Your customer can filter products based on their chest, waist, and hip size. You will see a custom sidebar widget that has multiple fields. Optionally, you can install the CustomerFitness module of MageBootcamp and filter the size based on the saved sizes in the customer account. [![Add filter to products](https://camo.githubusercontent.com/6133889105947762f1ec26e0bca5fb697f37a520e80ac20309ae54b3ece2b7e8/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f70726f647563742d6f766572766965772d706167652d73697a652d63686172742d66696c7465722e706e67)](https://camo.githubusercontent.com/6133889105947762f1ec26e0bca5fb697f37a520e80ac20309ae54b3ece2b7e8/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f70726f647563742d6f766572766965772d706167652d73697a652d63686172742d66696c7465722e706e67) > Add filter to products [![Size filters applied](https://camo.githubusercontent.com/f2b9df7be280945bc07c7e5e136000feffd360b50474d0d8276aa7cca3b2630b/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f70726f647563742d6f766572766965772d706167652d73697a652d63686172742d66696c7465722d656e61626c65642e706e67)](https://camo.githubusercontent.com/f2b9df7be280945bc07c7e5e136000feffd360b50474d0d8276aa7cca3b2630b/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f70726f647563742d6f766572766965772d706167652d73697a652d63686172742d66696c7465722d656e61626c65642e706e67) > Size filters applied ### 3. Data driven size chart: import sizes [](#3-data-driven-size-chart-import-sizes) The sizes (chest, waist, and hip size) are product attributes. There are multiple ways you can import your data: - Magento default importer to fill product attribute data (for example import from a PIM) - Add the data by hand through the Magento backend - Use the chart sizes import command and automatically assign sizes to products through a predefined size chart in the di.xml. You can add various types to your category. **Add sizes to your product in the backend** In the backend, you can add the 'from size' and 'to size'. The sizes only apply to simple products The customer applies a size in the frontend and the filter will look if a size exists between these values. For example, if a customer searches for chest size 86 and the configuration of the product is 81 - 92, then the filter response will be positive. [![Configure Product Sizes](https://camo.githubusercontent.com/797b0d2bf18bea043b94fa6887b20bd3f59169ef97a22a0590f7d9c13dfd221b/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f636f6e6669677572652d70726f647563742d73697a65732e706e67)](https://camo.githubusercontent.com/797b0d2bf18bea043b94fa6887b20bd3f59169ef97a22a0590f7d9c13dfd221b/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f636f6e6669677572652d70726f647563742d73697a65732e706e67) > Configure your product sizes **Size Chart selector in Category settings** Backend > Catalog > Category > \[select category\] > Size Guide > Size Chart [![Size Mapping Configuration](https://camo.githubusercontent.com/8a7eb8753fe26e52624c7411ae29e8236c1160eb44fcf5db7bcd7520de44b9ef/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6261636b656e642d63617465676f72792d656469742d6164642d73697a652d63686172742e706e67)](https://camo.githubusercontent.com/8a7eb8753fe26e52624c7411ae29e8236c1160eb44fcf5db7bcd7520de44b9ef/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6261636b656e642d63617465676f72792d656469742d6164642d73697a652d63686172742e706e67) > Add a size chart mapping in the category configuration in the backend **Update Sizes based on category settings** `php bin/magento magebootcamp:sizes:update` [![MageBootcamp Logo](https://camo.githubusercontent.com/1fb76c96631b1be5c7cd033909ad4b88f2484528fca3b14f7e9b710a5b88da22/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6d616765626f6f7463616d702d696d706f72742d73697a65732d312e706e67)](https://camo.githubusercontent.com/1fb76c96631b1be5c7cd033909ad4b88f2484528fca3b14f7e9b710a5b88da22/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f6d616765626f6f7463616d702d696d706f72742d73697a65732d312e706e67) > Load sizes based on a size chart mapping ### 4. Optional: Save sizes for a customer [](#4-optional-save-sizes-for-a-customer) Optionally, you can install the MageBootcamp CustomerFitness module. The module allows you to add a chest, waist, and hip size to the customer account. The customer can press the 'Use my size' button to apply the size filter with the customer sizes. [![MageBootcamp Logo](https://camo.githubusercontent.com/10eccac3542fd1325e1809b42dcf20a089d3ea947290412e50d491f70c848691/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f637573746f6d65722d6f766572766965772d706167652d637573746f6d65722d6669746e6573732d73697a652d63686172742e706e67)](https://camo.githubusercontent.com/10eccac3542fd1325e1809b42dcf20a089d3ea947290412e50d491f70c848691/68747470733a2f2f6d616765626f6f7463616d702e636f6d2f77702d636f6e74656e742f75706c6f6164732f323032302f30372f637573746f6d65722d6f766572766965772d706167652d637573746f6d65722d6669746e6573732d73697a652d63686172742e706e67) > 'Use my size' button that allows the customer to apply their account sizes. **[MageBootcamp CustomerFitness Module](https://github.com/magebootcamp/CustomerFitness)** Support ------- [](#support) Created by MageBootcamp: The Ultimate Online Magento Course. We are here to help you become a Magento PRO. Watch and learn at . For feature requests, feedback and support, please contact [Daniel@MageBootcamp.com](mailto:daniel@magebootcamp.com) ### Health Score 26 — LowBetter than 43% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity8 Limited adoption so far Community10 Small or concentrated contributor base Maturity57 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~2 days Total 3 Last Release 2116d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/769b1e4543f0518911555a6aa16bf297e5a2574a4684d4afbde7b3e2b650f11b?d=identicon)[magebootcamp](/maintainers/magebootcamp) --- Top Contributors [![ddonselaar](https://avatars.githubusercontent.com/u/6568301?v=4)](https://github.com/ddonselaar "ddonselaar (9 commits)") ### Embed Badge ![Health badge](/badges/magebootcamp-sizechart/health.svg) ``` [![Health](https://phpackages.com/badges/magebootcamp-sizechart/health.svg)](https://phpackages.com/packages/magebootcamp-sizechart) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)