AFW Pattern Lab
PDP
Ready
HTML
View
Context
Info
Notes
Accessibility
<
div
>
</
div
>
<
div
>
</
div
>
/* No context defined. */
Handle:
@pdp
Preview:
With layout
Component only
Filesystem Path:
source/patterns/templates/pdp/pdp.njk
No notes defined.
Search
Patterns
Brand
Logos
Colors
Typography
Email
Generic
Receipt
Flex
Aztx
Co
Nop
Gift Card
Gift Card Notification
Gift Card Pin
Order
Order Placed
Order Placed Wells Fargo
Atoms
Button
Default
Primary
Secondary
Warning
Success
Danger
Bars
All Link
Faq
Faq Active
Delivery Map
Default
Svg
Divider
Default
Vertical
Form
Label
Text
Email
Phone
Switch
Textarea
Radio
Checkbox
Select
Icon
Default
Extra-extra Small
Extra Small
Small
Large
Extra Large
Extra-extra Large
Image
1 X 1
3 X 2
4 X 3
16 X 9
19 X 5
Media
Responsive Video
Notice
Default
Success
Warning
Danger
Pager
Typography
Heading
Paragraph
Wysiwyg
Blog
Molecules
Accordion
Default
Plp
Back To Top
Banner Card
Default
Lg Left Center
Lg Left Bottom
Lg Center Top
Lg Center Center
Lg Center Bottom
Lg Right Top
Lg Right Center
Lg Right Bottom
Sm Left Top
Sm Left Center
Sm Left Bottom
Sm Center Top
Sm Center Center
Sm Center Bottom
Sm Right Top
Sm Right Center
Sm Right Bottom
Breadcrumb
Call To Action
Category Card
Content Card
Cta Card
Dropcap Title
Faq Tabs
Heading Container
Image Rotator
Mega Menu
Pagination
Product Card
Product Filter
Product Sort
Product Tile
See In Store
Site Menu
Site Search
Sticky Jump Nav
User Actions
Weekly Ad Card
Organisms
Site Header
Site Footer
Banner
Five
Four
Three
Two
One
Blog Post
Category Grid
Faq List
Homepage Slider
Product Slider
Product Tile Grid
Default
On Left
Section Banner
Section CTA
Site Utility
Store Locator
Subscribe Modal
Weekly Ad Grid
Templates
Accessibility
Homepage
CLP
PDP
404
Account
Newsletter
Preference Center
Blog
Listing
Detail
Financing
Help Center
Listing
Detail
Search Results
Pages
Delivery
Plp
Search
Default
Articles
Weekly Ads
documentation
AFW Styleguide
Audience
Devices
Browser & OS
Information
Version:
1.0.0
Built On:
4/2/2025