Web Pattern Library

Github Repo

Menu


Global styles

Global components


Template Structure


Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides

Personalization

My Account / History

Static pages


JavaScript Helpers

Web Pattern Library:

Marketing Modules, Micro Banners

See these on the Product Detail template.

Use the stroke-only-top-bottom class to exclude borders on the left and the right. Heading horizontal padding will also be adjusted.

No Side Borders

Today's Vineyard Vines special offer: Free ground shipping on all orders over $125

stroke-only-top

Only a Top Border

Today's Vineyard Vines special offer: Free ground shipping on all orders over $125

stroke-only-bottom

Only a Bottom Border

Today's Vineyard Vines special offer: Free ground shipping on all orders over $125

Background color

Today's Vineyard Vines special offer: Free ground shipping on all orders over $125

Background color with icon

Today's Vineyard Vines special offer: Free ground shipping on all orders over $125

With collapsible for more info

Assign ARIA attributes to the feature_title to hide any special text styling from screen readers (aria-role="presentation" and aria-hidden="true"). The collapsible component should be visible/audible to all browsers.

With Collapsible

Special Offer: Additional 30% Off Sale Styles

An additional 30% off sale styles will appear once the promo code is applied. Discount is valid for purchases made (i) on vineyardvines.com, (ii) over the phones and (iii) at participating vineyard vines retail stores until 5/31/16, 11:59pm ET. Discount is not valid at vineyard vines outlet stores. No price adjustments will be made to purchases prior to 5/26/16. Purchases made with this offer are not eligible for future price adjustments. Cannot be combined with any other offer.