Size Charts
A size chart is the measurements table a customer opens before choosing a size. It is the cheapest return-prevention tool in an apparel or footwear catalog, and this page is where you build them and attach them to products or categories.
Menu path: Inventories > Size Charts
Size charts are a marketplace add-on. Activate it from the Marketplace (paid add-on).
Screenshot from the live OSOSS Dashboard
What a chart holds
| Field | Purpose |
|---|---|
| Name | Bilingual name, shown to the customer as the chart's title |
| Type | Whether the chart attaches to products or to categories |
| Assignments | The specific products or categories it applies to |
| Content | The chart itself, built in the editor - normally a table |
| Styles and scripts | Custom CSS and JavaScript for the chart |
| Viewport | How the chart is presented on different screen sizes |
| Enabled | Whether it is shown |
Attaching by category is what makes size charts maintainable. One chart on your "Women's shoes" category serves every product in it, so a correction is made once rather than on two hundred products.
Build a size chart
- Decide the level: category for a whole range, product for an item that genuinely differs from its category.
- Build the content as a table with the measurements customers can actually take at home - chest, waist, length, foot length in centimetres. Convert the numbers yourself rather than expecting the customer to.
- Give both the Arabic and English names, since the chart title appears in whichever language the shopper is browsing.
- Check the Viewport presentation on a phone. Most size charts are opened on a phone, and a wide table that has to be pinched and dragged is not read.
- Assign it, enable it, and check it opens on a product page.
Tip: State how to measure, not just the numbers. "Measure around the fullest part of the chest, keeping the tape level" removes more wrong sizes than adding another column ever will.
Warning: Charts must match the goods you actually received. Manufacturers' sizing shifts between production runs, so check a sample against the chart when a new batch arrives rather than trusting the supplier's specification sheet.
Note: Wrong sizing is the largest single cause of apparel returns, and every return costs you delivery both ways plus the handling. A measured, phone-readable chart pays for itself in the first month.
Full reference
Every option and control on this page, at a glance.
Filters (5)
- Identity and numbering: Category ID, Product ID
- Status and flags: Is enabled, Type
- Other: Name
Form fields (8)
Assignments ID, Content, Is enabled, Name, Required error, Scripts, Styles, Type
Standard list tools
Every list page in OSOSS shares these controls:
- Manage columns - the icon at the right edge of the header row: search columns, tick to show or hide, drag to reorder. Your selection persists for your user.
- Quick search - matches the page's primary field.
- Filter chips + More Filters - the chips are your defaults; More Filters exposes the full set below.
- Save Filter / Saved Filters - name a filter combination and recall it in one click; one can be your default view.
- Reset - clears filters back to defaults.
- Export All - downloads the current filtered rows with exactly the columns you have selected.
- Focus - hides the surrounding chrome for a full-width table.
- Row selection - the header checkbox selects the page or all matching rows, enabling bulk actions.
- Rows per page and page jumper - at the foot of the table.
- Custom fields - anything you define under Settings > Custom Fields appears here as both a column and a filter.
Related pages
- Attributes - the size attribute the chart explains
- Products - where a chart appears
- Categories - the level to attach a chart at
What you can do on this page
Every action on this page, step by step. What you see depends on your role, so a control your account is not set up for simply does not appear.
Add a record
- Click Add above the table - some pages label it New or show a + icon.
- Complete the form. Required fields carry a red asterisk and the form will not submit until they are filled.
- Click Save. Validation runs on submit; any field that fails shows its message directly beneath itself, and the form scrolls to the first problem.
- You land back on the list with the new record in place.
Fields on this form: Assignments ID, Content, Is enabled, Name, Required error, Scripts, Styles, Type
Searchable dropdowns (customer, product, account, branch...) read live data - start typing to filter rather than scrolling. Most also let you create the missing record inline so you don't lose the form you are in.
Edit a record
- Open the row's actions menu at the end of the row and choose Edit, or open the record and use Edit there.
- The form loads with current values. Change only what you need.
- Click Save.
Documents that are already posted to accounting, paid, or fulfilled lock the fields that would change history. That is deliberate - issue a refund, a credit note, or an adjustment instead of rewriting the original.
Open and read a record
- Click the row, or choose View in the row's actions menu.
- The detail page shows the record's own fields, its related documents, and the actions that apply to it in its current state.
- Use the breadcrumb or your browser's back button to return - your filters, sort, and page position are preserved.
Export the list
- Filter and choose your columns first - the export mirrors exactly what is on screen, not the whole table.
- Click Export All.
- The file downloads as a spreadsheet: one row per record, your visible columns in your order.