General Info
Improve model filter visibility on saclab.com/bags. The current model list cuts off after the first “See more” action, hiding important models like Timeless or Wallet on Chain. The update ensures only in-stock models are shown by default and fixes the list expansion to load progressively across multiple steps.

User Story
As a user, I want to see only in-stock models by default and progressively load more options step-by-step, so I can browse relevant models without being overwhelmed by long or cut-off lists.
Acceptance Criteria
|
#
|
Scenario
|
Screenshots
|
|
01
|
Default view
Given: By default: Availability = “Only in-stock items” Then: Show only in-stock models, sorted alphabetically And: Display “+ SEE MORE” if the list exceeds the visible limit
Currently, default is “All Models”
|
|
|
02
|
All items view
Given: Availability = “All items” Then: Display all models, including out-of-stock ones, alphabetically And: Apply the same “+ SEE MORE / – SEE LESS” logic
|
|
|
03
|
Brand selection Given: A specific brand is selected (e.g. Hermès or Chanel) and Availability = “Only in-stock items” (default) Then: Show only in-stock models for that brand(s)
|
|
|
04
|
Switching availability
Given: A brand is selected
When: Availability changes from “Only in-stock” to “All items” Then: Update the list dynamically to include all models for that brand
|
|
|
05
|
Progressive expansion
Given: The model list exceeds display capacity
When: User clicks “+ SEE MORE” repeatedly
Then: Each click loads the next portion of hidden options (not the full list at once) And: Continue expanding until all models are visible And: Show only “+ SEE MORE” until the full list is loaded And: Replace it with “– SEE LESS” once all models are displayed
|
|
|
06
|
Scenario: Show sold-out items (“What you have missed”) when Availability = Only in-stock items
Given Availability is set to “Only in-stock items” (default)
Then show only in-stock items in the main results
And after the user reaches the bottom of the in-stock list, display section called “What you have missed”
And this section shows sold-out items that match the user’s filters
Goal: Users still find relevant sold-out items even when browsing in-stock mode
|
|
|
07
|
Scenario: Bag count reflects the selected availability
Given Availability = “Only in-stock items”
Then the bag count (e.g. “60 bags”) must show only the number of in-stock items
And sold-out items shown in “What you have missed” are not included in that count
Given Availability = “All items”
Then the bag count must show all items (in-stock + sold-out)
(Goal: The bag count always matches the user’s selected availability.)
|
|
Notes
-
Default mode is “Only in-stock items.”
-
Alphabetical order remains consistent across all states.
-
The “+ SEE MORE” link progressively reveals additional batches of models instead of loading everything at once.
-
“– SEE LESS” only appears once the full list is shown.
-
Logic applies globally and per-brand.