General Info
Light scarcity cues highlight high-demand or price-change products.
Two tags — Price Drop and Trending — communicate momentum and desirability.
We mirror the existing tag hierarchy logic (as used for other tags like Collector’s Item, Vintage, Runway) where only one tag per group can be active and displayed at once.
Tags & Visibility
Price Drop
-
Added automatically when a product’s price decreases.
-
Visible for 7 days from the price change date.
-
Can also be added manually in Airtable.
-
If manually removed before expiry → tag disappears immediately.
-
Displayed on Product Feed, Sliders, and relevant PDP areas.
Trending
-
Added manually in Airtable by Sales or Marketing.
-
Visible for 14 days from the first assignment.
-
On Product Feed and Sliders → display the Trending badge.
-
On Product Page (PDP) → display a small inline text:
-
If publish date = today → show “Now Trending.”
-
If within 14-day window but not publish date → show “Trending this week.”
-
Tag Priority Logic
We now use two tag groups, mirroring the existing hierarchy setup used for other tags.
Each group allows only one tag visible at a time, but a product can show one tag from each group (max two total).
-
Group 1 (Scarcity): Price Drop, Trending
→ Priority: Price Drop → Trending (admin can adjust order) -
Group 2 (Existing tags): uses the existing hierarchy logic (Collector’s Item → Vintage → Runway, adjustable by admin)
If multiple tags are active within the same group, only the one with the higher priority (as defined by admin) is displayed.
Tags must stack neatly without overlap and match the existing badge styling (size, spacing, font).
-
lly with sync events.
User Story
As a user, I see clear “Price Drop” and “Trending” cues that communicate relevance and desirability, while maintaining consistent visual hierarchy and avoiding tag clutter.
Design
Desktop Product Feed: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=12329-42868&t=fKWCEScpAngbbow8-4
Desktop Product Page: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=12329-45355&t=fKWCEScpAngbbow8-4
Mobile Product Feed: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=12425-17332&t=fKWCEScpAngbbow8-4
Mobile Product Page: https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=12410-16021&t=fKWCEScpAngbbow8-4
Acceptance Criteria
|
# |
Scenario |
Expected Result |
Screenshot |
|---|---|---|---|
|
01 |
Product price decreases |
“Price Drop” tag added automatically for 7 days. |
|
|
02 |
Admin removes tag early and syncs |
“Price Drop” tag disappears immediately. |
|
|
03 |
Product marked as Trending |
Tag visible for 14 days. |
|
|
04.1 |
Price Drop PDP display |
Show tag “Price Drop” |
|
|
04.2 |
Trending PDP display (publish date = today) |
Show inline text “Now Trending.” |
|
|
05 |
Trending PDP display (within 14-day window, not publish date) |
Show inline text “Trending this week” |
|
|
06 |
Product Feed and Sliders |
Display both Price Drop and Trending badges while active. |
|
|
07 |
Product has both Price Drop + Trending |
Only higher-priority tag (Price Drop) shown from Group 1. |
|
|
08 |
Product has one tag from each group |
Both displayed side by side (e.g., Collector’s Item + Price Drop). |
|
|
09 |
Admin changes hierarchy |
Tag display updates according to new order. |
|
|
10 |
Airtable Product Sync |
Adding or removing tags in Airtable updates WooCommerce via existing Product Sync checkbox. |
|
|
11 |
Tag stacking layout |
Tags align neatly, consistent size and spacing. |
|
|
12 |
Tag “Reservation” stacking |
In case a reservation is active, don’t show the tag “trending” or “price drop” on Product feed or in Slider, as it would risk triple-stacking (if the item also has a tag of Group 2). Once the reservation ended, make tags visible again. |
|
|
13 |
Tag item soldout |
In case the item turns sold out, hide tags “Trending” or “Price Drop”. |
Notes
-
Price Drop tag visible for 7 days.
-
Trending tag visible for 14 days.
-
Both tags appear on Product Feed and Sliders.
-
Airtable’s Product Sync checkbox controls adding/removing tags in WooCommerce.
-
Only one tag from each group may appear at a time.
-
Hierarchy logic mirrors the existing tag system for other badges.
-
Admin can edit hierarchy order per group.







Leave a Reply
You must be logged in to post a comment.