Web Pattern Library

Github Repo


Global styles

Global components

Template Structure

Bag, Wishlist, & Checkout

Home / Login

Marketing Modules

Product Listing & Detail

Size & Fit Guides


My Account / History

Static pages

JavaScript Helpers

Web Pattern Library:

Product Listing


Sort, Pagination Summary, Filters Link

Page 1 of 3View all

Optional simpler label for smallscreen sort

If desired, the sort menu can have an alternate "sort" label that appears on smallscreens if there is no "sname" in the url. This allows a simpler select state before an option is explicitly chosen. Note the span added before the select below, and the script tag that follows the form. To implement, add the btn-select-smlscreenlabel element shown below, just before the select element.

Page 1 of 3View all

When product controls (pagination, sort, filters) are preceeded by a pageheading component (breadcrumb, title), group them in a pageheading_group container:

Page 1 of 3View all

Marketing Banner Placeholder