If you have any project questions, concerns, or contribution ideas, join our #pwa Slack channel. Find out how to create an account by visiting Community Resources

Sale banner component

General visual specifications

  • Static text with sale details
  • Features images for the item or promotion

Small

Description Reference image
Small sale banner Small sale banner image

Interactions

  • Clicking on the banner takes the shopper to the category for the sale or promotion
  • Adding any sale products to the shopping cart automatically applies the promo code for applicable items

Large

Description Reference image
Large sale banner Large sale banner image

Visual specifications

  • Uses an image of items from the category as the background
  • Contains a Call to Action button

Interactions

  • Clicking on the Call to Action button takes the user to a filtered page of items on sale

Promotional

Promotional banners show “curated” looks and bundled items.

Description Reference image
Promotional sale banners Promotional sale banner image

Visual specifications

  • Uses a background image, static text, and a Call to Action button

Interactions

  • Clicking/tapping the banner or Call to Action button takes the shopper to a page for the featured products