Please enable JavaScript.
Coggle requires JavaScript to display documents.
PDP: Product Details Page (Standard - CURRENT (Share on Social Media…
PDP: Product Details Page
Standard - CURRENT
Breadcrumb
Product Image
Desktop
on hover
cursor changes from arrow to magnifying glass
on click
image zooms in 1x
click
image zooms in 2x
click
image zooms out 0x
Mobile
on pinch
zooms image
on tap
zooms image in 1x
tap
zooms image in 2x
tap
image zooms out 0x
Product Description (static text)
Product Rating (stars)
click
page scrolls down to the Reviews accordion
if closed, accordion opens
if open, accordion remains open
Item # (static text)
Electronics: Model #
Your Price
Subtotal Only
Math Table
Shipping and Handling (EDD project) (static text)
Features (bullet points)
Qty Box
click
User can manually type in desired quantity
Add to Cart - Primary Button
click
button flashes as secondary button
Added to Cart modal shows
product image
product description
quantity (static)
subtotal (individual price)
confirmation message (checkmark + Item Added to Cart)
primary button: View cart
click
User is taken to Cart
secondary button: Continue Shopping
click
Added to Cart modal closes
Compare Product (checkbox)
if unchecked
click
Checkbox becomes checked
Product is added to the compare fly-up
if checked
click
Checkbox becomes un-checked
Product is removed from the compare fly-up
Share on Social Media
Facebook
Twitter
Pinterest
click
Opens social media site in new tab
Google+
Add to Registry (link)
click
Modal (browser, not costco.com styled) opens myregistry.com
Create a Registry
Email (input field)
Confirm Email (input field)
Last Name (input field)
Password (input field)
First Name (input field)
Confirm Password (input field)
Type of Registry (dropdown)
Wedding Registry
Baby Registry
Other Occasion
Add to List (icon + link)
click
user is signed in
Add to List modal shows
quantity box
click
User can manually type in desired quantity
subtotal (individual price)
product description
product image
Lists (dropdown)
Select (placeholder/preselected option)
User's Lists (manually created)
Create New List
select
Create List modal replaces Add to List modal
6 more items...
Primary button: Add Item
click
Add(ed) to List modal replaces Add to List modal
Secondary button: Cancel
click
Add to List modal closes
user is not signed in
user is taken to Sign In Page
user signs in/creates account
Product Accordions
Product Details
View More Details (button)
click
Accordion expands to show ALL content within
Specifications
Reviews
Shipping & Returns
Product Carousel
More Items to Consider
Similar Products
Sponsored Products
Related Products
Standard - FUTURE (WIP)
Breadcrumb
Product Image
Desktop
on hover
cursor changes from arrow to magnifying glass
on click
image zooms in 1x
click
image zooms in 2x
click
image zooms out 0x
Mobile
on pinch
zooms image
on tap
zooms image in 1x
tap
zooms image in 2x
tap
image zooms out 0x
Product Description (static text)
Product Rating (stars)
click
page scrolls down to the Reviews accordion
if closed, accordion opens
if open, accordion remains open
Item # (static text)
Electronics: Model #
Your Price
Subtotal Only
Math Table
Shipping and Handling (EDD project) (static text)
Features (bullet points)
Qty Box
click
User can manually type in desired quantity
Add to Cart - Primary Button
click
button flashes as secondary button
Added to Cart modal shows
product image
product description
quantity (static)
subtotal (individual price)
confirmation message (checkmark + Item Added to Cart)
primary button: View cart
click
User is taken to Cart
secondary button: Continue Shopping
click
Added to Cart modal closes
Compare Product (checkbox)
if unchecked
click
Checkbox becomes checked
Product is added to the compare fly-up
if checked
click
Checkbox becomes un-checked
Product is removed from the compare fly-up
Share on Social Media
Facebook
Twitter
Pinterest
click
Opens social media site in new tab
Google+
Add to Registry (link) - Program to sunset in 2020
click
Modal (browser, not costco.com styled) opens myregistry.com
Create a Registry
Email (input field)
Confirm Email (input field)
Last Name (input field)
Password (input field)
First Name (input field)
Confirm Password (input field)
Type of Registry (dropdown)
Wedding Registry
Baby Registry
Other Occasion
Add to List (icon + link)
click
user is signed in
Add to List modal shows
quantity box
click
User can manually type in desired quantity
subtotal (individual price)
product description
product image
Lists (dropdown)
Select (placeholder/preselected option)
User's Lists (manually created)
Create New List
select
Create List modal replaces Add to List modal
6 more items...
Primary button: Add Item
click
Add(ed) to List modal replaces Add to List modal
Secondary button: Cancel
click
Add to List modal closes
user is not signed in
user is taken to Sign In Page
user signs in/creates account
Product Accordions
Product Details
View More Details (button)
click
Accordion expands to show ALL content within
Specifications
Reviews
Shipping & Returns
Product Carousel
More Items to Consider
Similar Products
Sponsored Products
Related Products