IDM 241 Final Description
TRIGGERS
- Add Button Container
- Counter - Plus
- Hover ON
- Hover OFF
- Click ON
- Add Button Counter - Minus
- Hover ON
- Hover OFF
- Click ON
- Color Picker
- Default
- Hover ON
- Mouse DOWN
- Mouse UP
RULES
- Add Button Container
- Hover ON
- Cursor changes to finger
- Button color inverts from navy blue to white with navy border
- Minus Button is at 60% opacity
- Hover OFF
- Cursor changes back to pointer
- Button color reverts to original
- Minus Button remains at 60% opacity
- Add Button Counter - Plus
- Hover ON
- Hover OFF
- Cursor changes back to pointer
- Click ON
- Item is added; cart database changes to n plus 1
- Item quantity increases by 1
- If item quantity is greater than 1
- Minus button goes back to 100% opacity
- Item Quantity appears; Cart and Add Text disappears
- Minus button goes back to 100% opacity
- Add Button Counter - Minus
- Hover ON
- Hover OFF
- Cursor changes back to pointer
- Click ON
- Item is removed; cart database changes to n minus 1
- Item quantity decreases by 1
- If item quantity is less than 1
- Minus button goes back to 60% opacity
- Item Quantity disappears; Cart and Add Text reappears
- Color Picker
- Default/Hover OFF
- Hover ON
Cursor changes to pointer
- Mouse Down
- Mouse Up
Image changes to new color product image
- Image Page
FEEDBACK
- Add Button Container
- Hover ON
- Cursor changes to finger
- Button color inverts from navy blue to white with navy border
- Minus Button is at 60% opacity
- Hover OFF
- Cursor changes back to pointer
- Button color reverts to original
- Minus Button remains at 60% opacity
- Add Button Counter - Plus
- Hover ON
- Hover OFF
- Cursor changes back to pointer
- Click ON
- Item quantity increases by 1
- If item quantity is greater than 1
- Minus button goes back to 100% opacity
- Item Quantity appears; Cart and Add Text disappears
- Add Button Counter - Minus
- Hover ON
- Hover OFF
- Cursor changes back to pointer
- Click ON
- Item quantity decreases by 1
- If item quantity is less than 1
- Minus button goes back to 60% opacity
- Item Quantity disappears; Cart and Add Text reappears
- Color Picker
- Default/Hover OFF
- Hover ON
Cursor changes to pointer
- Mouse Down
- Mouse Up
Image changes to new color product image
By: Sreeja Satish
