Story 30.1 Filter Logic for Model Visibility

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.

Bildschirmfoto 2025-10-22 um 13.19.29.png

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

Bildschirmfoto 2025-11-13 um 11.43.44.png

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.)

Bildschirmfoto 2025-11-13 um 11.46.38.png

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.

Comments

Leave a Reply