โ† Review & Edit โ€” Substitution StructureDesign VariantsVariant 2 of 3
9:415G   ๐Ÿ”‹
๐Ÿ“ฆ 6 of 8 eligible items will be replaced if out of stock
Replace 6
Don't replace 2
๐Ÿœ
Lipton Noodle Soup Mix
4.5 oz
Replace
๐ŸŸ
Sam's Choice Mahi-Mahi
12 oz
Replace
๐Ÿงด
Ajax Ultra Dish Soap
28 fl oz
Replace
๐Ÿฅฃ
Honey Nut Cheerios
18.8 oz
Replace
๐ŸŒ
Organic Bananas
bunch
Replace
๐Ÿ…
Roma Tomatoes
1 lb
Replace
๐Ÿฅ›
Great Value Whole Milk
1 gal
Don't replace
๐Ÿฅš
Eggland's Best Large Eggs
12 ct
Don't replace
๐Ÿ”’ 2 items can't be swapped
๐Ÿบ
Coors Light ยท 6 pack
Alcohol can't be substituted
๐Ÿ’Š
Bayer Low Dose Aspirin
Medication can't be substituted

Two tabs + inline can't-swap

Variant 2 of 3
What changed

Drops the "All" tab โ€” the persistent total already answers the count, so the tabs hold only the two things the customer actually decides: Replace and Don't replace. The two items that can't be swapped move to a quiet, always-visible inline section at the bottom (not a tab).

What was kept

Decision-based tabs, per-tab counts, persistent total, inline per-item editing.

Findings addressed
F4 ยท only the customer's two real choicesQ ยท "All" tab redundant
Trade-off
Can't-swap items are less prominent โ€” fine if they're rare, but a customer scanning fast might miss why alcohol/meds aren't in a tab. Variant 3 makes the whole breakdown explicit up front.