www.clearly.ca
Open in
urlscan Pro
2600:1400:d:48b::ca9
Public Scan
Submitted URL: https://mail.clearly-vip.com/t/l?ssid=39803&subscriber_id=aibfbnkqrcqkdavqwdmwbegoyaabben&delivery_id=brormqaabtrvwxluvmwsnia...
Effective URL: https://www.clearly.ca/sunglasses?cmp=email&seg=21-11-05_44_BTC_CA_GL_40off_gamer&src=bronto&nonews=true&msgsubject=Len...
Submission: On November 08 via api from CA — Scanned from CA
Effective URL: https://www.clearly.ca/sunglasses?cmp=email&seg=21-11-05_44_BTC_CA_GL_40off_gamer&src=bronto&nonews=true&msgsubject=Len...
Submission: On November 08 via api from CA — Scanned from CA
Form analysis 6 forms found in the DOM
GET /eyewear/search
<form id="new-search-form" action="/eyewear/search" method="GET" role="search"><input data-clyauto-id="search-input-field" type="search" name="query" class="search-input" maxlength="75" placeholder="What are you looking for?"
aria-label="What are you looking for?" autocomplete="off" tabindex="-1" id="global-keyword" value=""><a data-clyauto-id="clear-search-input" href="#" class="clear-search disabled"><span class="icon-cly-close"></span></a><button type="submit"
aria-label="What are you looking for?" class="search-submit"><span class="icon-cly-search"></span></button><input type="hidden" name="_resourcePath" value="/content/clearly/clearly_ca/en_CA/eyewear/search/jcr:content/par/grid"><input
type="hidden" name="countryPath" value="/content/clearly/clearly_ca/en_CA"><input type="hidden" name="_charset_" value="UTF-8"></form>GET /bin/clearly/product-grid.json
<form id="product-grid-form-filters" method="GET" action="/bin/clearly/product-grid.json">
<input type="hidden" name="usedForFavourites">
<input type="hidden" name="_resourcePath" value="/content/clearly/clearly_ca/en_CA/sunglasses/jcr:content/par/grid">
<input type="hidden" name="countryPath" value="/content/clearly/clearly_ca/en_CA">
<input type="hidden" name="query">
<input type="hidden" name="start" value="0">
<input type="hidden" name="limit" data-original="24" value="24">
<input type="hidden" name="initialLoad" value="24">
<input id="product-grid-sort" type="hidden" name="sort">
<div class="container">
<div class="filter-tabs">
<div class="filter-tabs__row">
<div data-text="{0} glasses found" class="filter-tabs__count filter-tabs__count--md js-results-count hidden visible-sm visible-xs"> 338 glasses found </div>
<div class="centered visible-sm visible-xs">
<a role="button" class="filter-tabs__button filter-tabs__button--primary js-open-filters" data-clyauto-id="button-open-filter">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21"><rect width="100%" height="100%" fill="none"></rect><g class="currentLayer"><path d="M21.405 17.54h-8.324v-2.08a.596.596 0 0 0-.595-.595H9.514a.596.596 0 0 0-.595.594v2.082H.595a.596.596 0 0 0-.595.594c0 .327.268.595.595.595h8.324v2.08c0 .328.267.595.595.595h2.972a.596.596 0 0 0 .595-.594V18.73h8.324a.596.596 0 0 0 .595-.595.596.596 0 0 0-.595-.594zm-9.513 2.676h-1.784v-4.162h1.784v4.162zm9.513-10.108H7.135V8.027a.596.596 0 0 0-.594-.595H3.568a.596.596 0 0 0-.595.595v2.081H.595a.596.596 0 0 0-.595.595c0 .327.268.594.595.594h2.378v2.081c0 .327.268.595.595.595h2.973a.596.596 0 0 0 .594-.595v-2.08h14.27a.596.596 0 0 0 .595-.595.596.596 0 0 0-.595-.595zm-15.46 2.676H4.162V8.622h1.784v4.162zm-5.35-8.92h14.27v2.082c0 .327.267.595.594.595h2.973a.596.596 0 0 0 .595-.595V3.865h2.378A.596.596 0 0 0 22 3.27a.596.596 0 0 0-.595-.594h-2.378V.595A.596.596 0 0 0 18.432 0H15.46a.596.596 0 0 0-.594.595v2.08H.595A.596.596 0 0 0 0 3.27c0 .327.268.595.595.595zm15.46-2.675h1.783v4.162h-1.784V1.19z"></path></g></svg>
<strong>Filter <span class="js-filter-count"></span></strong>
</a>
</div>
<nav class=" filter-tabs__nav js-filter-tabs">
<div class="filter-tabs__label">
<strong>Filter</strong>
<button class="filter-tabs__close btn-hamburger btn-hamburger--is-open js-close-filters" data-clyauto-id="button-close-filter">
<span class="sr-only">Close filters</span>
</button>
</div>
<div class="filter-tabs__wrap">
<ul class="nav nav-tabs">
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--gender" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-gender">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="gender" tabindex="-1"> Gender </span>
<span class="custom-caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="nav-item--gender" data-clyauto-id="filter-dropdown-gender" role="group">
<li class="dropdown-menu__item col-md-12 col-sm-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-gender-female">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:gender/female" name="gender" aria-label="Women">
<span data-clyauto-prop="title"> Women </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-gender-male">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:gender/male" name="gender" aria-label="Men">
<span data-clyauto-prop="title"> Men </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-gender-unisex">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:gender/unisex" name="gender" aria-label="Unisex">
<span data-clyauto-prop="title"> Unisex </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-gender-youth">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:gender/youth" name="gender" aria-label="Kids">
<span data-clyauto-prop="title"> Kids </span>
</label>
</li>
</ul>
</li>
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--style" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-style">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="style" tabindex="-1"> Shape </span>
<span class="custom-caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu--lg-margin" aria-labelledby="nav-item--style" data-clyauto-id="filter-dropdown-style" role="group">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline checkbox-inline--shape
js-prevent-close-dropdown" data-clyauto-id="filter-style-rectangle">
<input type="checkbox" name="style" value="clearly:frame-shape/rectangle" data-clyauto-prop="checkbox">
<img class="js-lazy-images lazy-fade" data-src="/etc/designs/clearly/clientlibs/global/img/filter/filter-shape/rectangle.svg">
<span data-clyauto-prop="title"> Rectangle </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline checkbox-inline--shape
js-prevent-close-dropdown" data-clyauto-id="filter-style-d-frame">
<input type="checkbox" name="style" value="clearly:frame-shape/d-frame" data-clyauto-prop="checkbox">
<img class="js-lazy-images lazy-fade" data-src="/etc/designs/clearly/clientlibs/global/img/filter/filter-shape/d-frame.svg">
<span data-clyauto-prop="title"> D-Frame </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline checkbox-inline--shape
js-prevent-close-dropdown" data-clyauto-id="filter-style-round">
<input type="checkbox" name="style" value="clearly:frame-shape/round" data-clyauto-prop="checkbox">
<img class="js-lazy-images lazy-fade" data-src="/etc/designs/clearly/clientlibs/global/img/filter/filter-shape/round.svg">
<span data-clyauto-prop="title"> Round </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline checkbox-inline--shape
js-prevent-close-dropdown" data-clyauto-id="filter-style-cat-eye">
<input type="checkbox" name="style" value="clearly:frame-shape/cat-eye" data-clyauto-prop="checkbox">
<img class="js-lazy-images lazy-fade" data-src="/etc/designs/clearly/clientlibs/global/img/filter/filter-shape/cat-eye.svg">
<span data-clyauto-prop="title"> Cat-eye </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline checkbox-inline--shape
js-prevent-close-dropdown" data-clyauto-id="filter-style-aviator">
<input type="checkbox" name="style" value="clearly:frame-shape/aviator" data-clyauto-prop="checkbox">
<img class="js-lazy-images lazy-fade" data-src="/etc/designs/clearly/clientlibs/global/img/filter/filter-shape/aviator.svg">
<span data-clyauto-prop="title"> Aviator </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline checkbox-inline--shape
js-prevent-close-dropdown" data-clyauto-id="filter-style-oval">
<input type="checkbox" name="style" value="clearly:frame-shape/oval" data-clyauto-prop="checkbox">
<img class="js-lazy-images lazy-fade" data-src="/etc/designs/clearly/clientlibs/global/img/filter/filter-shape/oval.svg">
<span data-clyauto-prop="title"> Oval </span>
</label>
</li>
</ul>
</li>
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--brand" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-brand">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="brandNames" tabindex="-1"> Brand </span>
<span class="custom-caret"></span>
</button>
<div class="dropdown-menu dropdown-menu--sm" aria-labelledby="nav-item--brand" data-clyauto-id="filter-dropdown-brand">
<ul class="list-unstyled flex flex-align--c flex-wrap dropdown-menu__group dropdown-menu__group--letters dropdown-menu__group--no-margin js-filter-group">
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/a" data-clyauto-id="filter-brandLetter-a" data-clyauto-prop="title"
data-target="brand-a"> a </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/b" data-clyauto-id="filter-brandLetter-b" data-clyauto-prop="title"
data-target="brand-b"> b </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/c" data-clyauto-id="filter-brandLetter-c" data-clyauto-prop="title"
data-target="brand-c"> c </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/d" data-clyauto-id="filter-brandLetter-d" data-clyauto-prop="title"
data-target="brand-d"> d </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/e" data-clyauto-id="filter-brandLetter-e" data-clyauto-prop="title"
data-target="brand-e"> e </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/f" data-clyauto-id="filter-brandLetter-f" data-clyauto-prop="title"
data-target="brand-f"> f </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/g" data-clyauto-id="filter-brandLetter-g" data-clyauto-prop="title"
data-target="brand-g"> g </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/h" data-clyauto-id="filter-brandLetter-h" data-clyauto-prop="title"
data-target="brand-h"> h </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/i" data-clyauto-id="filter-brandLetter-i" data-clyauto-prop="title"
data-target="brand-i"> i </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/j" data-clyauto-id="filter-brandLetter-j" data-clyauto-prop="title"
data-target="brand-j"> j </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/k" data-clyauto-id="filter-brandLetter-k" data-clyauto-prop="title"
data-target="brand-k"> k </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/l" data-clyauto-id="filter-brandLetter-l" data-clyauto-prop="title"
data-target="brand-l"> l </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/m" data-clyauto-id="filter-brandLetter-m" data-clyauto-prop="title"
data-target="brand-m"> m </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/n" data-clyauto-id="filter-brandLetter-n" data-clyauto-prop="title"
data-target="brand-n"> n </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/o" data-clyauto-id="filter-brandLetter-o" data-clyauto-prop="title"
data-target="brand-o"> o </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/p" data-clyauto-id="filter-brandLetter-p" data-clyauto-prop="title"
data-target="brand-p"> p </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/q" data-clyauto-id="filter-brandLetter-q" data-clyauto-prop="title"
data-target="brand-q"> q </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/r" data-clyauto-id="filter-brandLetter-r" data-clyauto-prop="title"
data-target="brand-r"> r </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/s" data-clyauto-id="filter-brandLetter-s" data-clyauto-prop="title"
data-target="brand-s"> s </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/t" data-clyauto-id="filter-brandLetter-t" data-clyauto-prop="title"
data-target="brand-t"> t </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/u" data-clyauto-id="filter-brandLetter-u" data-clyauto-prop="title"
data-target="brand-u"> u </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/v" data-clyauto-id="filter-brandLetter-v" data-clyauto-prop="title"
data-target="brand-v"> v </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/w" data-clyauto-id="filter-brandLetter-w" data-clyauto-prop="title"
data-target="brand-w"> w </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/x" data-clyauto-id="filter-brandLetter-x" data-clyauto-prop="title"
data-target="brand-x"> x </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/y" data-clyauto-id="filter-brandLetter-y" data-clyauto-prop="title"
data-target="brand-y"> y </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/z" data-clyauto-id="filter-brandLetter-z" data-clyauto-prop="title"
data-target="brand-z"> z </button>
</li>
<li class="dropdown-menu__item dropdown-menu__item--auto">
<!-- Used for automation and translation -->
<button class="is-disabled checkbox-inline checkbox-inline--letter js-prevent-close-dropdown js-filter-group-cbx--brand" data-value="clearly:frame-brand/0-9" data-clyauto-id="filter-brandLetter-0-9" data-clyauto-prop="title"
data-target="brand-0-9"> 0-9 </button>
</li>
</ul>
<div class="atm-col-12">
<!-- Used for automation and translation -->
<ul id="brand-a" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-a">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/alexander-collection">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/alexander-collection">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/alexander-collection" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Alexander Collection </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/american-framework">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/american-framework">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/american-framework" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> American Framework </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/armani-exchange">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/armani-exchange">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/armani-exchange" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Armani Exchange </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/arnette">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/arnette">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/arnette" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Arnette </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-b" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-b">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/b.u.m.-equipment">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/b.u.m.-equipment">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/b.u.m.-equipment" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> B.U.M. Equipment </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/bbygl4ss3s">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/bbygl4ss3s">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/bbygl4ss3s" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Bbygl4ss3s </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/bolon">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/bolon">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/bolon" name="brandNames">
<span data-clyauto-prop="title"> Bolon </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/boss-orange">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/boss-orange">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/boss-orange" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Boss Orange </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/bottega">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-4" id="filter-brandName-checkbox-clearly:frame-brand/bottega">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/bottega" name="brandNames">
<span data-clyauto-prop="title"> Bottega </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/brooks-brothers">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-5" id="filter-brandName-checkbox-clearly:frame-brand/brooks-brothers">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/brooks-brothers" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Brooks Brothers </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-c" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-c">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/chaps">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/chaps">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/chaps" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Chaps </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/christian-siriano">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/christian-siriano">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/christian-siriano" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Christian Siriano </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/clearly-basics">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/clearly-basics">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/clearly-basics" name="brandNames">
<span data-clyauto-prop="title"> Clearly Basics </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/clearly-gamer">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/clearly-gamer">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/clearly-gamer" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Clearly Gamer </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/clearly-junior">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-4" id="filter-brandName-checkbox-clearly:frame-brand/clearly-junior">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/clearly-junior" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Clearly Junior </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/coach">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-5" id="filter-brandName-checkbox-clearly:frame-brand/coach">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/coach" name="brandNames">
<span data-clyauto-prop="title"> Coach </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/colors-in-optics">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-6" id="filter-brandName-checkbox-clearly:frame-brand/colors-in-optics">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/colors-in-optics" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Colors In Optics </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/colours-by-alexander-julian">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-7" id="filter-brandName-checkbox-clearly:frame-brand/colours-by-alexander-julian">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/colours-by-alexander-julian" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Colours By Alexander Julian </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/columbia">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-8" id="filter-brandName-checkbox-clearly:frame-brand/columbia">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/columbia" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Columbia </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/cremieux">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-9" id="filter-brandName-checkbox-clearly:frame-brand/cremieux">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/cremieux" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Cremieux </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/crocs">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-10" id="filter-brandName-checkbox-clearly:frame-brand/crocs">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/crocs" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Crocs </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/cruz">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-11" id="filter-brandName-checkbox-clearly:frame-brand/cruz">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/cruz" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Cruz </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-d" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-d">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/d&g">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/d&g">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/d&g" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> D&G </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/derek-cardigan">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/derek-cardigan">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/derek-cardigan" name="brandNames">
<span data-clyauto-prop="title"> Derek Cardigan </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/derek-lam">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/derek-lam">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/derek-lam" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Derek Lam </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/dior">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/dior">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/dior" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Dior </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-e" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-e">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/elizabeth-and-james">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/elizabeth-and-james">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/elizabeth-and-james" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Elizabeth And James </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/ellen-degeneres">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/ellen-degeneres">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/ellen-degeneres" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Ellen Degeneres </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/emporio-armani">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/emporio-armani">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/emporio-armani" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Emporio Armani </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-f" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-f">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/fila">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/fila">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/fila" name="brandNames">
<span data-clyauto-prop="title"> Fila </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-g" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-g">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/gucci">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/gucci">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/gucci" name="brandNames">
<span data-clyauto-prop="title"> Gucci </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<!-- Used for automation and translation -->
<!-- Used for automation and translation -->
<ul id="brand-j" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-j">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/jason-wu">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/jason-wu">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/jason-wu" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Jason Wu </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/jhane-barnes">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/jhane-barnes">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/jhane-barnes" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Jhane Barnes </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/john-varvatos">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/john-varvatos">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/john-varvatos" name="brandNames">
<span data-clyauto-prop="title"> John Varvatos </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/joseph-marc">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/joseph-marc">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/joseph-marc" name="brandNames">
<span data-clyauto-prop="title"> Joseph Marc </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-k" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-k">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/kam-dhillon">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/kam-dhillon">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/kam-dhillon" name="brandNames">
<span data-clyauto-prop="title"> Kam Dhillon </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/konishi">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/konishi">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/konishi" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Konishi </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-l" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-l">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/lacoste">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/lacoste">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/lacoste" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Lacoste </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/love">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/love">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/love" name="brandNames">
<span data-clyauto-prop="title"> Love </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/lucky-brand">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/lucky-brand">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/lucky-brand" name="brandNames">
<span data-clyauto-prop="title"> Lucky Brand </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-m" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-m">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/main-and-central">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/main-and-central">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/main-and-central" name="brandNames">
<span data-clyauto-prop="title"> Main And Central </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/marc-by-marc-jacobs">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/marc-by-marc-jacobs">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/marc-by-marc-jacobs" name="brandNames">
<span data-clyauto-prop="title"> Marc By Marc Jacobs </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/maui-jim">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/maui-jim">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/maui-jim" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Maui Jim </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/michael-kors">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/michael-kors">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/michael-kors" name="brandNames">
<span data-clyauto-prop="title"> Michael Kors </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/modo">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-4" id="filter-brandName-checkbox-clearly:frame-brand/modo">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/modo" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Modo </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/mr.-peabody-&-sherman">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-5" id="filter-brandName-checkbox-clearly:frame-brand/mr.-peabody-&-sherman">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/mr.-peabody-&-sherman" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Mr. Peabody & Sherman </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-n" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-n">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/nike">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/nike">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/nike" name="brandNames">
<span data-clyauto-prop="title"> Nike </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-o" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-o">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/oakley">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/oakley">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/oakley" name="brandNames">
<span data-clyauto-prop="title"> Oakley </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/ogi">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/ogi">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/ogi" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> OGI </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-p" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-p">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/perspective">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/perspective">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/perspective" name="brandNames">
<span data-clyauto-prop="title"> Perspective </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/polo">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/polo">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/polo" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Polo </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/polo-ralph-lauren">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/polo-ralph-lauren">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/polo-ralph-lauren" name="brandNames">
<span data-clyauto-prop="title"> Polo Ralph Lauren </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/prada">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/prada">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/prada" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Prada </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/prada-sport">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-4" id="filter-brandName-checkbox-clearly:frame-brand/prada-sport">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/prada-sport" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Prada Sport </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<!-- Used for automation and translation -->
<ul id="brand-r" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-r">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/ralph-by-ralph-lauren">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/ralph-by-ralph-lauren">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/ralph-by-ralph-lauren" name="brandNames">
<span data-clyauto-prop="title"> Ralph By Ralph Lauren </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/randy-jackson">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/randy-jackson">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/randy-jackson" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Randy Jackson </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/ray-ban">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/ray-ban">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/ray-ban" name="brandNames">
<span data-clyauto-prop="title"> Ray-Ban </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/ray-ban-junior">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/ray-ban-junior">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/ray-ban-junior" name="brandNames">
<span data-clyauto-prop="title"> Ray-Ban Junior </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/reincarnate">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-4" id="filter-brandName-checkbox-clearly:frame-brand/reincarnate">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/reincarnate" name="brandNames">
<span data-clyauto-prop="title"> Reincarnate </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/renato-balestra">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-5" id="filter-brandName-checkbox-clearly:frame-brand/renato-balestra">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/renato-balestra" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Renato Balestra </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/rocawear">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-6" id="filter-brandName-checkbox-clearly:frame-brand/rocawear">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/rocawear" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Rocawear </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/rx-sunglasses">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-7" id="filter-brandName-checkbox-clearly:frame-brand/rx-sunglasses">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/rx-sunglasses" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Rx Sunglasses </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/ryders">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-8" id="filter-brandName-checkbox-clearly:frame-brand/ryders">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/ryders" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Ryders </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-s" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-s">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/salvatore-ferragamo">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/salvatore-ferragamo">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/salvatore-ferragamo" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Salvatore Ferragamo </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/seventyone">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/seventyone">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/seventyone" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> SeventyOne </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/stetson">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/stetson">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/stetson" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Stetson </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/superdry">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/superdry">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/superdry" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Superdry </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-t" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-t">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/tory-burch">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/tory-burch">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/tory-burch" name="brandNames">
<span data-clyauto-prop="title"> Tory Burch </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/trevor-linden">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/trevor-linden">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/trevor-linden" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Trevor Linden </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-u" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-u">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/unionbay">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/unionbay">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/unionbay" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Unionbay </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<ul id="brand-v" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-v">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/vera-wang">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/vera-wang">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/vera-wang" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Vera Wang </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/versace">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/versace">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/versace" name="brandNames">
<span data-clyauto-prop="title"> Versace </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/vogue">
<label class="checkbox-inline js-prevent-close-dropdown
" data-clyauto-id="filter-brandName-2" id="filter-brandName-checkbox-clearly:frame-brand/vogue">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/vogue" name="brandNames">
<span data-clyauto-prop="title"> Vogue </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/vogue-junior">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-3" id="filter-brandName-checkbox-clearly:frame-brand/vogue-junior">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/vogue-junior" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Vogue Junior </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<!-- Used for automation and translation -->
<ul id="brand-x" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-x">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/xxl">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/xxl">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/xxl" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> XXL </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
<!-- Used for automation and translation -->
<ul id="brand-z" class="list-unstyled hidden margin-top-10 js-brands-list flex flex-wrap" data-clyauto-id="filter-brandLetter-list-z">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/zoom-readers">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-0" id="filter-brandName-checkbox-clearly:frame-brand/zoom-readers">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/zoom-readers" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> ZOOM Readers </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12" role="group" aria-labelledby="filter-brandName-checkbox-clearly:frame-brand/zooventure">
<label class="checkbox-inline js-prevent-close-dropdown
is-disabled" data-clyauto-id="filter-brandName-1" id="filter-brandName-checkbox-clearly:frame-brand/zooventure">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-brand/zooventure" name="brandNames" disabled="disabled">
<span data-clyauto-prop="title"> Zooventure </span>
</label>
</li>
</ul>
<!-- Used for automation and translation -->
</div>
</div>
</li>
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--features" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-features">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="features" tabindex="-1"> Features </span>
<span class="custom-caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="nav-item--features" data-clyauto-id="filter-dropdown-features" role="group">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-features-low-bridge-fit">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-features/low-bridge-fit" name="features">
<span data-clyauto-prop="title"> Low bridge fit </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-features-prescription">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-features/prescription" name="features">
<span data-clyauto-prop="title"> Prescription Eligible </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-features-progressive">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-features/progressive" name="features">
<span data-clyauto-prop="title"> Progressive-eligible </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-features-nose-pads">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-features/nose-pads" name="features">
<span data-clyauto-prop="title"> Adjustable nose pads </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-features-spring-hinges">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-features/spring-hinges" name="features">
<span data-clyauto-prop="title"> Spring hinge </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-features-lightweight">
<input type="checkbox" data-clyauto-prop="checkbox" value="clearly:frame-features/lightweight" name="features">
<span data-clyauto-prop="title"> Lightweight frame </span>
</label>
</li>
</ul>
</li>
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--material" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-material">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="material" tabindex="-1"> Material </span>
<span class="custom-caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="nav-item--material" data-clyauto-id="filter-dropdown-material" role="group">
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-material-metal">
<input type="checkbox" data-clyauto-prop="checkbox" name="material" value="clearly:frame-material/metal">
<span data-clyauto-prop="title"> Metal </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-material-stainless-steel">
<input type="checkbox" data-clyauto-prop="checkbox" name="material" value="clearly:frame-material/metal/stainless-steel">
<span data-clyauto-prop="title"> Stainless Steel </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-material-titanium">
<input type="checkbox" data-clyauto-prop="checkbox" name="material" value="clearly:frame-material/metal/titanium">
<span data-clyauto-prop="title"> Titanium </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-material-plastic">
<input type="checkbox" data-clyauto-prop="checkbox" name="material" value="clearly:frame-material/plastic">
<span data-clyauto-prop="title"> Plastic </span>
</label>
</li>
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<!-- Used for automation and translation -->
<label class="checkbox-inline is-disabled js-prevent-close-dropdown" data-clyauto-id="filter-material-wood">
<input type="checkbox" data-clyauto-prop="checkbox" name="material" value="clearly:frame-material/wood" disabled="disabled">
<span data-clyauto-prop="title"> Wood </span>
</label>
</li>
</ul>
</li>
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--rationalizedColor" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-rationalizedColor">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="rationalizedColor" tabindex="-1"> Colour </span>
<span class="custom-caret"></span>
</button>
<div class="dropdown-menu dropdown-menu--md dropdown-menu--sm@lg" aria-labelledby="nav-item--rationalizedColor" data-clyauto-id="filter-dropdown-rationalizedColor" role="group">
<ul class="list-unstyled flex flex-align--c flex-wrap dropdown-menu__group dropdown-menu--lg-margin" role="group" aria-label="type">
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-beige js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-beige">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/beige">
<span data-clyauto-prop="title"> Beige </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-black js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-black">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/black">
<span data-clyauto-prop="title"> Black </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-blue js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-blue">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/blue">
<span data-clyauto-prop="title"> Blue </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-bronze js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-bronze">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/bronze">
<span data-clyauto-prop="title"> Bronze </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-brown js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-brown">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/brown">
<span data-clyauto-prop="title"> Brown </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-clear js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-clear">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/clear">
<span data-clyauto-prop="title"> Clear </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-gold js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-gold">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/gold">
<span data-clyauto-prop="title"> Gold </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-green js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-green">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/green">
<span data-clyauto-prop="title"> Green </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-grey js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-grey">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/grey">
<span data-clyauto-prop="title"> Grey </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-orange js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-orange">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/orange">
<span data-clyauto-prop="title"> Orange </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-pink js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-pink">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/pink">
<span data-clyauto-prop="title"> Pink </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-purple js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-purple">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/purple">
<span data-clyauto-prop="title"> Purple </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-red js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-red">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/red">
<span data-clyauto-prop="title"> Red </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-silver js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-silver">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/silver">
<span data-clyauto-prop="title"> Silver </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-tortoise js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-tortoise">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/tortoise">
<span data-clyauto-prop="title"> Tortoise </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-white js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-white">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/white">
<span data-clyauto-prop="title"> White </span>
</label>
</li>
<li class="dropdown-menu__item col-sm-3 col-md-6 col-xs-6">
<!-- Used for automation and translation -->
<label class="checkbox-inline color-selection color-yellow js-prevent-close-dropdown" data-clyauto-id="filter-rationalizedColor-yellow">
<input type="checkbox" data-clyauto-prop="checkbox" name="rationalizedColor" value="clearly:frame-rationalized-color/yellow">
<span data-clyauto-prop="title"> Yellow </span>
</label>
</li>
</ul>
</div>
</li>
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--type" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-type">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="type" tabindex="-1"> Rim </span>
<span class="custom-caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="nav-item--type" data-clyauto-id="filter-dropdown-type" role="group">
<!-- Used for automation and translation -->
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-type-full-frame">
<input type="checkbox" name="type" value="clearly:frame-type/full-frame" data-clyauto-prop="checkbox">
<span data-clyauto-prop="title"> Full Frame </span>
</label>
</li>
<!-- Used for automation and translation -->
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-type-rimless">
<input type="checkbox" name="type" value="clearly:frame-type/rimless" data-clyauto-prop="checkbox">
<span data-clyauto-prop="title"> Rimless </span>
</label>
</li>
<!-- Used for automation and translation -->
<li class="dropdown-menu__item col-md-12 col-sm-4 col-xs-12">
<label class="checkbox-inline js-prevent-close-dropdown" data-clyauto-id="filter-type-semi-rimless">
<input type="checkbox" name="type" value="clearly:frame-type/semi-rimless" data-clyauto-prop="checkbox">
<span data-clyauto-prop="title"> Semi Rimless </span>
</label>
</li>
</ul>
</li>
<li class="nav-item dropdown js-dropdown">
<button id="nav-item--price" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-clyauto-id="filter-price">
<!--Translation key-->
<span class="js-filter-item-label nav-item__label " data-value="price" tabindex="-1"> Price range </span>
<span class="custom-caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="nav-item--price" data-clyauto-id="filter-dropdown-price">
<li class="dropdown-menu__item col-sm-12 col-xs-12">
<div class="js-noUi noUi">
<div class="js-input-range noUi-target noUi-ltr noUi-horizontal" data-range-type="price">
<div class="noUi-base">
<div class="noUi-connects">
<div class="noUi-connect" style="transform: translate(0%, 0px) scale(1, 1);"></div>
</div>
<div class="noUi-origin" style="transform: translate(-100%, 0px); z-index: 5;">
<div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="100.0" aria-valuenow="0.0" aria-valuetext="0"
data-clyauto-id="filter-price-sliderFrom"></div>
</div>
<div class="noUi-origin" style="transform: translate(0%, 0px); z-index: 4;">
<div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="100.0" aria-valuenow="100.0" aria-valuetext="500"
data-clyauto-id="filter-price-sliderTo"></div>
</div>
</div>
</div>
<div class="noUi-input-container">
<input type="number" class="js-from-input noUi-input" data-clyauto-id="filter-price-priceFrom" name="priceFrom" min="0" max="500" aria-label="Minimum price">
<span class="noUi-dash">—</span>
<input type="number" class="js-to-input noUi-input" data-clyauto-id="filter-price-priceTo" name="priceTo" min="0" max="500" aria-label="Maximum price">
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<!-- Clear filters and Apply filters buttons -->
<div class="filter-tabs__control">
<button class="filter-tabs__button filter-tabs__button--icon filter-tabs__button--secondary js-clear-filters" data-clyauto-id="mobile-clear-filter">
<span class="btn-hamburger btn-hamburger--is-open"></span>
<strong>Clear Filters</strong>
</button>
<button class="filter-tabs__button filter-tabs__button--secondary filter-tabs__button--highlight js-apply-filter" data-clyauto-id="mobile-apply-filter">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21">
<rect width="100%" height="100%" fill="none"></rect>
<g class="currentLayer">
<path
d="M21.405 17.54h-8.324v-2.08a.596.596 0 0 0-.595-.595H9.514a.596.596 0 0 0-.595.594v2.082H.595a.596.596 0 0 0-.595.594c0 .327.268.595.595.595h8.324v2.08c0 .328.267.595.595.595h2.972a.596.596 0 0 0 .595-.594V18.73h8.324a.596.596 0 0 0 .595-.595.596.596 0 0 0-.595-.594zm-9.513 2.676h-1.784v-4.162h1.784v4.162zm9.513-10.108H7.135V8.027a.596.596 0 0 0-.594-.595H3.568a.596.596 0 0 0-.595.595v2.081H.595a.596.596 0 0 0-.595.595c0 .327.268.594.595.594h2.378v2.081c0 .327.268.595.595.595h2.973a.596.596 0 0 0 .594-.595v-2.08h14.27a.596.596 0 0 0 .595-.595.596.596 0 0 0-.595-.595zm-15.46 2.676H4.162V8.622h1.784v4.162zm-5.35-8.92h14.27v2.082c0 .327.267.595.594.595h2.973a.596.596 0 0 0 .595-.595V3.865h2.378A.596.596 0 0 0 22 3.27a.596.596 0 0 0-.595-.594h-2.378V.595A.596.596 0 0 0 18.432 0H15.46a.596.596 0 0 0-.594.595v2.08H.595A.596.596 0 0 0 0 3.27c0 .327.268.595.595.595zm15.46-2.675h1.783v4.162h-1.784V1.19z">
</path>
</g>
</svg>
<strong>Apply Filters</strong>
</button>
</div>
</nav>
<!-- Clear filter on desktop -->
<button class="filter-tabs__button filter-tabs__button--link js-clear-filters hidden-md-down hidden" data-clyauto-id="desktop-clear-filter"> Clear Filters </button>
</div>
<hr class="full-width hidden-md-down">
<div class="filter-tabs__row ">
<div data-text="{0} glasses found" class="filter-tabs__count filter-tabs__count--d js-results-count"> 338 glasses found </div>
<div class="sort-by">
<div id="grid-sort" class="dropdown">
<span class="sort-by__label">Sort by</span>
<a href="#" id="dLabel" data-target="#" data-toggle="dropdown" role="button" data-clyauto-id="sort-by" class="dropdown-toggle sort-by__value" aria-haspopup="true" aria-expanded="false">
<span>
Featured
</span>
<span class="custom-caret"></span>
</a>
<ul class="dropdown-menu dropdown-menu--sort dropdown-menu--right" aria-labelledby="dLabel">
<li>
<a id="grid-sort-opt-merchandisingValue" href="#" class="dropdown-menu__sort-option js-sort-dropdown-initial" data-value="merchandisingValue" data-clyauto-id="sort-by-merchandisingValue">
Featured
</a>
</li>
<li>
<a id="grid-sort-opt-startDate" href="#" class="dropdown-menu__sort-option " data-value="startDate" data-clyauto-id="sort-by-startDate">
Newest
</a>
</li>
<li>
<a id="grid-sort-opt-price" href="#" class="dropdown-menu__sort-option " data-value="price" data-clyauto-id="sort-by-price">
Price: low to high
</a>
</li>
<li>
<a id="grid-sort-opt-priceHigh" href="#" class="dropdown-menu__sort-option " data-value="priceHigh" data-clyauto-id="sort-by-priceHigh">
Price: high to low
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</form><form class="signup-form js-signup-news lang-en" novalidate="novalidate">
<input type="hidden" value="601" name="storeUid-footer-form" id="storeUid">
<input type="hidden" value="ca" name="storeKey-footer-form" id="storeKey">
<input type="hidden" value="/content/clearly/clearly_ca/en_CA/sunglasses" name="page-footer-form" id="page">
<input type="hidden" value="CA" name="country-footer-form" id="country">
<input type="hidden" value="en_CA" name="locale-footer-form" id="locale">
<input type="hidden" value="FOOTER" name="source-footer-form">
<input type="hidden" value="EYEWEAR" name="category-footer-form">
<div class="signup-form__heading">Sign up for email & get first access to exclusive offers:</div>
<label id="footer-signup-label-email" class="signup-form-label" for="email-footer-form">Sign up for email to get code</label>
<div class="form-group-wrapper">
<div class="form-group">
<input type="email" class="signup-form__input form-control" id="email-footer-form" name="email-footer-form" data-msg="Enter email to get code" placeholder=" Your email" required="">
</div>
<p class="signup-form-privacy xs-centered">You can unsubscribe at any time. Please see our <a style="text-decoration: underline;" href="/privacy-policy">privacy policy</a>.</p>
<div class="signup-form__submit">
<button id="footer-signup-btn-submit" type="submit" class="btn btn-primary btn-md" data-loading-text="<span class='fa fa-spinner fa-spin '></span>">Sign up</button>
</div>
</div>
</form>POST /rest/signUpNewsletter
<form novalidate="" class="js-newsletter-toaster-signup-form" action="/rest/signUpNewsletter" method="POST">
<input type="hidden" value="601" name="storeUid-footer-form">
<input type="hidden" value="ca" name="storeKey-footer-form">
<input type="hidden" value="/content/clearly/clearly_ca/en_CA/sunglasses" name="page-footer-form">
<input type="hidden" value="CA" name="country-footer-form">
<input type="hidden" value="en_CA" name="locale-footer-form">
<input type="hidden" value="BANNER" name="source-footer-form">
<input type="hidden" value="EYEWEAR" name="category-footer-form">
<div class="cly-newsletter-submit-group">
<div class="cly-newsletter-form-field">
<input type="email" class="cly-newsletter-email-input form-control" id="email-component-signup-form-toaster" name="email-footer-form" data-msg="Enter email to get code" placeholder=" Your email" aria-label=" Your email" required="">
</div>
<div class="cly-newsletter-form-button">
<button type="submit" class="cly-submit-form btn btn-primary btn-lg" data-loading-text="<span class='fa fa-spinner fa-spin '></span>"> Sign up </button>
</div>
</div>
<div class="row cly-validation-msg">
<div class="col-sm-12">
<p class="success-msg display-hidden"> Your code is on its way to your inbox. You’ll always be the first to know about our offers and collections.</p>
<p class="failure-msg display-hidden"> Enter email to get code</p>
</div>
</div>
</form>POST /rest/signUpNewsletter
<form novalidate="novalidate" class="js-newsletter-popup-signup-form" action="/rest/signUpNewsletter" method="POST">
<input type="hidden" value="601" name="storeUid-footer-form">
<input type="hidden" value="ca" name="storeKey-footer-form">
<input type="hidden" value="/content/clearly/clearly_ca/en_CA/sunglasses" name="page-footer-form">
<input type="hidden" value="CA" name="country-footer-form">
<input type="hidden" value="en_CA" name="locale-footer-form">
<input type="hidden" value="LIGHTBOX" name="source-footer-form">
<input type="hidden" value="EYEWEAR" name="category-footer-form">
<div class="form-group-wrapper">
<div class="form-group inline">
<label for="email-component-signup-form">Sign up for email to get code</label>
<input type="email" class="signup-form__input form-control" id="email-component-signup-form" name="email-footer-form" data-msg="Enter email to get code" placeholder=" Your email" required="">
</div>
<div class="form-group button-wrapper inline">
<button type="submit" class="btn btn-primary btn-lg" data-loading-text="<span class='fa fa-spinner fa-spin '></span>"> Sign up </button>
</div>
</div>
<div class="note"> You can unsubscribe at any time. Please see our <a href="/privacy-policy" target="_blank">privacy policy</a>. </div>
</form>POST #
<form class="acsb-form" data-acsb-search="form" enctype="multipart/form-data" action="#" method="POST"> <input type="text" tabindex="0" name="acsb_search" autocomplete="off" placeholder="Search the online dictionary..."
aria-label="Search the online dictionary..."> <i class="acsbi-search"></i> </form>Text Content
Skip to Content
↵ENTER
Skip to Menu
↵ENTER
Skip to Footer
↵ENTER
Skip to main content
Men Women Kids Last Chance
Men Women Kids Brands
Contact Lenses | Eyewear | Blog
English | Franҫais
Back
Clearly
* Glasses
* Glasses Back
* Men
* Women
* Kids
* Last Chance
* Sunglasses
* Sunglasses Back
* Men
* Women
* Kids
* Brands
* Last Chance
* Stores
* Our Mission
* Search
* * MyFit
ON
* Favourites 0
* Login / Create
* My Account Back Return
* My Orders
* My Profile
* My prescriptions
* Log out
* Install app
* 0
* 0
Contact Lenses | Blog
Franҫais
Score today's deal: 40% off all lenses (including blue light, progressives, and
more). Code: LENSUP40 (see terms)
Score today's deal: 40% off all lenses.
(including blue light, progressives, and more)
Code: LENSUP40 Shop Glasses
(see terms)
Free returns
Free shipping over $50
Starting at $9 (yes, frames and lenses): 2,000+ unique styles
Starting at $9
Terms and Conditions
* Code: LENSUP40
* All eyeglasses, with the exclusion of rimless and semi-rimless frames, come
with free Standard Lenses; all other lenses are an upgrade at an additional
cost.
* 40% off lens upgrades will be deducted at checkout if eligible when the code
is entered.
* Standard Lenses accommodate single vision prescriptions from -3 to +3.
* All sunglasses come with free non-prescription standard lenses; all other
lenses are an upgrade at an additional cost.
* Contact lenses and accessories are not included.
* We are not able to “hold” the price of a pair of glasses past the expiry date
of the offer.
* Promotions are subject to change without notice.
* We reserve the right to cancel any order deemed fraudulent.
* Cannot be combined with any other offers.
×
1. Eyewear
2. Sunglasses
SUNGLASSES
Discover the perfect pair of non-prescription and prescription sunglasses. You
can customize your sunglasses in 3 easy steps: select your frame, enter your
prescription, select your lens. You can choose tinted, mirrored or polarized
lenses with 100% UV protection + more.
338 glasses found
Filter
Filter Close filters
* Gender
* Women
* Men
* Unisex
* Kids
* Shape
* Rectangle
* D-Frame
* Round
* Cat-eye
* Aviator
* Oval
* Brand
* a
* b
* c
* d
* e
* f
* g
* h
* i
* j
* k
* l
* m
* n
* o
* p
* q
* r
* s
* t
* u
* v
* w
* x
* y
* z
* 0-9
* Alexander Collection
* American Framework
* Armani Exchange
* Arnette
* B.U.M. Equipment
* Bbygl4ss3s
* Bolon
* Boss Orange
* Bottega
* Brooks Brothers
* Chaps
* Christian Siriano
* Clearly Basics
* Clearly Gamer
* Clearly Junior
* Coach
* Colors In Optics
* Colours By Alexander Julian
* Columbia
* Cremieux
* Crocs
* Cruz
* D&G
* Derek Cardigan
* Derek Lam
* Dior
* Elizabeth And James
* Ellen Degeneres
* Emporio Armani
* Fila
* Gucci
* Jason Wu
* Jhane Barnes
* John Varvatos
* Joseph Marc
* Kam Dhillon
* Konishi
* Lacoste
* Love
* Lucky Brand
* Main And Central
* Marc By Marc Jacobs
* Maui Jim
* Michael Kors
* Modo
* Mr. Peabody & Sherman
* Nike
* Oakley
* OGI
* Perspective
* Polo
* Polo Ralph Lauren
* Prada
* Prada Sport
* Ralph By Ralph Lauren
* Randy Jackson
* Ray-Ban
* Ray-Ban Junior
* Reincarnate
* Renato Balestra
* Rocawear
* Rx Sunglasses
* Ryders
* Salvatore Ferragamo
* SeventyOne
* Stetson
* Superdry
* Tory Burch
* Trevor Linden
* Unionbay
* Vera Wang
* Versace
* Vogue
* Vogue Junior
* XXL
* ZOOM Readers
* Zooventure
* Features
* Low bridge fit
* Prescription Eligible
* Progressive-eligible
* Adjustable nose pads
* Spring hinge
* Lightweight frame
* Material
* Metal
* Stainless Steel
* Titanium
* Plastic
* Wood
* Colour
* Beige
* Black
* Blue
* Bronze
* Brown
* Clear
* Gold
* Green
* Grey
* Orange
* Pink
* Purple
* Red
* Silver
* Tortoise
* White
* Yellow
* Rim
* Full Frame
* Rimless
* Semi Rimless
* Price range
* —
Clear Filters Apply Filters
Clear Filters
--------------------------------------------------------------------------------
338 glasses found
Sort by Featured
* Featured
* Newest
* Price: low to high
* Price: high to low
× Close
Size guide
Lens height Arm length Bridge width Lens width
Your frame measurements (mm)
Frame size is determined by the three key measurements found inside the frame
arm: lens width (from 31-60mm), bridge width (from 12-31mm), and arm length
(from 115-155mm).
Your lens height (mm)
Lens height is essential for multifocal prescriptions, such as Progressives,
which require a minimum measurement of 28-30mm. They are also recommended for Rx
sunglasses.
Temporarily out of stock
Gunmetal
MyFit
Main And Central
Carlton-52
NEW $70 $70
2 colours
FIND WHAT SUITS YOU
Click to see this pair on you with your camera
Try on
Temporarily out of stock
Matte Tortoise
MyFit
Main And Central
Westchester-53
NEW $50 $50
4 colours
Try on
Temporarily out of stock
Matte Black Prizm Polarized
MyFit
Oakley
Latch Beta
NEW $238 $238
4 colours
Try on
Temporarily out of stock
Smoke
MyFit
Main And Central
Sedona-50
NEW $70 $70
2 colours
Try on
Temporarily out of stock
Black
MyFit
Main And Central
Edgewater-51
NEW $70 $70
3 colours
Try on
Temporarily out of stock
Brown Sugar
MyFit
Main And Central
Linden Hills-53
NEW $70 $70
2 colours
Try on
Temporarily out of stock
Matte Black Prizm Polarized
MyFit
Oakley
Holbrook
NEW $226 $226
1 colour
Try on
Temporarily out of stock
Havana
MyFit
Kam Dhillon
Hutton-52
NEW $160 $160
2 colours
Try on
Temporarily out of stock
Grey
MyFit
Reincarnate
Monarch-53
NEW $100 $100
4 colours
Try on
Temporarily out of stock
Matte Tortoise
MyFit
Main And Central
Encino-51
NEW $59 $59
4 colours
Try on
--------------------------------------------------------------------------------
Sunglasses from $35
Free shipping over $50 & free returnsPersonalized customer service
Sunglasses from $35
Free shipping over $50 & free returns
Personalized customer service
--------------------------------------------------------------------------------
Temporarily out of stock
Matte Black
MyFit
Oakley
Gascan
NEW $131 $131
1 colour
Try on
Temporarily out of stock
Black
MyFit
Vogue
VO2606-S-55
NEW $100 $100
2 colours
Try on
Temporarily out of stock
Havana Beige
MyFit
Ray-Ban
RB4314-N-54
NEW $242 $242
1 colour
Try on
Temporarily out of stock
Navy
MyFit
Reincarnate
Magpie-54
NEW $115 $115
4 colours
Try on
Temporarily out of stock
Black
MyFit
Versace
VE2209-58
NEW $353 $353
2 colours
Try on
Temporarily out of stock
Black Polarized
MyFit
Ray-Ban
RB2132-55
NEW $250 $250
7 colours
Temporarily out of stock
Grey
MyFit
Reincarnate
Tupaculo-50
NEW $115 $115
4 colours
Try on
Temporarily out of stock
Shiny Gold
MyFit
Kam Dhillon
Olivia-54
NEW $115 $63
1 colour
Try on
Temporarily out of stock
Black
MyFit
Reincarnate
Pitta-51
NEW $100 $100
4 colours
Try on
Temporarily out of stock
Blue Polarized
MyFit
Clearly Basics
SunSand-51
NEW $65 $65
2 colours
Try on
Temporarily out of stock
Rubber Havana
MyFit
Ray-Ban Junior
RJ9060S-50
NEW $108 $108
2 colours
Temporarily out of stock
Black
MyFit
Oakley
Five
NEW $118 $118
2 colours
Try on
Temporarily out of stock
Gold
MyFit
Ray-Ban Junior
RJ9506S-13-52
NEW $96 $96
1 colour
Temporarily out of stock
Black
MyFit
Main And Central
Bondi-50
NEW $75 $75
4 colours
Try on
LOAD MORE
Back to top
TRENDING SHAPES
Look stylish with aviator, rimless and round sunglasses, or stand out with
cat-eye, rectangle and oval frames.
--------------------------------------------------------------------------------
SHOP BY FRAME SHAPES
Shop Aviator Sunglasses
Shop Cat-eye Sunglasses
Shop Round Sunglasses
Shop Rimless Sunglasses
Shop Rectangle Sunglasses
Shop Oval Sunglasses
--------------------------------------------------------------------------------
Sign up for email & get first access to exclusive offers:
Sign up for email to get code
You can unsubscribe at any time. Please see our privacy policy.
Sign up
The Clearly Difference
* Our Story
* Careers
* Our Mission
* Stores
International Sites
* United States
* New Zealand
* Australia
Find your perfect pair of glasses
* UV Protection Eyewear and Sunglasses
* Tinted Glasses & Sun Tints
* How to buy glasses online
* Try on frames virtually
* Use MyFit to get your ideal glasses fit
* Choosing your lens type
* Benefits of Buying Eyewear Online
Shop with Confidence
* Track Your Order
* Our Promise
* Return Policy
* Contact Us
* Help
* Clearly Coupon Codes
International Sites
* United States
* New Zealand
* Australia
*
*
*
*
*
*
Copyright © 2021 Clearly. All rights reserved.
* Terms & Conditions
* Privacy Policy
* Sitemap
New customers: Get 25% off your first pair of glasses + free shipping over $50
when you sign up for email
You can unsubscribe at any time. Please see our privacy policy
Sign up
Your code is on its way to your inbox. You’ll always be the first to know about
our offers and collections.
Enter email to get code
You can unsubscribe at any time. Please see our privacy policy
Click to get 25% off your first pair of glasses
Thank you for signing up.
Your code is on its way to your inbox. You’ll always be the first to know about
our offers and collections.
Looks like you’ve already subscribed!
Check your inbox for your extra savings.
Sorry an error occurred please try again.
× Close
New to Clearly?
Get 25% off
your first pair of glasses
Plus free shipping over $50
Sign up for email to get code
Sign up
You can unsubscribe at any time. Please see our privacy policy.
Thank you for signing up.
Your code is on its way to your inbox. You’ll always be the first to know about
our offers and collections.
Looks like you’ve already subscribed!
Check your inbox for your extra savings.
Sorry an error occurred please try again.
×Close
English
Accessibility Adjustments
Reset Settings Statement Hide Interface
Choose the right accessibility profile for you
OFF ON
Seizure Safe Profile Eliminates flashes and reduces color
This profile enables epileptic and seizure prone users to browse safely by
eliminating the risk of seizures that result from flashing or blinking
animations and risky color combinations.
OFF ON
Vision Impaired Profile Enhances the website's visuals
This profile adjusts the website, so that it is accessible to the majority of
visual impairments such as Degrading Eyesight, Tunnel Vision, Cataract,
Glaucoma, and others.
OFF ON
Cognitive Disability Profile Assists with reading and focusing
This profile provides various assistive features to help users with cognitive
disabilities such as Autism, Dyslexia, CVA, and others, to focus on the
essential elements of the website more easily.
OFF ON
ADHD Friendly Profile More focus and fewer distractions
This profile significantly reduces distractions, to help people with ADHD and
Neurodevelopmental disorders browse, read, and focus on the essential elements
of the website more easily.
OFF ON
Blind Users (Screen-reader) Use the website with your screen-reader
This profile adjusts the website to be compatible with screen-readers such as
JAWS, NVDA, VoiceOver, and TalkBack. A screen-reader is software that is
installed on the blind user’s computer and smartphone, and websites should
ensure compatibility with it.
Note: This profile prompts automatically to screen-readers.
OFF ON
Keyboard Navigation (Motor) Use the website with the keyboard
This profile enables motor-impaired persons to operate the website using the
keyboard Tab, Shift+Tab, and the Enter keys. Users can also use shortcuts such
as “M” (menus), “H” (headings), “F” (forms), “B” (buttons), and “G” (graphics)
to jump to specific elements.
Note: This profile prompts automatically for keyboard users.
Content Adjustments
Content Scaling
Default
Readable Font
Highlight Titles
Highlight Links
Text Magnifier
Adjust Font Sizing
Default
Align Center
Adjust Line Height
Default
Align Left
Adjust Letter Spacing
Default
Align Right
Color Adjustments
Dark Contrast
Light Contrast
Monochrome
High Saturation
Adjust Text Colors
Cancel
High Contrast
Adjust Title Colors
Cancel
Low Saturation
Adjust Background Colors
Cancel
Orientation Adjustments
Mute Sounds
Hide Images
Read Mode
Reading Guide
Useful Links
Select an option Home Header Footer Main Content
Stop Animations
Reading Mask
Highlight Hover
Highlight Focus
Big Black Cursor
Big White Cursor
HIDDEN_ADJUSTMENTS
Keyboard Navigation
Accessible Mode
Screen Reader Adjustments
Read Mode
Web Accessibility Solution By accessiBe
Choose the Interface Language
English
Español
Deutsch
Português
Français
Italiano
עברית
繁體中文
Pусский
عربى
عربى
Nederlands
繁體中文
日本語
Hide Accessibility Interface? Please note: If you choose to hide the
accessibility interface, you won't be able to see it anymore, unless you clear
your browsing history and data. Are you sure that you wish to hide the
interface?
Accept Cancel
Continue
Processing the data, please give it a few seconds...