Skip to end of banner
Go to start of banner

[COPY] Product Detail Page (Phase 1/Phase 2)

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Current »

The PDP page is where customers read details about a product for sale on Ferguson.com.

The purpose of the page is to provide customers with the information they need to make a decision to purchase the product. 


Modules

Module NameDescription
HeaderThis page uses the default global header. See documentation on it here.
Product InformationTitle, image, price, options, availability, etc.
Product DetailsDescription, specification, and documents
Ratings & ReviewsComing soon.
Related ProductsSee documentation on it here.
HelpSee documentation on it here.
FooterThis page uses the default global footer. See documentation on it here.

Creative

Below are a list of comps and screenshots. Click on individual images to view larger versions.


 Phase 1 Creative

 Phase 2 Creative


 Misc Updates

 Live-site with annotations



Elements

Navigation

IDElementTypeConditionsAddedValue/Example

Breadcrumb

Navigational element, displays the full taxonomical path from the parent category to it'a lowest level subcategory.

text, hyperlink
Phase 1

HOME > CATEGORY > SUB-CATEGORY > PRODUCT TITLE

Product Overview

IDElementTypeConditionsAddedValue/Example

Brand logoimage
Phase 1

Product imageimage, video
Phase 1

Product thumbnailsimage
Phase 1

Product title

A long-form name of the product.

text
Phase 1BRAND_NAME + COLLECTION_NAME + WEB_DISPLAY_NAME

Product pricetext
Phase 1

Alt-code

A ferguson version of the vendor product code

text
Phase 1ALT_CODE

Fast-code

Fast-code or Customer-code

textT3/4. Appears by default when a user has a fast-code for this productPhase 2

ALT_CODE / FAST_CODE


MPID

A unique product identifier designation (generated by Product Services?)

textT3/4. Appears if it exists in STEP.06/22/17, FCE-1382

Item #: MPID_CODE


Product iconsicon
Phase 1

Product Availability

IDElementTypeConditionsAddedValue/Example

Product Status Message

Displays a message that the product is currently/no longer available. When the product has a replacement, the message hyperlinks to the replacement product's PDP page.

Value: PRODUCT_STATUS_MESSAGE

text, hyperlinkAppears when a product is no longer available.Phase 1

Pickup availabilitytext



Shipping availabilitytext


Interactions

IDElementTypeConditionsAddedValue/Example

Add to Cart

Adds the product to cart.

Value: Add to Cart

onClick: Adds product to cart, then displays a confirmation message.

buttonInactive until user completes required fieldsPhase 1"Add to Cart"

Add to List

Adds the product to a list.

Value: Add to My Lists

onClick: Opens Add to My Lists modal

buttonInactive until user completes required fieldsPhase 1"Add to My Lists"

Refinersradio
Phase 1

Quantityinput
Phase 1

Print

Prints the screen

Value: printer icon

onClick: Launches the browser's print function

button
Phase 1

Price viewbuttonT3/4.

Product Details

IDElementTypeConditionsAddedValue/Example

Product descriptionrich text
Phase 1

Specificationstabular data
Phase 1

Product documentsfile array
Phase 1

Unsorted

ID
ElementTypeConditionsAdded
15
Price pertext

16
Price notetext



Resources

Research

Desktop

Mobile










  • No labels