This page is for an agent or merchandiser who assembles styles from several factories into one category page. This lesson mainly teaches the product flow: it shows that a category page holding many similar styles needs its own sort order and filters to help a customer narrow the choice, or the customer is left comparing everything at once with no help at all.
Meridian Sourcing sources several T-shirt styles from different factories for Northline Apparel, which sells them both wholesale to Fairway Stores and through its own hybrid online store. A customer browsing Northline Apparel's own T-shirt category page is not looking for one product page yet; they are comparing many styles to narrow down which one to open next. A category page with no sort order and no filters forces every customer to scroll through the same unsorted list, while a category page sorted by best-seller and filterable by size or colour lets a customer reach a decision faster, exactly the difference a well-organised rail makes in a physical shop.
You need: no previous lesson needed, though lessons T23-C01-L01 through T23-C01-L03 give useful background.
By the end of this lesson you can:
Not covered here: what e-commerce merchandising decides overall (lesson T23-C01-L01), writing a product page (lesson T23-C01-L02), homepage featured space (lesson T23-C01-L03), and a full store checklist (lesson T23-C01-L05).
| Term | Meaning |
|---|---|
| Category page | The page listing every style within one product group, such as all T-shirts, that a customer browses before opening any single product page. |
| Filter | A tool on a category page letting a customer narrow the styles shown by a chosen attribute, such as size, colour, or price. |
| Sort order | The sequence in which a category page arranges its styles, such as best-selling first, newest first, or price low to high. |
| Bounce rate | The share of customers who leave a category page without clicking through to any product page at all. |
| Cross-merchandising | Placing a complementary product beside a store's own hero product so a customer considers buying both together. |
A single product page answers questions about one style; a category page has a different job, helping a customer narrow many styles down to the few worth opening. The rule is that any category page holding more than a handful of styles needs a sort order, deciding which style a customer sees first, and filters, letting a customer remove styles that do not match what they want. Without both tools, a customer facing twenty unsorted T-shirt styles must scroll and compare unaided, exactly the outcome a well-organised category page exists to prevent. This holds whether the styles behind the page all came from one factory or, as is common, from several factories and agents assembled into a single customer-facing list.
| What can differ | The shapes you will meet | Why it matters |
|---|---|---|
| An agent assembling styles from several factories into one category | Meridian Sourcing brings T-shirt styles from several factories together under one category page for Northline Apparel, each factory's own style needing the identical sort and filter treatment once listed. | A customer browsing the category page does not see which factory made which style; the category page must feel consistent regardless of how many suppliers stand behind it. |
| A hybrid brand's category page serving both its wholesale line and its own online store | Northline Apparel's own online category page can carry styles also sold wholesale to Fairway Stores, with the same sort-and-filter treatment applying regardless of which channel first commissioned the style. | The category page's own organisation belongs to whoever runs that page, independent of which channel or factory originally sourced each style shown on it. |
| A category with few styles, where sorting matters less | A category holding only three or four styles needs filters far less urgently than one holding twenty, since a customer can compare a handful without help. | The rule scales with category size; a small category can rely on browsing alone, while a large one cannot. |
| A category page also used for cross-merchandising | A T-shirt category page can place a complementary accessory style beside the T-shirts themselves, encouraging a customer to consider both without leaving the category page. | Cross-merchandising works only once the base category is already organised; adding it to an unsorted page adds more, not less, for a customer to sort through unaided. |
Meridian Sourcing has helped Northline Apparel assemble eighteen T-shirt styles, sourced across several factories, into one online category page. The first version lists all eighteen in the order they were added, with no filters and no sort option. Northline Apparel rebuilds the page: a best-seller-first sort order, and filters for size, colour, and price. Both versions run for one week each on the identical traffic of 2,000 category page visits, and Northline Apparel measures how many customers leave without clicking through to any product page.
The 2,000 category page visits and the eighteen styles listed were identical in both periods, so nothing about traffic or product range explains the 27.0-percentage-point gap. The rebuild changed only the sort order and filters, letting a customer narrow the eighteen styles instead of comparing them all unaided.
The methodA common mistake is treating a longer, unsorted category page as an advantage, on the belief that showing every available style helps a customer more than a shorter, organised one would. What this costs a business is a customer who bounces from an overwhelming, unsorted list rather than reaching any product page at all, which converts to nothing regardless of how many styles were technically available. A well-sorted, filterable category page with the same eighteen styles converts more of that traffic into product-page visits, without removing a single style from what the customer can eventually find.
A category page's job is different from a single product page's job: it must help a customer narrow a wide selection down to the few styles worth a closer look. A best-seller-first sort order and filters for size, colour, and price do that narrowing; without them, a customer facing many similar styles must scroll and compare everything alone, and many simply leave instead. The same styles, listed the same way in total, can convert very differently depending on whether the page helps the customer narrow the choice or leaves them to do it unaided.
Meridian Sourcing has six additional T-shirt styles ready from a new factory, and Northline Apparel wants them listed on the online category page as soon as possible. The category page's sort-order and filter rebuild, already planned, is two weeks away. The Northline Apparel team debates whether to add the six new styles to the existing unsorted page now, or wait for the rebuild first.
Here is the request Meridian Sourcing received:
Should the six new styles be added to the unsorted category page now, before the rebuild? Decide before opening the answer.
No, adding six more styles to an already-unsorted category page makes the existing bounce-rate problem worse, not better, before the rebuild fixes it. Two facts decide this.
First, this lesson's own worked number shows the unsorted category page already bounces 58.0% of its traffic with eighteen styles; adding six more unsorted styles gives a browsing customer even more to scroll through without any new help narrowing the choice. The new styles do not fix the underlying problem; they add to it.
Second, the sort-and-filter rebuild is only two weeks away and will apply to all styles at once, so listing the six new styles now only means re-testing them within an already-broken page, then again within the rebuilt one two weeks later. Waiting the short remaining time avoids exposing the new styles to the same bounce-rate problem this lesson's case already measured.
The corrected decision is to hold the six new styles until the sort-and-filter rebuild is live, then launch all twenty-four styles together on the page already built to help a customer narrow them.
Using this lesson's own worked figures, applied to one week of category page traffic:
If Northline Apparel adds six more unsorted styles instead of waiting two weeks for the rebuild, the USD 1,074.60 weekly at-risk revenue shown here continues uncorrected for those two extra weeks, and the six new styles are exposed to the same high bounce rate the existing eighteen already show, rather than launching directly into the page built to reduce it.
Open the course workbook's "Online Listing Checklist" sheet, using the columns for traffic, bounced visits, and the resulting bounce rate. Enter the T-shirt category page's own figures before and after the rebuild to see how the checklist would have flagged the missing sort order and filters.
[Download the E-commerce merchandising checklist](../../templates/T23-C01-e-commerce-merchandising-checklist.xlsx)
1. Northline Apparel's T-shirt category page bounces 58.0% of visits before a rebuild adding sort order and filters, and 31.0% after, both measured on the identical 2,000 visits and the identical eighteen styles. What explains the gap?
2. A different category page has 4,000 visits and a 45.0% bounce rate before adding filters, and a 4,000-visit, 25.0% bounce rate after. How many additional customers reach a product page after the filters are added?
| EN | AR | FR | TR | Meaning |
|---|---|---|---|---|
| Category page | صفحة الفئة | Page de catégorie | Kategori sayfası | The page listing every style within one product group, such as all T-shirts, that a customer browses before opening any single product page. |
| Filter | فلتر | Filtre | Filtre | A tool on a category page letting a customer narrow the styles shown by a chosen attribute, such as size, colour, or price. |
| Sort order | ترتيب العرض | Ordre de tri | Sıralama düzeni | The sequence in which a category page arranges its styles, such as best-selling first, newest first, or price low to high. |
| Bounce rate | معدل الارتداد | Taux de rebond | Hemen çıkma oranı | The share of customers who leave a category page without clicking through to any product page at all. |
| Cross-merchandising | العرض التكاملي بين الفئات | Merchandising croisé | Çapraz merchandising | Placing a complementary product beside a store's own hero product so a customer considers buying both together. |
You now know how a category page should guide a customer. The final lesson brings every decision from this course together into one complete checklist. Back to the course map