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:

Product Listing

Related:

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