<!doctype html>
<html
x-data="{direction: 'up'}"
:class="{'is-loading': $store.shop.isLoading, [`is-loading-${$store.shop.loading}`]: $store.shop.isLoading, [`is-scroll-${direction}`]:true, 'is-fixed': $store.shop.UiLayout.isFixed && $store.shop.UiLayout.scrollBarWidth > 0 }"
@scroll:direction.window="direction = event.detail"
lang="en"
>
<head>
<script async src="https://ga.jspm.io/npm:es-module-shims@1.9.0/dist/es-module-shims.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://www.jimmyfairly.com/">
<link rel="icon" type="image/png" href="//www.jimmyfairly.com/cdn/shop/files/favicon_jimmy_fairly.webp?crop=center&height=32&v=1667907906&width=32">
<title>
Jimmy Fairly I Sunglasses and eyeglasses
</title>
<meta name="description" content="French optician since 2010. High-quality &amp; affordable prices. We design and assemble our prescription glasses and sunglasses for men and women.">
<meta property="og:site_name" content="Jimmy Fairly EN FR">
<meta property="og:url" content="https://www.jimmyfairly.com/">
<meta property="og:title" content="Jimmy Fairly I Sunglasses and eyeglasses">
<meta property="og:type" content="website">
<meta property="og:description" content="French optician since 2010. High-quality & affordable prices. We design and assemble our prescription glasses and sunglasses for men and women."><meta property="og:image" content="http://www.jimmyfairly.com/cdn/shop/files/JIMMYFAIRLYNYCJAN.jpg?v=1768486962">
<meta property="og:image:secure_url" content="https://www.jimmyfairly.com/cdn/shop/files/JIMMYFAIRLYNYCJAN.jpg?v=1768486962">
<meta property="og:image:width" content="4320">
<meta property="og:image:height" content="2706"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Jimmy Fairly I Sunglasses and eyeglasses">
<meta name="twitter:description" content="French optician since 2010. High-quality & affordable prices. We design and assemble our prescription glasses and sunglasses for men and women.">
<link rel="alternate" href="https://www.jimmyfairly.com/en-us/" hreflang="en-us">
<link rel="alternate" href="https://www.jimmyfairly.com/en-gb/" hreflang="en-gb">
<link rel="alternate" href="https://www.jimmyfairly.com/en-ca/" hreflang="en-ca">
<link rel="alternate" href="https://www.jimmyfairly.com/en-au/" hreflang="en-au">
<link rel="alternate" href="https://www.jimmyfairly.com/" hreflang="en-fr">
<link rel="alternate" href="https://www.jimmyfairly.com/fr-us/" hreflang="fr-ca">
<link rel="alternate" href="https://www.jimmyfairly.com/it-it/" hreflang="it-it">
<link rel="alternate" href="https://www.jimmyfairly.com/de-de/" hreflang="de-de">
<link rel="alternate" href="https://www.jimmyfairly.com/es-es/" hreflang="es-es">
<link rel="alternate" href="https://www.jimmyfairly.com/nl-be/" hreflang="nl-be">
<link rel="alternate" href="https://www.jimmyfairly.com/fr-be/" hreflang="fr-be">
<link rel="alternate" href="https://www.jimmyfairly.com/fr/" hreflang="fr">
<link rel="alternate" href="https://www.jimmyfairly.com/fr-eu/" hreflang="fr-ch">
<link rel="alternate" href="https://www.jimmyfairly.com/en-ch/" hreflang="en-ch">
<link rel="alternate" href="https://www.jimmyfairly.com/en-nl/" hreflang="en-nl">
<link rel="alternate" href="https://www.jimmyfairly.com/en-pt/" hreflang="en-pt">
<link rel="alternate" href="https://www.jimmyfairly.com/en-ie/" hreflang="en-ie">
<link rel="alternate" href="https://www.jimmyfairly.com/en-gr/" hreflang="en-gr">
<link rel="alternate" href="https://www.jimmyfairly.com/en-at/" hreflang="en-at">
<link rel="alternate" href="https://www.jimmyfairly.com/en-se/" hreflang="en-se">
<link rel="alternate" href="https://www.jimmyfairly.com/en-lu/" hreflang="en-lu">
<link rel="alternate" href="https://www.jimmyfairly.com/en-dk/" hreflang="en-dk">
<link rel="alternate" href="https://www.jimmyfairly.com/en-no/" hreflang="en-no">
<link rel="alternate" href="https://www.jimmyfairly.com/en-row/" hreflang="x-default">
<script>
window.geoIpStrings = {
title: "Vous êtes bien en [country_name] ?",
list: {
item_1: "Acheter en [currency_iso] [currency_symbol]",
item_2: "Parcourir le site en langue française",
}
}
window.isDev = false
window.shopUrl = 'https://www.jimmyfairly.com'
window.routes = {
cart_add_url: '/cart/add',
root: '',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
}
window.cartStrings = {
error: `An error occurred. Please try again.`,
soldOutError: `This pair is currently sold out. Please remove to proceed to checkout`,
quantityError: `You cannot add more than [quantity] of this product to your cart.`,
}
window.productStrings = {
notEnoughStock: `Stock unavailable, you have already added all available products to your cart.`,
errorAddingToCart: `Low stock, you have already added all available products to your cart.`,
idNotFound: `Product not found`,
}
window.variantStrings = {
addToCart: `Add to cart`,
soldOut: `Sold out`,
unavailable: `Unavailable`,
unavailable_with_option: ` [value] - unavailable`,
}
window.quickOrderListStrings = {
itemsAdded: `[quantity] items added`,
itemAdded: `[quantity] item added`,
itemsRemoved: `[quantity] items deleted`,
itemRemoved: `[quantity] item deleted`,
viewCart: `View cart`,
each: `[money]/piece`,
}
window.accessibilityStrings = {
imageAvailable: `The image [index] is now available in the gallery`,
shareSuccess: `Link copied`,
pauseSlideshow: `Pause`,
playSlideshow: `Pay`,
recipientFormExpanded: `Expand gift card recipient form`,
recipientFormCollapsed: `Close gift card recipient form`,
}
window.productFlowStrings = {
complementary: `Complimentary`,
provided: `Provided`,
notProvided: `Send later`,
}
window.shop = {
cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},
context: {
userEmail: undefined,
}
}
window.collection = {
_view_collection: '4x4',
}
window.localization = {
languages : JSON.parse("\n [\n \n {\"endonym_name\": \"English\", \"iso_code\": \"en\"},\n \n {\"endonym_name\": \"français\", \"iso_code\": \"fr\"}\n \n ]\n"),
countries : JSON.parse("\n [\n \n {\"name\": \"Afghanistan\", \"iso_code\": \"AF\", \"currency\": \"EUR\"},\n \n {\"name\": \"Albania\", \"iso_code\": \"AL\", \"currency\": \"EUR\"},\n \n {\"name\": \"Algeria\", \"iso_code\": \"DZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Andorra\", \"iso_code\": \"AD\", \"currency\": \"EUR\"},\n \n {\"name\": \"Angola\", \"iso_code\": \"AO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Anguilla\", \"iso_code\": \"AI\", \"currency\": \"EUR\"},\n \n {\"name\": \"Antigua \u0026amp; Barbuda\", \"iso_code\": \"AG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Argentina\", \"iso_code\": \"AR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Armenia\", \"iso_code\": \"AM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Aruba\", \"iso_code\": \"AW\", \"currency\": \"EUR\"},\n \n {\"name\": \"Australia\", \"iso_code\": \"AU\", \"currency\": \"EUR\"},\n \n {\"name\": \"Austria\", \"iso_code\": \"AT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Azerbaijan\", \"iso_code\": \"AZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Bahrain\", \"iso_code\": \"BH\", \"currency\": \"EUR\"},\n \n {\"name\": \"Bangladesh\", \"iso_code\": \"BD\", \"currency\": \"EUR\"},\n \n {\"name\": \"Barbados\", \"iso_code\": \"BB\", \"currency\": \"EUR\"},\n \n {\"name\": \"Belarus\", \"iso_code\": \"BY\", \"currency\": \"EUR\"},\n \n {\"name\": \"Belgium\", \"iso_code\": \"BE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Belize\", \"iso_code\": \"BZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Benin\", \"iso_code\": \"BJ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Bermuda\", \"iso_code\": \"BM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Bhutan\", \"iso_code\": \"BT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Bolivia\", \"iso_code\": \"BO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Bosnia \u0026amp; Herzegovina\", \"iso_code\": \"BA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Botswana\", \"iso_code\": \"BW\", \"currency\": \"EUR\"},\n \n {\"name\": \"Brazil\", \"iso_code\": \"BR\", \"currency\": \"EUR\"},\n \n {\"name\": \"British Virgin Islands\", \"iso_code\": \"VG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Bulgaria\", \"iso_code\": \"BG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Burkina Faso\", \"iso_code\": \"BF\", \"currency\": \"EUR\"},\n \n {\"name\": \"Burundi\", \"iso_code\": \"BI\", \"currency\": \"EUR\"},\n \n {\"name\": \"Cambodia\", \"iso_code\": \"KH\", \"currency\": \"EUR\"},\n \n {\"name\": \"Cameroon\", \"iso_code\": \"CM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Canada\", \"iso_code\": \"CA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Chile\", \"iso_code\": \"CL\", \"currency\": \"EUR\"},\n \n {\"name\": \"China\", \"iso_code\": \"CN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Colombia\", \"iso_code\": \"CO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Comoros\", \"iso_code\": \"KM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Congo - Brazzaville\", \"iso_code\": \"CG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Congo - Kinshasa\", \"iso_code\": \"CD\", \"currency\": \"EUR\"},\n \n {\"name\": \"Costa Rica\", \"iso_code\": \"CR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Côte d’Ivoire\", \"iso_code\": \"CI\", \"currency\": \"EUR\"},\n \n {\"name\": \"Croatia\", \"iso_code\": \"HR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Curaçao\", \"iso_code\": \"CW\", \"currency\": \"EUR\"},\n \n {\"name\": \"Cyprus\", \"iso_code\": \"CY\", \"currency\": \"EUR\"},\n \n {\"name\": \"Czechia\", \"iso_code\": \"CZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Denmark\", \"iso_code\": \"DK\", \"currency\": \"EUR\"},\n \n {\"name\": \"Djibouti\", \"iso_code\": \"DJ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Dominica\", \"iso_code\": \"DM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Dominican Republic\", \"iso_code\": \"DO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Ecuador\", \"iso_code\": \"EC\", \"currency\": \"EUR\"},\n \n {\"name\": \"Egypt\", \"iso_code\": \"EG\", \"currency\": \"EUR\"},\n \n {\"name\": \"El Salvador\", \"iso_code\": \"SV\", \"currency\": \"EUR\"},\n \n {\"name\": \"Estonia\", \"iso_code\": \"EE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Eswatini\", \"iso_code\": \"SZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Ethiopia\", \"iso_code\": \"ET\", \"currency\": \"EUR\"},\n \n {\"name\": \"Fiji\", \"iso_code\": \"FJ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Finland\", \"iso_code\": \"FI\", \"currency\": \"EUR\"},\n \n {\"name\": \"France\", \"iso_code\": \"FR\", \"currency\": \"EUR\"},\n \n {\"name\": \"French Guiana\", \"iso_code\": \"GF\", \"currency\": \"EUR\"},\n \n {\"name\": \"French Polynesia\", \"iso_code\": \"PF\", \"currency\": \"EUR\"},\n \n {\"name\": \"French Southern Territories\", \"iso_code\": \"TF\", \"currency\": \"EUR\"},\n \n {\"name\": \"Gabon\", \"iso_code\": \"GA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Gambia\", \"iso_code\": \"GM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Georgia\", \"iso_code\": \"GE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Germany\", \"iso_code\": \"DE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Ghana\", \"iso_code\": \"GH\", \"currency\": \"EUR\"},\n \n {\"name\": \"Gibraltar\", \"iso_code\": \"GI\", \"currency\": \"EUR\"},\n \n {\"name\": \"Greece\", \"iso_code\": \"GR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Greenland\", \"iso_code\": \"GL\", \"currency\": \"EUR\"},\n \n {\"name\": \"Grenada\", \"iso_code\": \"GD\", \"currency\": \"EUR\"},\n \n {\"name\": \"Guadeloupe\", \"iso_code\": \"GP\", \"currency\": \"EUR\"},\n \n {\"name\": \"Guatemala\", \"iso_code\": \"GT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Guinea\", \"iso_code\": \"GN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Guyana\", \"iso_code\": \"GY\", \"currency\": \"EUR\"},\n \n {\"name\": \"Haiti\", \"iso_code\": \"HT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Honduras\", \"iso_code\": \"HN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Hong Kong SAR\", \"iso_code\": \"HK\", \"currency\": \"EUR\"},\n \n {\"name\": \"Hungary\", \"iso_code\": \"HU\", \"currency\": \"EUR\"},\n \n {\"name\": \"Iceland\", \"iso_code\": \"IS\", \"currency\": \"EUR\"},\n \n {\"name\": \"India\", \"iso_code\": \"IN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Indonesia\", \"iso_code\": \"ID\", \"currency\": \"EUR\"},\n \n {\"name\": \"Iraq\", \"iso_code\": \"IQ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Ireland\", \"iso_code\": \"IE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Israel\", \"iso_code\": \"IL\", \"currency\": \"EUR\"},\n \n {\"name\": \"Italy\", \"iso_code\": \"IT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Jamaica\", \"iso_code\": \"JM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Japan\", \"iso_code\": \"JP\", \"currency\": \"EUR\"},\n \n {\"name\": \"Kazakhstan\", \"iso_code\": \"KZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Kenya\", \"iso_code\": \"KE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Kiribati\", \"iso_code\": \"KI\", \"currency\": \"EUR\"},\n \n {\"name\": \"Kyrgyzstan\", \"iso_code\": \"KG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Latvia\", \"iso_code\": \"LV\", \"currency\": \"EUR\"},\n \n {\"name\": \"Lebanon\", \"iso_code\": \"LB\", \"currency\": \"EUR\"},\n \n {\"name\": \"Lesotho\", \"iso_code\": \"LS\", \"currency\": \"EUR\"},\n \n {\"name\": \"Liberia\", \"iso_code\": \"LR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Libya\", \"iso_code\": \"LY\", \"currency\": \"EUR\"},\n \n {\"name\": \"Liechtenstein\", \"iso_code\": \"LI\", \"currency\": \"EUR\"},\n \n {\"name\": \"Lithuania\", \"iso_code\": \"LT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Luxembourg\", \"iso_code\": \"LU\", \"currency\": \"EUR\"},\n \n {\"name\": \"Macao SAR\", \"iso_code\": \"MO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Madagascar\", \"iso_code\": \"MG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Malawi\", \"iso_code\": \"MW\", \"currency\": \"EUR\"},\n \n {\"name\": \"Malaysia\", \"iso_code\": \"MY\", \"currency\": \"EUR\"},\n \n {\"name\": \"Maldives\", \"iso_code\": \"MV\", \"currency\": \"EUR\"},\n \n {\"name\": \"Mali\", \"iso_code\": \"ML\", \"currency\": \"EUR\"},\n \n {\"name\": \"Malta\", \"iso_code\": \"MT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Martinique\", \"iso_code\": \"MQ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Mauritania\", \"iso_code\": \"MR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Mauritius\", \"iso_code\": \"MU\", \"currency\": \"EUR\"},\n \n {\"name\": \"Mexico\", \"iso_code\": \"MX\", \"currency\": \"EUR\"},\n \n {\"name\": \"Monaco\", \"iso_code\": \"MC\", \"currency\": \"EUR\"},\n \n {\"name\": \"Mongolia\", \"iso_code\": \"MN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Montenegro\", \"iso_code\": \"ME\", \"currency\": \"EUR\"},\n \n {\"name\": \"Morocco\", \"iso_code\": \"MA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Mozambique\", \"iso_code\": \"MZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Myanmar (Burma)\", \"iso_code\": \"MM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Namibia\", \"iso_code\": \"NA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Nauru\", \"iso_code\": \"NR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Nepal\", \"iso_code\": \"NP\", \"currency\": \"EUR\"},\n \n {\"name\": \"Netherlands\", \"iso_code\": \"NL\", \"currency\": \"EUR\"},\n \n {\"name\": \"New Caledonia\", \"iso_code\": \"NC\", \"currency\": \"EUR\"},\n \n {\"name\": \"New Zealand\", \"iso_code\": \"NZ\", \"currency\": \"EUR\"},\n \n {\"name\": \"Nicaragua\", \"iso_code\": \"NI\", \"currency\": \"EUR\"},\n \n {\"name\": \"Niger\", \"iso_code\": \"NE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Nigeria\", \"iso_code\": \"NG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Niue\", \"iso_code\": \"NU\", \"currency\": \"EUR\"},\n \n {\"name\": \"North Macedonia\", \"iso_code\": \"MK\", \"currency\": \"EUR\"},\n \n {\"name\": \"Norway\", \"iso_code\": \"NO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Oman\", \"iso_code\": \"OM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Pakistan\", \"iso_code\": \"PK\", \"currency\": \"EUR\"},\n \n {\"name\": \"Panama\", \"iso_code\": \"PA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Paraguay\", \"iso_code\": \"PY\", \"currency\": \"EUR\"},\n \n {\"name\": \"Peru\", \"iso_code\": \"PE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Poland\", \"iso_code\": \"PL\", \"currency\": \"EUR\"},\n \n {\"name\": \"Portugal\", \"iso_code\": \"PT\", \"currency\": \"EUR\"},\n \n {\"name\": \"Qatar\", \"iso_code\": \"QA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Réunion\", \"iso_code\": \"RE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Romania\", \"iso_code\": \"RO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Russia\", \"iso_code\": \"RU\", \"currency\": \"EUR\"},\n \n {\"name\": \"Rwanda\", \"iso_code\": \"RW\", \"currency\": \"EUR\"},\n \n {\"name\": \"Samoa\", \"iso_code\": \"WS\", \"currency\": \"EUR\"},\n \n {\"name\": \"San Marino\", \"iso_code\": \"SM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Saudi Arabia\", \"iso_code\": \"SA\", \"currency\": \"EUR\"},\n \n {\"name\": \"Senegal\", \"iso_code\": \"SN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Serbia\", \"iso_code\": \"RS\", \"currency\": \"EUR\"},\n \n {\"name\": \"Sierra Leone\", \"iso_code\": \"SL\", \"currency\": \"EUR\"},\n \n {\"name\": \"Singapore\", \"iso_code\": \"SG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Slovakia\", \"iso_code\": \"SK\", \"currency\": \"EUR\"},\n \n {\"name\": \"Slovenia\", \"iso_code\": \"SI\", \"currency\": \"EUR\"},\n \n {\"name\": \"South Africa\", \"iso_code\": \"ZA\", \"currency\": \"EUR\"},\n \n {\"name\": \"South Korea\", \"iso_code\": \"KR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Spain\", \"iso_code\": \"ES\", \"currency\": \"EUR\"},\n \n {\"name\": \"Sri Lanka\", \"iso_code\": \"LK\", \"currency\": \"EUR\"},\n \n {\"name\": \"St. Barthélemy\", \"iso_code\": \"BL\", \"currency\": \"EUR\"},\n \n {\"name\": \"St. Kitts \u0026amp; Nevis\", \"iso_code\": \"KN\", \"currency\": \"EUR\"},\n \n {\"name\": \"St. Lucia\", \"iso_code\": \"LC\", \"currency\": \"EUR\"},\n \n {\"name\": \"St. Martin\", \"iso_code\": \"MF\", \"currency\": \"EUR\"},\n \n {\"name\": \"Suriname\", \"iso_code\": \"SR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Sweden\", \"iso_code\": \"SE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Switzerland\", \"iso_code\": \"CH\", \"currency\": \"CHF\"},\n \n {\"name\": \"Taiwan\", \"iso_code\": \"TW\", \"currency\": \"EUR\"},\n \n {\"name\": \"Thailand\", \"iso_code\": \"TH\", \"currency\": \"EUR\"},\n \n {\"name\": \"Tonga\", \"iso_code\": \"TO\", \"currency\": \"EUR\"},\n \n {\"name\": \"Tunisia\", \"iso_code\": \"TN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Türkiye\", \"iso_code\": \"TR\", \"currency\": \"EUR\"},\n \n {\"name\": \"Tuvalu\", \"iso_code\": \"TV\", \"currency\": \"EUR\"},\n \n {\"name\": \"Uganda\", \"iso_code\": \"UG\", \"currency\": \"EUR\"},\n \n {\"name\": \"Ukraine\", \"iso_code\": \"UA\", \"currency\": \"EUR\"},\n \n {\"name\": \"United Arab Emirates\", \"iso_code\": \"AE\", \"currency\": \"EUR\"},\n \n {\"name\": \"United Kingdom\", \"iso_code\": \"GB\", \"currency\": \"GBP\"},\n \n {\"name\": \"United States\", \"iso_code\": \"US\", \"currency\": \"USD\"},\n \n {\"name\": \"Uruguay\", \"iso_code\": \"UY\", \"currency\": \"EUR\"},\n \n {\"name\": \"Vanuatu\", \"iso_code\": \"VU\", \"currency\": \"EUR\"},\n \n {\"name\": \"Venezuela\", \"iso_code\": \"VE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Vietnam\", \"iso_code\": \"VN\", \"currency\": \"EUR\"},\n \n {\"name\": \"Wallis \u0026amp; Futuna\", \"iso_code\": \"WF\", \"currency\": \"EUR\"},\n \n {\"name\": \"Yemen\", \"iso_code\": \"YE\", \"currency\": \"EUR\"},\n \n {\"name\": \"Zambia\", \"iso_code\": \"ZM\", \"currency\": \"EUR\"},\n \n {\"name\": \"Zimbabwe\", \"iso_code\": \"ZW\", \"currency\": \"EUR\"}\n \n ]\n"),
countryCode : 'FR' || 'fr',
languageCode : 'en' || 'fr',
localizationData : JSON.parse("\n {\n \"markets\": [\n \n {\n \"iso_code\": \"AF\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"DZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AD\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AO\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AW\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AU\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AT\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BH\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BD\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BB\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BY\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"nl\" , \n \n \"fr\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BJ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BT\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BO\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BW\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"VG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BF\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KH\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CO\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CD\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"HR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CW\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CY\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"DK\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"DJ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"DM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"DO\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"EC\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"EG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"ja\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SV\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"EE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ET\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"FJ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"FI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"FR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GF\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"PF\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"TF\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"DE\",\n \"available_languages\": [\n \n \"de\" , \n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GH\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GR\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GD\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GP\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GT\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GY\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"HT\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"HN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"HK\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"HU\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"IS\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"IN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ID\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"IQ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"IE\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"IL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"IT\",\n \"available_languages\": [\n \n \"it\" , \n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"JM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"JP\",\n \"available_languages\": [\n \n \"ja\" , \n \n \"fr\" , \n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LV\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LB\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LS\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LY\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LT\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LU\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MO\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MW\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MY\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MV\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ML\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MT\",\n \"available_languages\": [\n \n \"en\" , \n \n \"es\" , \n \n \"fr\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MQ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MU\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MX\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MC\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ME\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NP\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"nl\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NC\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NZ\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NU\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MK\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"NO\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"OM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"PK\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"PA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"PY\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"PE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"PL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"PT\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"QA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"RE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"RO\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"RU\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"RW\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"WS\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"RS\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SK\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SI\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ZA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ES\",\n \"available_languages\": [\n \n \"es\" , \n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LK\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"BL\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"KN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"LC\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"MF\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"SE\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"CH\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"de\" , \n \n \"it\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"TW\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"TH\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"TO\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"TN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"TR\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"TV\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"UG\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"UA\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"AE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"GB\",\n \"available_languages\": [\n \n \"en\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"US\",\n \"available_languages\": [\n \n \"en\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"UY\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"VU\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"VE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"VN\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"WF\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"YE\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ZM\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } , \n \n {\n \"iso_code\": \"ZW\",\n \"available_languages\": [\n \n \"en\" , \n \n \"fr\" , \n \n \"es\" \n \n ],\n \"primary_locale\": \"\"\n } \n \n ],\n \"default_languages\": [\n \n \"en\" , \n \n \"fr\" \n \n ],\n \"default_locale\": \"en\"\n }\n "),
}
window.storeLocatorStrings = {
geolocationLabel: `My location`,
selectLabel: `My location`,
switchListLabel: `List`,
switchMapLabel: `Map`,
open: `Open `,
close: `Closed`,
closeSoon: `Closing soon`,
}
window.mapConfig = {
token: "pk.eyJ1IjoiamltbXlmYWlybHkiLCJhIjoiY2xmNm1ocXU4MW8zNzNzbnpvdW41aTU2ZyJ9.frsRZSkQ9TUs_BFPwAzMuA",
styleUrl: "mapbox://styles/jimmyfairly/clf6o4sqv008i01mrtczb50nl",
markerUrl: "//www.jimmyfairly.com/cdn/shop/files/Pin.png?v=1725648489&width=100",
geolocHtml: ``,
switchHtml: {
list: ``,
map: ``,
},
};
window.available_countries = [{
name: "Afghanistan",
iso_code: "AF",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Albania",
iso_code: "AL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Algeria",
iso_code: "DZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Andorra",
iso_code: "AD",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Angola",
iso_code: "AO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Anguilla",
iso_code: "AI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Antigua & Barbuda",
iso_code: "AG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Argentina",
iso_code: "AR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Armenia",
iso_code: "AM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Aruba",
iso_code: "AW",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Australia",
iso_code: "AU",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Austria",
iso_code: "AT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Azerbaijan",
iso_code: "AZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Bahrain",
iso_code: "BH",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Bangladesh",
iso_code: "BD",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Barbados",
iso_code: "BB",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Belarus",
iso_code: "BY",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Belgium",
iso_code: "BE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Belize",
iso_code: "BZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Benin",
iso_code: "BJ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Bermuda",
iso_code: "BM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Bhutan",
iso_code: "BT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Bolivia",
iso_code: "BO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Bosnia & Herzegovina",
iso_code: "BA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Botswana",
iso_code: "BW",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Brazil",
iso_code: "BR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "British Virgin Islands",
iso_code: "VG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Bulgaria",
iso_code: "BG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Burkina Faso",
iso_code: "BF",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Burundi",
iso_code: "BI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Cambodia",
iso_code: "KH",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Cameroon",
iso_code: "CM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Canada",
iso_code: "CA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Chile",
iso_code: "CL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "China",
iso_code: "CN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Colombia",
iso_code: "CO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Comoros",
iso_code: "KM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Congo - Brazzaville",
iso_code: "CG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Congo - Kinshasa",
iso_code: "CD",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Costa Rica",
iso_code: "CR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Côte d’Ivoire",
iso_code: "CI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Croatia",
iso_code: "HR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Curaçao",
iso_code: "CW",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Cyprus",
iso_code: "CY",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Czechia",
iso_code: "CZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Denmark",
iso_code: "DK",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Djibouti",
iso_code: "DJ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Dominica",
iso_code: "DM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Dominican Republic",
iso_code: "DO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Ecuador",
iso_code: "EC",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Egypt",
iso_code: "EG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "El Salvador",
iso_code: "SV",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Estonia",
iso_code: "EE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Eswatini",
iso_code: "SZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Ethiopia",
iso_code: "ET",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Fiji",
iso_code: "FJ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Finland",
iso_code: "FI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "France",
iso_code: "FR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "French Guiana",
iso_code: "GF",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "French Polynesia",
iso_code: "PF",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "French Southern Territories",
iso_code: "TF",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Gabon",
iso_code: "GA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Gambia",
iso_code: "GM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Georgia",
iso_code: "GE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Germany",
iso_code: "DE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Ghana",
iso_code: "GH",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Gibraltar",
iso_code: "GI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Greece",
iso_code: "GR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Greenland",
iso_code: "GL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Grenada",
iso_code: "GD",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Guadeloupe",
iso_code: "GP",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Guatemala",
iso_code: "GT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Guinea",
iso_code: "GN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Guyana",
iso_code: "GY",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Haiti",
iso_code: "HT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Honduras",
iso_code: "HN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Hong Kong SAR",
iso_code: "HK",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Hungary",
iso_code: "HU",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Iceland",
iso_code: "IS",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "India",
iso_code: "IN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Indonesia",
iso_code: "ID",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Iraq",
iso_code: "IQ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Ireland",
iso_code: "IE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Israel",
iso_code: "IL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Italy",
iso_code: "IT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Jamaica",
iso_code: "JM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Japan",
iso_code: "JP",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Kazakhstan",
iso_code: "KZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Kenya",
iso_code: "KE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Kiribati",
iso_code: "KI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Kyrgyzstan",
iso_code: "KG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Latvia",
iso_code: "LV",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Lebanon",
iso_code: "LB",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Lesotho",
iso_code: "LS",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Liberia",
iso_code: "LR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Libya",
iso_code: "LY",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Liechtenstein",
iso_code: "LI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Lithuania",
iso_code: "LT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Luxembourg",
iso_code: "LU",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Macao SAR",
iso_code: "MO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Madagascar",
iso_code: "MG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Malawi",
iso_code: "MW",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Malaysia",
iso_code: "MY",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Maldives",
iso_code: "MV",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Mali",
iso_code: "ML",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Malta",
iso_code: "MT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Martinique",
iso_code: "MQ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Mauritania",
iso_code: "MR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Mauritius",
iso_code: "MU",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Mexico",
iso_code: "MX",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Monaco",
iso_code: "MC",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Mongolia",
iso_code: "MN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Montenegro",
iso_code: "ME",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Morocco",
iso_code: "MA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Mozambique",
iso_code: "MZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Myanmar (Burma)",
iso_code: "MM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Namibia",
iso_code: "NA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Nauru",
iso_code: "NR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Nepal",
iso_code: "NP",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Netherlands",
iso_code: "NL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "New Caledonia",
iso_code: "NC",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "New Zealand",
iso_code: "NZ",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Nicaragua",
iso_code: "NI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Niger",
iso_code: "NE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Nigeria",
iso_code: "NG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Niue",
iso_code: "NU",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "North Macedonia",
iso_code: "MK",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Norway",
iso_code: "NO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Oman",
iso_code: "OM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Pakistan",
iso_code: "PK",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Panama",
iso_code: "PA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Paraguay",
iso_code: "PY",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Peru",
iso_code: "PE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Poland",
iso_code: "PL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Portugal",
iso_code: "PT",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Qatar",
iso_code: "QA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Réunion",
iso_code: "RE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Romania",
iso_code: "RO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Russia",
iso_code: "RU",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Rwanda",
iso_code: "RW",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Samoa",
iso_code: "WS",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "San Marino",
iso_code: "SM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Saudi Arabia",
iso_code: "SA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Senegal",
iso_code: "SN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Serbia",
iso_code: "RS",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Sierra Leone",
iso_code: "SL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Singapore",
iso_code: "SG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Slovakia",
iso_code: "SK",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Slovenia",
iso_code: "SI",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "South Africa",
iso_code: "ZA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "South Korea",
iso_code: "KR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Spain",
iso_code: "ES",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Sri Lanka",
iso_code: "LK",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "St. Barthélemy",
iso_code: "BL",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "St. Kitts & Nevis",
iso_code: "KN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "St. Lucia",
iso_code: "LC",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "St. Martin",
iso_code: "MF",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Suriname",
iso_code: "SR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Sweden",
iso_code: "SE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Switzerland",
iso_code: "CH",
currency: {
iso_code: "CHF",
symbol: "CHF",
},
},{
name: "Taiwan",
iso_code: "TW",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Thailand",
iso_code: "TH",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Tonga",
iso_code: "TO",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Tunisia",
iso_code: "TN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Türkiye",
iso_code: "TR",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Tuvalu",
iso_code: "TV",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Uganda",
iso_code: "UG",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Ukraine",
iso_code: "UA",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "United Arab Emirates",
iso_code: "AE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "United Kingdom",
iso_code: "GB",
currency: {
iso_code: "GBP",
symbol: "£",
},
},{
name: "United States",
iso_code: "US",
currency: {
iso_code: "USD",
symbol: "$",
},
},{
name: "Uruguay",
iso_code: "UY",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Vanuatu",
iso_code: "VU",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Venezuela",
iso_code: "VE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Vietnam",
iso_code: "VN",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Wallis & Futuna",
iso_code: "WF",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Yemen",
iso_code: "YE",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Zambia",
iso_code: "ZM",
currency: {
iso_code: "EUR",
symbol: "€",
},
},{
name: "Zimbabwe",
iso_code: "ZW",
currency: {
iso_code: "EUR",
symbol: "€",
},
}]
window.tagsTranslations = JSON.parse("{\n\"new_in\": \"New In\",\n\"best\": \"Bestseller\", \"back_in_stock\": \"Back in stock\",\n\"vto\": \"Virtual Try-On\", \"virtual_try_on\": \"Virtual Try-On\"\n}")
window.onTrackProduct = (index, url, isCrossSell, product) => {
console.log(parseInt(index));
const currentIndex = index ? parseInt(index) - 1 : 0
const crossSell = (isCrossSell && isCrossSell !== '') ?? false
const eventProduct = {
event: 'ecommerce',
event_name: 'select_item',
plp_view_type: '4',
ecommerce: {
items: [
{
...product,
index: currentIndex,
cross_sell: crossSell ? 'product' : false,
},
],
},
}
localStorage.setItem('trackingDataProductIndex', currentIndex)
localStorage.setItem('trackingDataProductCrossSell', crossSell)
dataLayer.push({ ecommerce: null })
dataLayer.push(eventProduct)
console.log('[Analytics] - ', eventProduct)
}
</script>
<!-- snippets/scripts-tags -->
<script type="importmap">
{
"imports": {
"./vite-account-v1FLbqiw.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-account-v1FLbqiw.js?v=129981861254075955081768570208",
"./vite-cart-7Kly4YmQ.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-cart-7Kly4YmQ.js?v=129981861254075955081768570208",
"./vite-choices-BVH1QHDB.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-choices-BVH1QHDB.js?v=97501597904237707191768570208",
"./vite-collection-IDVTUnu_.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-collection-IDVTUnu_.js?v=12716475837738827261768907931",
"./vite-debounce-z3MRm752.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-debounce-z3MRm752.js?v=155809379779471128251768569544",
"./vite-embla-carousel-auto-height.esm-Ddyvc1_j.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-embla-carousel-auto-height.esm-Ddyvc1_j.js?v=97363778697671205681768570207",
"./vite-embla-carousel-autoplay.esm-Dtrtw0zj.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-embla-carousel-autoplay.esm-Dtrtw0zj.js?v=77798180944831913071768570207",
"./vite-embla-carousel.esm-CMPFBS9o.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-embla-carousel.esm-CMPFBS9o.js?v=141449351861019897811768570207",
"./vite-getBbox-C9pZHl-b.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-getBbox-C9pZHl-b.js?v=172876944926169946421768569549",
"./vite-getHandle-CQ0RA71c.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-getHandle-CQ0RA71c.js?v=139785782046478594471768569550",
"./vite-getPageType-UkxWU2yH.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-getPageType-UkxWU2yH.js?v=3042236130336880121768569551",
"./vite-index-16f9EA5P.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-16f9EA5P.js?v=110965097362070907151768907931",
"./vite-index-4_Ywz3sj.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-4_Ywz3sj.js?v=143223589469152511261768569554",
"./vite-index-B5Qt9EMX.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-B5Qt9EMX.js?v=12395776870087578261768569561",
"./vite-index-B9sFd1Rg.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-B9sFd1Rg.js?v=167510816517558777511768907931",
"./vite-index-Baq9VXlO.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Baq9VXlO.js?v=21396246478238894341768569562",
"./vite-index-BcB0rjcP.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BcB0rjcP.js?v=173640172178933639051768907931",
"./vite-index-BE_Hh3H6.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BE_Hh3H6.js?v=22071636169737213491768907931",
"./vite-index-Bi1UpbH3.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Bi1UpbH3.js?v=156628474835066114021768569566",
"./vite-index-BkN82SbP.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BkN82SbP.js?v=28745363625765543231768569570",
"./vite-index-BMQ7tZYY.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BMQ7tZYY.js?v=165263758997101406881768570207",
"./vite-index-BNA7UwBW.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BNA7UwBW.js?v=20132854644620689381768569573",
"./vite-index-BNr6t_XP.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BNr6t_XP.js?v=144137108069982851461768907931",
"./vite-index-BPBRFian.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BPBRFian.js?v=10171975593866648321768907931",
"./vite-index-Bs96Dn6W.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Bs96Dn6W.js?v=43324111685077798771768907931",
"./vite-index-BskxGlvq.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BskxGlvq.js?v=93292008886458125791768907931",
"./vite-index-BXcgULjw.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BXcgULjw.js?v=12990746187202953571768907931",
"./vite-index-CDBxNOdR.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CDBxNOdR.js?v=58510776576898395251768570208",
"./vite-index-CdCI4JTx.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CdCI4JTx.js?v=46071177443348770501768569593",
"./vite-index-CF8mzJr7.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CF8mzJr7.js?v=38169656578404601121768907931",
"./vite-index-CIazkzam.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CIazkzam.js?v=110523115636814860831768569597",
"./vite-index-CJaQgiDz.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CJaQgiDz.js?v=31965198631648863711768907932",
"./vite-index-CjURBpoi.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CjURBpoi.js?v=48147718195371276631768907932",
"./vite-index-CpH2d_AQ.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CpH2d_AQ.js?v=168940642510889505761768907932",
"./vite-index-CPviqddF.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CPviqddF.js?v=82469523744931211201768907932",
"./vite-index-CSs9sB_B.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CSs9sB_B.js?v=48748331694274116301768569602",
"./vite-index-CST5nwv0.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CST5nwv0.js?v=107182231089420733631768569603",
"./vite-index-CszfLZm-.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CszfLZm-.js?v=181420287540194358761768907932",
"./vite-index-CTQV4yRl.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CTQV4yRl.js?v=119906135975626770061768569605",
"./vite-index-CXk_fGCB.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CXk_fGCB.js?v=169144672848858735661768569608",
"./vite-index-D0DXfydm.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-D0DXfydm.js?v=72369683117789205881768569609",
"./vite-index-D4fci5TY.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-D4fci5TY.js?v=93984711748048271821768907932",
"./vite-index-D5G3q4qD.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-D5G3q4qD.js?v=91424219587189697761768907932",
"./vite-index-D9BEn9Td.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-D9BEn9Td.js?v=168998120649451947481768907932",
"./vite-index-DaaDhP9u.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DaaDhP9u.js?v=26147891238587469701768569609",
"./vite-index-DbHWtl_1.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DbHWtl_1.js?v=58714836840930892071768907932",
"./vite-index-DbN5DxdX.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DbN5DxdX.js?v=178711538670355332971768907932",
"./vite-index-DFx3lKRS.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DFx3lKRS.js?v=89814428998642772051768907932",
"./vite-index-dKDQfkn_.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-dKDQfkn_.js?v=16221136844787941151768907932",
"./vite-index-DKIpF24u.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DKIpF24u.js?v=160833175423147067701768907932",
"./vite-index-DnlMO77n.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DnlMO77n.js?v=169240014062133194731768907932",
"./vite-index-DQNJN8rY.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DQNJN8rY.js?v=92919894961169291611768907932",
"./vite-index-DQo3l-fL.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DQo3l-fL.js?v=127887546192616039201768569624",
"./vite-index-Duag71Ci.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Duag71Ci.js?v=139971266429747239461768569627",
"./vite-index-DUr2uyji.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DUr2uyji.js?v=53037569148505914001768907932",
"./vite-index-Dydf6JR5.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Dydf6JR5.js?v=133311782144393748151768907932",
"./vite-index-gXQMz9Dy.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-gXQMz9Dy.js?v=166522971624649205891768570208",
"./vite-index-iA18N72F.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-iA18N72F.js?v=60311624662611587951768569632",
"./vite-index-ibT-psro.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-ibT-psro.js?v=96208224372511823321768570208",
"./vite-index-IkMgQA7a.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-IkMgQA7a.js?v=58817389892701269501768907932",
"./vite-index-Iqi0Ma8P.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Iqi0Ma8P.js?v=35497868399790846781768907932",
"./vite-index-JuhVYYhc.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-JuhVYYhc.js?v=148681001010299242611768907932",
"./vite-index-nd_VI6-7.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-nd_VI6-7.js?v=112234164180166554351768907932",
"./vite-index-ow3mAqHg.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-ow3mAqHg.js?v=27077557607898382591768569641",
"./vite-index-U4ABipsN.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-U4ABipsN.js?v=86297254914473375211768907932",
"./vite-index-vrMxj4pp.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-vrMxj4pp.js?v=47338226738645494121768569645",
"./vite-index-Z4jQsmV_.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Z4jQsmV_.js?v=9178561418908923911768907932",
"./vite-index-Z7zyIYVl.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-Z7zyIYVl.js?v=165443119133809534291768907932",
"./vite-intlTelInput-BkfIV1pU.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-intlTelInput-BkfIV1pU.js?v=132428102562515110841768907932",
"./vite-js.cookie-Cz0CWeBA.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-js.cookie-Cz0CWeBA.js?v=10888410624023819241768569652",
"./vite-mapbox-gl-C6d-LU10.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-mapbox-gl-C6d-LU10.js?v=105458465622322625281768907932",
"./vite-navigation-mtlOxGW5.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-navigation-mtlOxGW5.js?v=25616120698545816101768570208",
"./vite-product-Ch7_VtzZ.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-product-Ch7_VtzZ.js?v=12716475837738827261768907932",
"./vite-search-BnA9TLYy.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-search-BnA9TLYy.js?v=129981861254075955081768570208",
"./vite-store-locator-C9JcXV5V.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-store-locator-C9JcXV5V.js?v=129981861254075955081768570208",
"./vite-stringToObject-Crrrx2bT.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-stringToObject-Crrrx2bT.js?v=75065619767914754941768569669",
"./vite-swiper-BHNo6YQZ.js": "//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-swiper-BHNo6YQZ.js?v=44736314560110101111768570208"
}
}
</script>
<script src="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BE_Hh3H6.js" type="module" crossorigin="anonymous"></script>
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-B5Qt9EMX.js" crossorigin="anonymous">
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DFx3lKRS.js" crossorigin="anonymous">
<link href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BkvP_VqH.css" rel="stylesheet" type="text/css" media="all" />
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BPBRFian.js" crossorigin="anonymous">
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-CF8mzJr7.js" crossorigin="anonymous">
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-debounce-z3MRm752.js" crossorigin="anonymous">
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-getPageType-UkxWU2yH.js" crossorigin="anonymous">
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-embla-carousel.esm-CMPFBS9o.js" crossorigin="anonymous">
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-BNA7UwBW.js" crossorigin="anonymous">
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DbN5DxdX.js" crossorigin="anonymous">
<link href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DbnBaX-w.css" rel="stylesheet" type="text/css" media="all" />
<link href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-DbixuKEQ.css" rel="stylesheet" type="text/css" media="all" />
<script src="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-account-v1FLbqiw.js" type="module" crossorigin="anonymous"></script>
<link rel="modulepreload" href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-index-B5Qt9EMX.js" crossorigin="anonymous">
<link href="//www.jimmyfairly.com/cdn/shop/t/361/assets/vite-account-CJGfHts4.css" rel="stylesheet" type="text/css" media="all" />
<script>
// * ------- DATALAYER + GTM INIT ------- * //
;(function (w, l) {
w[l] = w[l] || []
})(window, 'dataLayer')
// Init GTM
;(function (w, d, s, l, i) {
w[l] = w[l] || []
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' })
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : ''
j.async = true
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl
f.parentNode.insertBefore(j, f)
})(window, document, 'script', 'dataLayer', 'GTM-5FDXBJF')
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="NQpm710il8tmdfQviF3j6xoXaF2qcHs_hw49GzRxDEA">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/9972416563/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="26ac580f7e23fb7e135959b355d5e1a6">
<meta id="in-context-paypal-metadata" data-shop-id="9972416563" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-FR"></script>
<script id="shopify-features" type="application/json">{"accessToken":"26ac580f7e23fb7e135959b355d5e1a6","betas":["rich-media-storefront-analytics"],"domain":"www.jimmyfairly.com","predictiveSearch":true,"shopId":9972416563,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "jimmy-fairly-eyewear.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"jimmy-fairly-template\/W4_MEPWISHLIST_TRACKING","id":190170759495,"schema_name":"Jimmy Fairly","schema_version":"1.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.jimmyfairly.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.jimmyfairly.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js"></script>
<script defer="defer" async type="module" src="//www.jimmyfairly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js"></script>
<script defer="defer" async type="module" src="//www.jimmyfairly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.esm.js"></script>
<script type="module">
await import("//www.jimmyfairly.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BT-GjEfc.en.esm.js");
await import("//www.jimmyfairly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_D58fp_Oc.esm.js");
await import("//www.jimmyfairly.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_xMitdFEc.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/d1564fddzjmdj5.cloudfront.net\/initializercolissimo.js?app_name=happycolissimo\u0026cloud=d1564fddzjmdj5.cloudfront.net\u0026shop=jimmy-fairly-eyewear.myshopify.com","https:\/\/files.webyn.ai\/webyn.min.js?key=019a9753-d4fe-741f-9f28-26152e7f6922\u0026shop=jimmy-fairly-eyewear.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":9972416563,"offset":3600,"reqid":"a85b91a9-2b73-4566-9126-7195e6281cc6-1769467721","pageurl":"www.jimmyfairly.com\/?srsltid=AfmBOoqVHbFZ8OaBMrBf9wxYmlorNXRVVioZDxaGIGq4pMrWaSDAUz7f","u":"8528e48d8546","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.jimmyfairly.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.jimmyfairly.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.jimmyfairly.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script defer src="https://msrt-integration-api.fittingbox.com/index.js" type="text/javascript"></script>
<!-- Webyn.ai -->
<script defer src="https://files.webyn.ai/webyn.min.js" data-key="019a9753-d4fe-741f-9f28-26152e7f6922"></script>
<!-- End Webyn.ai -->
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js')
if (Shopify.designMode) {
document.documentElement.classList.add('shopify-design-mode')
}
</script><!-- snippets/settings/font-face.liquid --><style>
@font-face {
font-family: 'FairlySans';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Light.woff2?v=119211249545713513541768569509") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Light.woff?v=54139109716304678871768569508") format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlySans';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Regular.woff2?v=127730857527779485851768569517") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Regular.woff?v=141478547921513399671768569516") format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlySans';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Medium.woff2?v=90121399569611206761768569513") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Medium.woff?v=81163276399586972851768569512") format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlySans';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-SemiBold.woff2?v=47361852916412640961768569521") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-SemiBold.woff?v=134289610533731724061768569520") format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlySans';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Bold.woff2?v=34650274101951648231768569505") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlySans-Bold.woff?v=62325737830970794461768569504") format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: 'Sk Modernist Light';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/sk-modernist-light-webfont.woff2?v=85845615699114709851768569527") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/sk-modernist-light-webfont.woff?v=47199405519819522921768569527") format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: 'Sk Modernist Regular';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/sk-modernist-regular-webfont.woff2?v=78238261800914850371768569529") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/sk-modernist-regular-webfont.woff?v=38062844965619990341768569528") format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: 'Sk Modernist Bold';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/sk-modernist-bold-webfont.woff2?v=91651203902670321051768569525") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/sk-modernist-bold-webfont.woff?v=74000923776494910391768569525") format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Druk Medium';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/Druk-Medium.otf?v=95440902627021179621768569483") format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlyJapan';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Light.woff2?v=64020753847391502401768569491") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Light.woff?v=12193212936565885761768569489") format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlyJapan';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Regular.woff2?v=122634773131553222141768569499") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Regular.woff?v=180551656170296001571768569497") format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlyJapan';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Medium.woff2?v=159221464576038176611768569495") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Medium.woff?v=142244374641262553341768569493") format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlyJapan';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-SemiBold.woff2?v=108669973014868960351768569504") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-SemiBold.woff?v=133684180632330575661768569501") format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'FairlyJapan';
src: url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Bold.woff2?v=94578848586425034281768569486") format('woff2'),
url("//www.jimmyfairly.com/cdn/shop/t/361/assets/FairlyJapan-Bold.woff?v=160720026180502280211768569485") format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
</style>
<style></style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "OnlineStore",
"@id": "https://www.jimmyfairly.com/#onlinestore",
"name": "Jimmy Fairly",
"url": "https://www.jimmyfairly.com",
"sameAs": [
"https://www.facebook.com/jimmyfairly",
"https://www.instagram.com/jimmyfairly",
"https://www.youtube.com/jimmyfairly"
],
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer service",
"email": "service@jimmyfairly.com",
"areaServed": "FR",
"availableLanguage": ["French", "English", "German", "Italian", "Dutch", "Spanish"]
},
"address": {
"@type": "Rue du Temple. 25 rue du Temple, 75004 Paris",
"addressCountry": "FR"
}
},
{
"@type": "WebSite",
"@id": "https://www.jimmyfairly.com/#website",
"url": "https://www.jimmyfairly.com",
"name": "Jimmy Fairly",
"publisher": { "@id": "https://www.jimmyfairly.com/#onlinestore" },
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.jimmyfairly.com/search?{search_term_string}",
"query-input": "required name=search_term_string"
}
},
{
"@type": "WebPage",
"@id": "https://www.jimmyfairly.com/#homepage",
"url": "https://www.jimmyfairly.com",
"name": "Jimmy Fairly – Chez l’opticien qui donne du sens",
"isPartOf": { "@id": "https://www.jimmyfairly.com/#website" },
"about": { "@id": "https://www.jimmyfairly.com/#onlinestore" },
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.jimmyfairly.com/"
}]
}
}
]
}
</script>
<script src="https://t.contentsquare.net/uxa/04ac6ea7676c9.js"></script>
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:1569151,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- BEGIN app block: shopify://apps/vwo/blocks/vwo-smartcode/2ce905b2-3842-4d20-b6b0-8c51fc208426 -->
<!-- Start VWO Async SmartCode -->
<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
<script type='text/javascript' id='vwoCode'>
window._vwo_code ||
(function () {
var w=window,
d=document;
if (d.URL.indexOf('__vwo_disable__') > -1 || w._vwo_code) {
return;
}
var account_id=997365,
version=2.2,
settings_tolerance=2000,
hide_element='body',
background_color='white',
hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:' + background_color + ' !important;transition:none !important;',
/* DO NOT EDIT BELOW THIS LINE */
f=!1,v=d.querySelector('#vwoCode'),cc={};try{var e=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=e&&'object'==typeof e?e:{}}catch(e){}function r(t){try{return decodeURIComponent(t)}catch(e){return t}}var s=function(){var e={combination:[],combinationChoose:[],split:[],exclude:[],uuid:null,consent:null,optOut:null},t=d.cookie||'';if(!t)return e;for(var n,i,o=/(?:^|;s*)(?:(_vis_opt_exp_(d+)_combi=([^;]*))|(_vis_opt_exp_(d+)_combi_choose=([^;]*))|(_vis_opt_exp_(d+)_split=([^:;]*))|(_vis_opt_exp_(d+)_exclude=[^;]*)|(_vis_opt_out=([^;]*))|(_vwo_global_opt_out=[^;]*)|(_vwo_uuid=([^;]*))|(_vwo_consent=([^;]*)))/g;null!==(n=o.exec(t));)try{n[1]?e.combination.push({id:n[2],value:r(n[3])}):n[4]?e.combinationChoose.push({id:n[5],value:r(n[6])}):n[7]?e.split.push({id:n[8],value:r(n[9])}):n[10]?e.exclude.push({id:n[11]}):n[12]?e.optOut=r(n[13]):n[14]?e.optOut=!0:n[15]?e.uuid=r(n[16]):n[17]&&(i=r(n[18]),e.consent=i&&3<=i.length?i.substring(0,3):null)}catch(e){}return e}();function i(){var e=function(){if(w.VWO&&Array.isArray(w.VWO))for(var e=0;e<w.VWO.length;e++){var t=w.VWO[e];if(Array.isArray(t)&&('setVisitorId'===t[0]||'setSessionId'===t[0]))return!0}return!1}(),t='a='+account_id+'&u='+encodeURIComponent(w._vis_opt_url||d.URL)+'&vn='+version+('undefined'!=typeof platform?'&p='+platform:'')+'&st='+w.performance.now();e||((n=function(){var e,t=[],n={},i=w.VWO&&w.VWO.appliedCampaigns||{};for(e in i){var o=i[e]&&i[e].v;o&&(t.push(e+'-'+o+'-1'),n[e]=!0)}if(s&&s.combination)for(var r=0;r<s.combination.length;r++){var a=s.combination[r];n[a.id]||t.push(a.id+'-'+a.value)}return t.join('|')}())&&(t+='&c='+n),(n=function(){var e=[],t={};if(s&&s.combinationChoose)for(var n=0;n<s.combinationChoose.length;n++){var i=s.combinationChoose[n];e.push(i.id+'-'+i.value),t[i.id]=!0}if(s&&s.split)for(var o=0;o<s.split.length;o++)t[(i=s.split[o]).id]||e.push(i.id+'-'+i.value);return e.join('|')}())&&(t+='&cc='+n),(n=function(){var e={},t=[];if(w.VWO&&Array.isArray(w.VWO))for(var n=0;n<w.VWO.length;n++){var i=w.VWO[n];if(Array.isArray(i)&&'setVariation'===i[0]&&i[1]&&Array.isArray(i[1]))for(var o=0;o<i[1].length;o++){var r,a=i[1][o];a&&'object'==typeof a&&(r=a.e,a=a.v,r&&a&&(e[r]=a))}}for(r in e)t.push(r+'-'+e[r]);return t.join('|')}())&&(t+='&sv='+n)),s&&s.optOut&&(t+='&o='+s.optOut);var n=function(){var e=[],t={};if(s&&s.exclude)for(var n=0;n<s.exclude.length;n++){var i=s.exclude[n];t[i.id]||(e.push(i.id),t[i.id]=!0)}return e.join('|')}();return n&&(t+='&e='+n),s&&s.uuid&&(t+='&id='+s.uuid),s&&s.consent&&(t+='&consent='+s.consent),w.name&&-1<w.name.indexOf('_vis_preview')&&(t+='&pM=true'),w.VWO&&w.VWO.ed&&(t+='&ed='+w.VWO.ed),t}code={nonce:v&&v.nonce,library_tolerance:function(){return'undefined'!=typeof library_tolerance?library_tolerance:void 0},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return performance.getEntriesByName('first-contentful-paint')[0]?'':'string'==typeof cc.hE?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){var t;f||(f=!0,(t=d.getElementById('_vis_opt_path_hides'))&&t.parentNode.removeChild(t),e&&((new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e))},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript',e.src?t.src=e.src:t.text=e.text,v&&t.setAttribute('nonce',v.nonce),d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){t=t||{};var n=new XMLHttpRequest;n.open('GET',e,!0),n.withCredentials=!t.dSC,n.responseType=t.responseType||'text',n.onload=function(){if(t.onloadCb)return t.onloadCb(n,e);200===n.status?_vwo_code.addScript({text:n.responseText}):_vwo_code.finish('&e=loading_failure:'+e)},n.onerror=function(){if(t.onerrorCb)return t.onerrorCb(e);_vwo_code.finish('&e=loading_failure:'+e)},n.send()},init:function(){var e,t=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish()},t),'body'!==this.hide_element()?(n=d.createElement('style'),e=(t=this.hide_element())?t+this.hide_element_style():'',t=d.getElementsByTagName('head')[0],n.setAttribute('id','_vis_opt_path_hides'),v&&n.setAttribute('nonce',v.nonce),n.setAttribute('type','text/css'),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(d.createTextNode(e)),t.appendChild(n)):(n=d.getElementsByTagName('head')[0],(e=d.createElement('div')).style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background:'+background_color+' !important;',e.setAttribute('id','_vis_opt_path_hides'),e.classList.add('_vis_hide_layer'),n.parentNode.insertBefore(e,n.nextSibling));var n='https://dev.visualwebsiteoptimizer.com/j.php?'+i();-1!==w.location.search.indexOf('_vwo_xhr')?this.addScript({src:n}):this.load(n+'&x=true',{l:1})}};w._vwo_code=code;code.init();})();
</script>
<!-- End VWO Async SmartCode -->
<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async src="https://static.klaviyo.com/onsite/js/SCaTnK/klaviyo.js?company_id=SCaTnK"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 9972416563,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 9972416563,storefrontBaseUrl: "https://www.jimmyfairly.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86"],webPixelsConfigList: [{"id":"3199828295","configuration":"{\"clientId\":\"019a9753-d4fe-741f-9f28-26152e7f6922\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"14b2acc47e595c00270a3a989ec6423c","type":"APP","apiClientId":298639261697,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"]}},{"id":"3190817095","configuration":"{\"webhookEndpoint\":\"https:\/\/webhooks.fivetran.com\/internal\/143c84e5-4a0c-4736-9e27-db3528851e9b\",\"includedEvents\":\"ui_extension_errored,collection_viewed,product_viewed,checkout_started,cart_viewed,checkout_address_info_submitted,product_removed_from_cart,checkout_shipping_info_submitted,page_viewed,payment_info_submitted,checkout_contact_info_submitted,search_submitted,alert_displayed,checkout_completed,product_added_to_cart\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a344a9f0c58f3b1ff6255bb24dbeb15","type":"APP","apiClientId":1540791,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"2739798343","configuration":"{\"accountID\":\"SCaTnK\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"1263534407","configuration":"{\"vwoAccountId\":\"997365\",\"eventConfiguration\":\"{\\\"ece\\\":0,\\\"pv\\\":1,\\\"prv\\\":1,\\\"patc\\\":1,\\\"prfc\\\":1,\\\"cv\\\":1,\\\"cs\\\":1,\\\"cc\\\":1}\",\"dataUri\":\"dev.visualwebsiteoptimizer.com\\\/eu01\",\"customCodeConfig\":\"{\\\"customCodeEnabled\\\":false,\\\"customCode\\\":\\\"vwo.addShopifyMiddleware((payload) =\\u003e { let newPayload = payload; return newPayload;});\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a3ce375f25adae759937eab8e1348fdc","type":"APP","apiClientId":68559962113,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[]}},{"id":"148504903","configuration":"{\"tagID\":\"2612480218200\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"108593479","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"10","type":"CUSTOM","privacyPurposes":[],"name":"Unlikely Pixel Tracking"},{"id":"145195335","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"ShopMy"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Jimmy Fairly","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"jimmy-fairly-eyewear.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.jimmyfairly.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://www.jimmyfairly.com/cdn","fcfee988w5aeb613cpc8e4bc33m6693e112",{"modern":"","legacy":""},{"shopId":"9972416563","storefrontBaseUrl":"https:\/\/www.jimmyfairly.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\"]","isMerchantRequest":"false","hashVersion":"fcfee988w5aeb613cpc8e4bc33m6693e112","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"a85b91a9-2b73-4566-9126-7195e6281cc6-1769467721"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 9972416563,
theme_id: 190170759495,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.jimmyfairly.com/cdn/s/trekkie.storefront.a804e9514e4efded663580eddd6991fcc12b5451.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.jimmyfairly.com/cdn/s/trekkie.storefront.a804e9514e4efded663580eddd6991fcc12b5451.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.jimmyfairly.com/cdn/s/trekkie.storefront.a804e9514e4efded663580eddd6991fcc12b5451.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":9972416563,"isMerchantRequest":null,"themeId":190170759495,"themeCityHash":"12219150232735749505","contentLanguage":"en","currency":"EUR","eventMetadataId":"99c53574-1590-410d-84e8-7b7d2257108b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"a85b91a9-2b73-4566-9126-7195e6281cc6-1769467721","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.jimmyfairly.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://www.jimmyfairly.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.4.min.js"
data-application="storefront-renderer"
data-shop-id="9972416563"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="190170759495"
data-theme-name="Jimmy Fairly"
data-theme-version="1.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://www.jimmyfairly.com/api/collect"
></script>
</head><!-- /storyblok/views/component/_svgIcons.liquid -->
<svg
style="display:none;position: absolute; width: 0; height: 0; overflow: hidden;"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
>
<defs>
<symbol id="icon-logo" viewbox="0 0 316 420">
<title>Jimmy Fairly</title>
<path fill="#000" d="M162.444 166H198v17.778h-17.778v71.111h-17.778V166ZM135.778 166h17.778v88.889H118v-17.778h17.778V166Z"/>
</symbol>
<symbol id="icon-menu" viewbox="0 0 19 18" xmlns="http://www.w3.org/2000/svg">
<title>Menu icon</title>
<path fill-rule="evenodd" d="M2.719 2.5h14v1h-14v-1ZM2.719 8.5h14v1h-14v-1ZM2.719 14.5h14v1h-14v-1Z" clip-rule="evenodd"/>
</symbol>
<symbol id="icon-menu-bis" viewbox="0 0 19 18" xmlns="http://www.w3.org/2000/svg">
<title>Menu icon</title>
<path stroke="#1C1F21" stroke-linecap="round" d="M1.32 5.61h1.293M4.61 5.61h10.062M1.32 9.61h1.293M4.61 9.61h10.062M1.32 13.61h1.293M4.61 13.61h10.062"/>
</symbol>
<symbol id="icon-cart" viewbox="0 0 19 18" xmlns="http://www.w3.org/2000/svg">
<title>Cart icon</title>
<path fill="none" stroke="currentColor" d="M3.719 5.672h12.629v10.151H3.719zM6.984 5.406c-.166-.833.2-2.5 3-2.5s3.168 1.667 3.002 2.5"/>
</symbol>
<symbol id="icon-search" viewbox="0 0 19 18" xmlns="http://www.w3.org/2000/svg">
<title>Search icon</title>
<path fill-rule="evenodd" d="M8.975 3.142a4.6 4.6 0 1 0 0 9.2 4.6 4.6 0 0 0 0-9.2Zm-5.6 4.6a5.6 5.6 0 1 1 11.2 0 5.6 5.6 0 0 1-11.2 0Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="m15.976 16.142-3.992-3.736.684-.73 3.991 3.736-.683.73Z" clip-rule="evenodd"/>
</symbol>
<symbol id="icon-heart" viewbox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<title>Heart icon</title>
<path d="M1.086 1.279c-1.449 1.705-1.447 4.45 0 6.157L7.496 15l6.418-7.556c1.448-1.705 1.448-4.45 0-6.156-1.449-1.706-3.781-1.706-5.23 0l-1.18 1.39L6.314 1.28c-1.448-1.705-3.78-1.705-5.23 0Z"/>
</symbol><symbol id="icon-caret-right" viewbox="0 0 9 16" xmlns="http://www.w3.org/2000/svg">
<title>Caret right icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="m6.547 7.552-6.46 6.613 1.106 1.079L8.74 7.517 1.176.244.105 1.357l6.442 6.195Z"/>
</symbol>
<symbol id="icon-caret-left" viewbox="0 0 9 16" xmlns="http://www.w3.org/2000/svg">
<title>Caret left icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="m2.28 7.936 6.46-6.613L7.635.243.088 7.972l7.564 7.273 1.07-1.114-6.441-6.194Z"/>
</symbol>
<symbol id="icon-arrow-right" viewbox="0 0 9 14" xmlns="http://www.w3.org/2000/svg">
<title>Arrow right icon</title>
<path d="M6.55 2.81 2.019 7.45l4.533 4.36"/>
</symbol>
<symbol id="icon-arrow-left" viewbox="0 0 9 14" xmlns="http://www.w3.org/2000/svg">
<title>Arrow left icon</title>
<path d="m2.45 11.19 4.532-4.64L2.45 2.19"/>
</symbol>
<symbol id="icon-check" viewbox="0 0 11 9" xmlns="http://www.w3.org/2000/svg">
<title>Check icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.47852 8.26807L0.253906 4.8261L1.00101 4.03379L3.47852 6.63912L9.5068 0.268066L10.2539 1.08253L3.47852 8.26807Z"/>
</symbol>
<symbol id="icon-instagram" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<title>Instagram icom</title>
<path d="M9.109 4.415a4.92 4.92 0 0 0-4.91 4.91v6.316a4.92 4.92 0 0 0 4.91 4.91h6.316a4.92 4.92 0 0 0 4.91-4.91V9.325a4.92 4.92 0 0 0-4.91-4.91H9.108Zm0 1.4h6.316a3.501 3.501 0 0 1 3.51 3.51v6.316a3.502 3.502 0 0 1-3.51 3.51H9.108a3.501 3.501 0 0 1-3.51-3.51V9.325a3.5 3.5 0 0 1 3.51-3.51Zm7.368 1.547a.91.91 0 1 0 0 1.82.91.91 0 0 0 0-1.82Zm-4.21.842a4.289 4.289 0 0 0-4.28 4.28 4.289 4.289 0 0 0 4.28 4.278 4.289 4.289 0 0 0 4.279-4.279 4.289 4.289 0 0 0-4.28-4.279Zm0 1.4a2.87 2.87 0 0 1 2.879 2.88 2.87 2.87 0 0 1-2.88 2.878 2.87 2.87 0 0 1-2.878-2.879 2.87 2.87 0 0 1 2.879-2.879Z" fill="#1C1F21" stroke="#1C1F21" stroke-width=".137"/>
</symbol>
<symbol id="icon-tiktok" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<title>Tiktok icon</title>
<path d="M12.84 4h2.91s-.166 3.73 4.033 4.003v2.88s-2.246.138-4.033-1.23l.03 5.956a5.39 5.39 0 1 1-5.382-5.388h.752v2.958a2.442 2.442 0 1 0 1.72 2.343L12.84 4Z"/>
</symbol>
<symbol id="icon-pinterest" viewbox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
<title>Pinterest icon</title>
<path d="M12.267 4.483a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 1.6a6.4 6.4 0 0 1 0 12.8 6.39 6.39 0 0 1-1.697-.234 5.59 5.59 0 0 0 .406-1.025l.469-1.788c.245.467.96.864 1.722.864 2.266 0 3.9-2.084 3.9-4.675 0-2.484-2.027-4.342-4.635-4.342-3.244 0-4.965 2.177-4.965 4.549 0 1.102.586 2.475 1.525 2.912.142.066.218.038.251-.1.026-.105.153-.615.21-.853a.224.224 0 0 0-.052-.216c-.31-.377-.56-1.068-.56-1.714C8.842 10.603 10.098 9 12.236 9c1.847 0 3.14 1.258 3.14 3.058 0 2.032-1.027 3.44-2.363 3.44-.738 0-1.292-.609-1.114-1.358.212-.893.623-1.858.623-2.503 0-.576-.308-1.057-.95-1.057-.754 0-1.36.779-1.36 1.824 0 .666.224 1.116.224 1.116s-.744 3.15-.88 3.736c-.069.29-.091.632-.093.975a6.396 6.396 0 0 1 2.805-12.147Z"/>
</symbol>
<symbol id="icon-plus" viewbox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<title>Plus icon</title>
<path d="M8.719 4.004h-8V5.07h8V4.004Z"/><path d="M4.188.537v8h1.066v-8H4.188Z"/>
</symbol>
<symbol id="icon-minus" viewbox="0 0 9 9" xmlns="http://www.w3.org/2000/svg">
<title>Minus icon</title>
<path d="M8.719 4.004h-8V5.07h8V4.004Z"/>
</symbol>
<symbol id="icon-close" viewbox="0 0 19 18" xmlns="http://www.w3.org/2000/svg">
<title>Close icon</title>
<path fill-rule="evenodd" d="m3.707 3 5.896 5.896L15.498 3l.708.707-5.896 5.896 5.896 5.895-.708.707-5.895-5.895-5.896 5.895L3 15.498l5.896-5.895L3 3.707 3.707 3Z" clip-rule="evenodd" fill="currentColor"/>
</symbol>
<symbol id="icon-valid" viewbox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<title>Valid icon</title>
<rect x="0.84375" y="1.41211" width="13" height="13" stroke="#407E0D" fill="transparent"/>
<path d="M5.79597 11.3997L2.98438 8.39855L3.63579 7.70772L5.79597 9.97935L11.0521 4.42432L11.7035 5.13446L5.79597 11.3997Z" fill="#407E0D"/>
</symbol>
<symbol id="icon-position" viewbox="0 0 19 19" xmlns="http://www.w3.org/2000/svg">
<title>Icon position</title>
<path d="M4.35156 8.48805C4.35156 5.58578 6.66623 3.24023 9.49036 3.24023C12.3145 3.24023 14.6289 5.58583 14.6289 8.48805C14.6289 9.1306 14.3532 9.88141 13.8785 10.6834C13.4088 11.4771 12.7727 12.2737 12.1175 12.9964C11.4641 13.7172 10.8017 14.3536 10.2867 14.8278C10.0313 15.063 9.81292 15.2575 9.64919 15.4034L9.64562 15.4065C9.58721 15.4586 9.53465 15.5054 9.49001 15.5456C9.44537 15.5054 9.39281 15.4586 9.3344 15.4065L9.33114 15.4036C9.16738 15.2577 8.94891 15.0631 8.69332 14.8277C8.17835 14.3535 7.51609 13.7172 6.8627 12.9963C6.2076 12.2736 5.57158 11.4771 5.10186 10.6834C4.62726 9.88139 4.35156 9.13059 4.35156 8.48805ZM9.29881 15.7302C9.29918 15.7297 9.29955 15.7293 9.29993 15.7289L9.29881 15.7302Z" fill="transparent"/>
<circle cx="9.49023" cy="8.49219" r="2.24805" fill="transparent"/>
</symbol>
<symbol id="icon-clock" viewbox="0 0 19 19" xmlns="http://www.w3.org/2000/svg">
<title>Clock icon</title>
<path fill-rule="evenodd" d="M9.49219 3.90098C6.3999 3.90098 3.88437 6.41656 3.88437 9.50879C3.88437 12.601 6.3999 15.1166 9.49219 15.1166C12.5845 15.1166 15.1 12.601 15.1 9.50879C15.1 6.41656 12.5845 3.90098 9.49219 3.90098ZM9.49219 14.337C6.82992 14.337 4.66393 12.171 4.66393 9.50879C4.66393 6.84657 6.82992 4.68053 9.49219 4.68053C12.1545 4.68053 14.3204 6.84657 14.3204 9.50879C14.3204 12.171 12.1545 14.337 9.49219 14.337Z" stroke-width="0.2"/>
<path fill-rule="evenodd" d="M9.88659 9.34737V6.22337C9.88659 6.00807 9.71203 5.83359 9.49681 5.83359C9.28159 5.83359 9.10703 6.00807 9.10703 6.22337V9.50882C9.10703 9.61222 9.14817 9.71136 9.22125 9.78444L10.9606 11.5237C10.9606 11.5238 10.9606 11.5238 10.9606 11.5238C11.0366 11.5999 11.1366 11.6379 11.2362 11.6379C11.3357 11.6379 11.4357 11.5999 11.5117 11.5238C11.664 11.3716 11.664 11.1248 11.5117 10.9725C11.5117 10.9725 11.5117 10.9725 11.5117 10.9725L9.88659 9.34737Z" stroke-width="0.2"/>
</symbol>
<symbol id="icon-calendar" viewbox="0 0 19 18" xmlns="http://www.w3.org/2000/svg">
<title>calendar icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5H17M4 0V3M15 0V3M1.85 2H17.15C17.6194 2 18 2.3731 18 2.83333V16.1667C18 16.6269 17.6194 17 17.15 17H1.85C1.38056 17 1 16.6269 1 16.1667V2.83333C1 2.3731 1.38056 2 1.85 2Z" fill="transparent" stroke="currentColor" stroke-width="2"/>
</symbol>
<symbol id="icon-slide-left" viewbox="0 0 13 12" xmlns="http://www.w3.org/2000/svg">
<title>Arrow slide left</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.35784 0.0542683C6.43623 -0.0241247 6.56344 -0.0237928 6.64142 0.0550065L7.16928 0.588397C7.24669 0.666618 7.24636 0.792683 7.16855 0.870501L3.04058 4.99847C2.91458 5.12446 3.00382 5.33989 3.182 5.33989L12.3 5.33989C12.4105 5.33989 12.5 5.42944 12.5 5.53989L12.5 6.28432C12.5 6.39478 12.4105 6.48432 12.3 6.48432L3.182 6.48432C3.00382 6.48432 2.91458 6.69975 3.04058 6.82575L7.16855 10.9537C7.24636 11.0315 7.24669 11.1576 7.16928 11.2358L6.64142 11.7692C6.56343 11.848 6.43623 11.8483 6.35784 11.7699L0.641421 6.05353C0.563316 5.97542 0.563317 5.84879 0.641422 5.77069L6.35784 0.0542683Z" fill="#1C1F21"/>
</symbol>
<symbol id="icon-slide-right" viewbox="0 0 13 12" xmlns="http://www.w3.org/2000/svg">
<title>Arrow slide right</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.64216 0.0542683C6.56377 -0.0241247 6.43656 -0.0237928 6.35858 0.0550065L5.83072 0.588397C5.75331 0.666618 5.75364 0.792683 5.83145 0.870501L9.95942 4.99847C10.0854 5.12446 9.99618 5.33989 9.818 5.33989L0.699999 5.33989C0.589542 5.33989 0.499999 5.42944 0.499999 5.53989L0.5 6.28432C0.5 6.39478 0.589543 6.48432 0.7 6.48432L9.818 6.48432C9.99618 6.48432 10.0854 6.69975 9.95942 6.82575L5.83145 10.9537C5.75364 11.0315 5.75331 11.1576 5.83072 11.2358L6.35858 11.7692C6.43657 11.848 6.56377 11.8483 6.64216 11.7699L12.3586 6.05353C12.4367 5.97542 12.4367 5.84879 12.3586 5.77069L6.64216 0.0542683Z" fill="currentcolor" />
</symbol>
<symbol id="icon-info" viewbox="0 0 17 16" xmlns="http://www.w3.org/2000/svg">
<title>icon info</title>
<path d="M7.82188 11.9998V6.31176H8.90188V11.9998H7.82188ZM7.56988 4.27176C7.56988 3.83976 7.92988 3.47976 8.36188 3.47976C8.79388 3.47976 9.15388 3.83976 9.15388 4.27176C9.15388 4.70376 8.79388 5.06376 8.36188 5.06376C7.92988 5.06376 7.56988 4.70376 7.56988 4.27176Z" fill="#4541FF"/>
<path d="M8.42025 0.445408C4.25441 0.445408 0.865574 3.83432 0.865574 8.00008C0.865574 12.1658 4.25441 15.5548 8.42025 15.5548C12.5861 15.5548 15.9749 12.1658 15.9749 8.00008C15.9749 3.83432 12.5861 0.445408 8.42025 0.445408ZM8.42025 14.5051C4.83341 14.5051 1.91522 11.5868 1.91522 8.00008C1.91522 4.41332 4.83341 1.49505 8.42025 1.49505C12.0071 1.49505 14.9253 4.41332 14.9253 8.00008C14.9253 11.5868 12.0071 14.5051 8.42025 14.5051Z" fill="#4541FF" stroke="#4541FF" stroke-width="0.268852"/>
</symbol>
<symbol id="icon-invalid" viewbox="0 0 15 15" xmlns="http://www.w3.org/2000/svg">
<title>Icon unavaiable</title>
<path d="M6.81961 3.70703H7.86796V6.09495L7.63499 9.89232H7.05258L6.81961 6.09495V3.70703ZM7.34379 12.1172C6.98269 12.1172 6.70312 11.8725 6.70312 11.4765C6.70312 11.0921 6.98269 10.8358 7.34379 10.8358C7.70489 10.8358 7.98445 11.0921 7.98445 11.4765C7.98445 11.8725 7.70489 12.1172 7.34379 12.1172Z" fill="#F22F2F"/>
<rect x="0.84375" y="1.41211" width="13" height="13" stroke="#F22F2F">
</symbol>
<symbol id="icon-pause" viewbox="0 0 8 12" xmlns="http://www.w3.org/2000/svg">
<path d="M1.2 0.75C0.813401 0.75 0.5 0.985051 0.5 1.275V10.725C0.5 11.0149 0.813401 11.25 1.2 11.25C1.5866 11.25 1.9 11.0149 1.9 10.725V1.275C1.9 0.985051 1.5866 0.75 1.2 0.75Z" fill="currentColor" stroke="currentColor"/>
<path d="M6.8 0.75C6.4134 0.75 6.1 0.985051 6.1 1.275V10.725C6.1 11.0149 6.4134 11.25 6.8 11.25C7.1866 11.25 7.5 11.0149 7.5 10.725V1.275C7.5 0.985051 7.1866 0.75 6.8 0.75Z" fill="currentColor" stroke="currentColor"/>
</symbol>
<symbol id="icon-play" viewbox="0 0 10 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.48177 0.814643C0.81532 0.448245 0 0.930414 0 1.69094V12.2081C0 12.991 0.858787 13.4702 1.52503 13.0592L10.5398 7.49813C11.1918 7.09588 11.1679 6.13985 10.4965 5.77075L1.48177 0.814643Z" fill="currentColor" stroke="currentColor"/>
</symbol>
<symbol id="icon-sound" viewbox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22,13a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V14A1,1,0,0,0,22,13Z" fill="currentColor" stroke="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26,11a1,1,0,0,0-1,1v8a1,1,0,0,0,2,0V12A1,1,0,0,0,26,11Z" fill="currentColor" stroke="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30,9a1,1,0,0,0-1,1V22a1,1,0,0,0,2,0V10A1,1,0,0,0,30,9Z" fill="currentColor" stroke="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.39,1.21,8.66,8H4a3,3,0,0,0-3,3V21a3,3,0,0,0,3,3H8.66l8.73,6.79A1,1,0,0,0,19,30V2A1,1,0,0,0,17.39,1.21ZM3,21V11a1,1,0,0,1,1-1H8V22H4A1,1,0,0,1,3,21Zm14,7-7-5.44v-13L17,4Z" fill="currentColor" stroke="currentColor"/>
</symbol>
<symbol id="icon-star" viewbox="0 0 16 15" xmlns="http://www.w3.org/2000/svg">
<title>start icon</title>
<path d="M7.92823 0.725586L10.1745 5.27697L15.1972 6.00682L11.5627 9.54958L12.4207 14.552L7.92823 12.1902L3.43574 14.552L4.29373 9.54958L0.659235 6.00682L5.68198 5.27697L7.92823 0.725586Z" fill="#1C1F21"/>
</symbol>
<symbol id="icon-middle-dot" viewbox="0 0 5 6" xmlns="http://www.w3.org/2000/svg">
<rect y="0.222656" width="5" height="5" rx="2.5" fill="#1C1F21"/>
</symbol>
<symbol id="icon-rounded-plus" viewbox="0 0 18 19" xmlns="http://www.w3.org/2000/svg">
<title>rounded plus icon</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 3.965a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-7 6a7 7 0 1 1 14 0 7 7 0 0 1-14 0Zm6.435-.467H5.4v.933h3.035v3.034h.934V10.43H12.4v-.933H9.369V6.465h-.934v3.033Z"/>
</symbol>
<symbol
id="icon-close-thicker"
viewbox="0 0 12 12"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M11.3297 1L1.33008 11" stroke="#1C1F21" stroke-width="1.5"/>
<path d="M11.3297 1L1.33008 11" stroke="#1C1F21" stroke-width="1.5"/>
<path d="M1.33049 1L11.3301 11" stroke="#1C1F21" stroke-width="1.5"/>
<path d="M1.33049 1L11.3301 11" stroke="#1C1F21" stroke-width="1.5"/>
</symbol><symbol id="icon-eye" width="20" height="21" viewbox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99984 5.03076C6.6665 5.03076 3.81984 7.1041 2.6665 10.0308C3.81984 12.9574 6.6665 15.0308 9.99984 15.0308C13.3332 15.0308 16.1798 12.9574 17.3332 10.0308C16.1798 7.1041 13.3332 5.03076 9.99984 5.03076ZM9.99984 13.3641C8.15984 13.3641 6.6665 11.8708 6.6665 10.0308C6.6665 8.19076 8.15984 6.69743 9.99984 6.69743C11.8398 6.69743 13.3332 8.19076 13.3332 10.0308C13.3332 11.8708 11.8398 13.3641 9.99984 13.3641ZM9.99984 8.03076C8.89317 8.03076 7.99984 8.9241 7.99984 10.0308C7.99984 11.1374 8.89317 12.0308 9.99984 12.0308C11.1065 12.0308 11.9998 11.1374 11.9998 10.0308C11.9998 8.9241 11.1065 8.03076 9.99984 8.03076Z" fill="#1C1F21"/>
</symbol>
<symbol id="icon-location" width="11" height="13" viewbox="0 0 11 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.50012 0C2.82702 0 0.652344 2.17555 0.652344 4.8497C0.652344 8.834 5.01759 12.7243 5.20348 12.888C5.28822 12.9627 5.39415 13 5.50012 13C5.60609 13 5.71201 12.9627 5.7968 12.888C5.98261 12.7244 10.3479 8.83405 10.3479 4.8497C10.3479 2.17555 8.17322 0 5.50012 0ZM5.50012 11.9359C4.53501 11.0007 1.55009 7.86391 1.55009 4.8497C1.55009 2.6706 3.32207 0.897744 5.50012 0.897744C7.67816 0.897744 9.45015 2.6706 9.45015 4.8497C9.45015 7.86386 6.46523 11.0006 5.50012 11.9359Z" fill="black"/>
<path d="M5.50018 2.59045C4.26264 2.59045 3.25586 3.60393 3.25586 4.84965C3.25586 6.09542 4.26264 7.10885 5.50018 7.10885C6.73772 7.10885 7.74449 6.09542 7.74449 4.84965C7.74449 3.60393 6.73772 2.59045 5.50018 2.59045ZM5.50018 6.21111C4.75764 6.21111 4.15356 5.60037 4.15356 4.84965C4.15356 4.09898 4.75764 3.4882 5.50018 3.4882C6.24271 3.4882 6.84679 4.09894 6.84679 4.84965C6.84679 5.60037 6.24271 6.21111 5.50018 6.21111Z" fill="black"/>
</symbol>
</defs>
</svg>
<body
:style="$store.shop.UiLayout.isFixed && {'position': 'fixed', 'top': `${-$store.shop.UiLayout.bodyPosition}px`, 'left': '0','width': '100vw', 'box-sizing': 'border-box', 'padding-right': `${$store.shop.UiLayout.scrollBarWidth}px`}"
class="text-12 | template-index"
>
<noscript
><iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-5FDXBJF"
height="0"
width="0"
style="display:none;visibility:hidden"
></iframe
></noscript>
<!-- snippets/progress-loading-bar -->
<div x-data="progressBar"
x-ignore
x-component="progress-loading-bar"
client:idle
:value="loading.progress"
class="progress-loading-bar"
:class="{ 'progress-loading-bar--fixed': context === 'fixed', 'progress-loading-bar--cart': context === 'cart' }"
data-context=""
:style="{'--progress-loading': loading.progress, '--duration': `${loading.id !== null ? '200':'0'}ms`}"
:aria-hidden="loading.id !== null ? 'false' : 'true'"
role="status"
inert>
<template x-if="loading.id !== null">
<span id="progress-loading-bar"
class="progress-loading-bar__inner"
role="progressbar"
:aria-busy="loading.progress !== 0 ? 'true' : 'false'"
aria-label="Loading ... "
aria-valuemin="0"
:aria-valuenow="loading.id !== null && loading.progress > 0 ? loading.progress * 100 : 0"
aria-valuemax="100"></span>
</template>
</div>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--27506067276103__header" class="shopify-section shopify-section-group-header-group"><header
class="header desktop-only"
>
<style>
:root {
--header-highlight: #e4e4e4;
--header-bg: #ffffff;
--header-text: #000000;
@media(max-width:767px){
--header-text: #000000;
}
--header-text-active: #1c1f21;
--header-nav-item-color: #000000;
--header-nav-item-color-active: var(--jf-dark);
--logo-animation-color: #ffffff;
}
</style>
<style>
:root {
--main-margin-top: 0px;
--associated-tag-top: calc(var(--header-height) + 9px);
}
</style>
<div
x-data="megaMenu()"
x-init="init()"
>
<div
class="mega-menu |"
@scroll.window="fillOnScroll($event)"
:class=" { 'active': open || hasSubLinks, 'is-plain': filled || isSearchOpen || $store.shop.UiLayout.uiLayout.id === 'header-search' || $store.shop.UiLayout.uiLayout.id === 'facets', 'header-scrolling': !scrolling } "
>
<h1
class="mega-menu__heading"
:class=" { 'active': logoActive } "
x-cloak
x-morph-skip
>
<a href="/" aria-label="Jimmy Fairly" class="header-menu__heading-link">
<div class="header-menu__heading-logo-wrapper">
<svg
width="201"
height="14"
viewbox="0 0 201 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
>
<title>Jimmy Fairly</title>
<path d="M108.125 13.3245H110.498V8.08421H115.684V5.83573H110.498V2.68266H117.074V0.436035H108.125V13.3245Z" fill="currentColor"/>
<path d="M127.714 0.436035L122.393 13.3245H124.908L126.083 10.4198H131.776L132.934 13.3245H135.485L130.18 0.436035H127.714ZM130.899 8.22324H126.964L128.046 5.49466C128.356 4.72725 128.725 3.82637 128.93 3.3333C129.06 3.65213 129.253 4.13037 129.431 4.57154L130.899 8.22324Z" fill="currentColor"/>
<path d="M145.998 0.436035H143.625V13.3245H145.998V0.436035Z" fill="currentColor"/>
<path d="M164.719 4.63456C164.719 2.04501 162.81 0.436035 159.737 0.436035H155.412V13.3245H157.785V8.69036H158.845C159.047 8.69036 159.433 8.69036 159.692 8.67924L162.361 13.3245H165.198L162.135 8.23251C163.805 7.69309 164.719 6.42519 164.719 4.63456ZM162.293 4.72354C162.293 6.03593 161.509 6.67358 159.896 6.67358H157.785V2.6493H159.824C160.953 2.64745 162.293 3.00891 162.293 4.72354Z" fill="currentColor"/>
<path d="M176.369 0.436035H173.994V13.3245H182.625V11.076H176.369V0.436035Z" fill="currentColor"/>
<path d="M197.419 0.436116L194.79 4.41406C194.42 4.97016 194.114 5.45396 193.943 5.72645C193.921 5.69123 193.895 5.6523 193.869 5.60967C193.686 5.3242 193.41 4.8923 193.087 4.39923L190.531 0.419434L187.756 0.441677L192.69 7.92488V13.3283H195.082V7.92488L200.036 0.437968H197.419V0.436116Z" fill="currentColor"/>
<path d="M22.3258 0.436523H19.9531V13.325H22.3258V0.436523Z" fill="currentColor"/>
<path d="M38.2051 7.18383L34.431 0.436523H32.0176V13.325H34.3903V8.3609C34.3903 6.96695 34.3773 5.59154 34.3662 4.68695C34.6164 5.16705 34.9927 5.87144 35.5024 6.77046L37.4859 10.2424H38.8668L40.8521 6.71485C41.3433 5.84363 41.7196 5.14481 41.9699 4.67213C41.9587 5.57856 41.9439 6.95954 41.9439 8.3609V13.325H44.3166V0.436523H41.9754L38.2051 7.18383Z" fill="currentColor"/>
<path d="M60.7383 7.18383L56.9642 0.436523H54.5508V13.325H56.9235V8.3609C56.9235 6.96695 56.9105 5.59154 56.8994 4.68695C57.1496 5.16705 57.5259 5.87144 58.0357 6.77046L60.0191 10.2424H61.4L63.3853 6.71485C63.8765 5.84363 64.2528 5.14481 64.5031 4.67213C64.4919 5.57856 64.4771 6.95954 64.4771 8.3609V13.325H66.8498V0.436523H64.5123L60.7383 7.18383Z" fill="currentColor"/>
<path d="M82.1419 4.41455C81.7712 4.97065 81.4654 5.45445 81.2948 5.72693C81.2726 5.69171 81.2466 5.65093 81.2188 5.6083C81.0353 5.32284 80.7591 4.89279 80.4366 4.39972L77.8804 0.419922L75.1055 0.442165L80.0399 7.92537V13.3288H82.4311V7.92537L87.3859 0.438457H84.7704L82.1419 4.41455Z" fill="currentColor"/>
<path d="M8.4009 7.74166C8.4009 9.86224 7.2572 11.0801 5.26452 11.0801C3.95027 11.0801 2.8733 10.422 2.45067 9.3599L2.38394 9.19122L0.0390625 9.80107L0.120624 10.0161C0.871354 12.0069 2.88999 13.2915 5.26637 13.2915C8.71788 13.2915 10.7791 11.1839 10.7791 7.65639V0.416016H8.40276V7.74166H8.4009Z" fill="currentColor"/>
</svg>
</div>
</a>
</h1>
<div class="mega-menu__primary-nav-wrapper">
<nav
class="mega-menu__primary-nav text-12"
:class=" { 'primary-nav-is-mobile-open': open, 'primary-nav-is-mobile-close': !open, } "
>
<ul class="mega-menu__primary-nav-list menu-level-one-list" role="list">
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<style>
.menu-level-one-item{
font-weight: 500;
}
</style>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_108df49b-d694-4d2d-acb3-546a98c4d9e7.jpg?v=1768415805&width=450'"
:data-index-of-first-for-loop="'1'"
:data-has-sub-links="'true'"
:data-label="'Sunglasses'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<div class="menu-level-one-item menu-level-one-item">
Sunglasses
<span class="level-one-caret-mobile">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
</div>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<style>
.menu-level-one-item{
font-weight: 500;
}
</style>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/EYEWOMALL_b08edc33-16aa-401d-8e92-b4068affaacf.jpg?v=1768414338&width=450'"
:data-index-of-first-for-loop="'2'"
:data-has-sub-links="'true'"
:data-label="'Glasses'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<div class="menu-level-one-item menu-level-one-item">
Glasses
<span class="level-one-caret-mobile">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
</div>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<style>
.menu-level-one-item{
font-weight: 500;
}
</style>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/Group10123696.jpg?v=1764252073&width=450'"
:data-index-of-first-for-loop="'3'"
:data-has-sub-links="'false'"
:data-label="'Ski Goggles'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<a
href="/collections/ski-goggles"
class="menu-level-one-item menu-level-one-item"
@click="onTrackLink"
@mouseenter="hasSubLinks= false"
@mouseleave="!isMobileWidth && closeMenu()"
>
Ski Goggles
</a>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<style>
.menu-level-one-item{
font-weight: 500;
}
</style>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9051e1ee-a8c4-4024-954f-ed69df394d79.jpg?v=1764066515&width=450'"
:data-index-of-first-for-loop="'4'"
:data-has-sub-links="'true'"
:data-label="'Accessories'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<div class="menu-level-one-item menu-level-one-item">
Accessories
<span class="level-one-caret-mobile">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
</div>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<style>
.menu-level-one-item{
font-weight: 500;
}
</style>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="''"
:data-index-of-first-for-loop="'5'"
:data-has-sub-links="'false'"
:data-label="'Our stores'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<a
href="/pages/stores"
class="menu-level-one-item menu-level-one-item"
@click="onTrackLink"
@mouseenter="hasSubLinks= false"
@mouseleave="!isMobileWidth && closeMenu()"
>
Our stores
</a>
</div>
</li>
</ul>
<div x-show="open" x-cloak>
<div class="wrap-bottom-nav-mobile">
<ul>
<li class="">
<div
class="country-selector__selector navigation-14"
onclick="window.dispatchEvent(new CustomEvent('country-selector:toggle', { bubbles: true }))"
>
France / English
</div>
</li>
<li class="">
<div
x-data="accountGate"
x-component="account-dispatcher"
x-ignore
client:idle
tabindex="0"
@keydown.enter.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); "
class="account-dispatcher mobile navigation-14"
><div class="pointer"
@click.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); ">
My account
</div>
<template x-if="isOpen">
<div class="account-dispatcher-background-close" @click="isOpen && close()" x-show="isOpen"></div>
</template>
<div
x-show="isOpen"
x-transition:enter="slide-media-enter"
x-transition:enter-end="slide-media-enter-end"
x-transition:leave="slide-media-leave"
x-transition:leave-end="slide-media-leave-end"
class="account-dispatcher__modal"
role="dialog"
x-trap.inert.noautofocus="isOpen"
:aria-modal="isOpen ? 'true' : 'false'"
aria-labelledby="account-dispatcher"
@keyup.escape="isOpen && close()"
@click.outside="isOpen && close()"
x-cloak
>
<button
class="account-dispatcher__modal--close mobile-only"
@click.prevent="close()"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<span class="text-12">Useful information</span><button
class="button button-dark"
@click="onButtonClick('account')"
>
My Account
</button><button
class="button button-border-grey"
@click.prevent="onButtonClick('store')"
>
Visit our Store
</button><div class="questions">
<span class="text-12">Questions ?</span>
<p class="text-11">Lucas and his team are there to answer you from Monday to Friday from 9:00 - 19:00.</p>
<div class="questions__links">
<a
href="#"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Chat
</a>
<a
href=""
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Whatsapp
</a>
<a
href="mailto:"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
E-mail
</a>
</div>
</div></div>
</div>
</li>
<li class="">
<a
class="navigation-14"
href="/a/helpcenter">Help</a>
</li>
</ul>
<button
x-show="false"
class="menu-book-an-eye-test-mobile text-12"
@click.prevent="$dispatch('book-appointment-flow:open')"
>
<span>Book an eye test</span>
<span><svg
class="icon icon-calendar"
aria-hidden="true"
focusable="false"
width="100%"
height="100%"
viewbox="0 0 19 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M2 5H17M4 0V3M15 0V3M1.85 2H17.15C17.6194 2 18 2.3731 18 2.83333V16.1667C18 16.6269 17.6194 17 17.15 17H1.85C1.38056 17 1 16.6269 1 16.1667V2.83333C1 2.3731 1.38056 2 1.85 2Z" stroke="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class="menu-overlay-mobile" x-show="open" x-cloak>
<div class="menu-overlay__grid">
<div class="menu-overlay-bg" x-show="hasSubLinks" x-cloak></div>
<div class="menu-overlay-mobile" x-show="open" x-cloak></div>
<div class="menu-overlay__nav" x-show="indexLevelOneActive && hasSubLinks" x-cloak>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/women-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Sunglasses"
width="10"
height="10"
>
</span>
Women's Sunglasses
<span>(194)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/men-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Sunglasses"
width="10"
height="10"
>
</span>
Men's Sunglasses
<span>(147)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/products/mens-colored-lenses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Colored Lenses"
width="10"
height="10"
>
</span>
Colored Lenses
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/women-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Glasses"
width="10"
height="10"
>
</span>
Women's Glasses
<span>(127)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses-blue-light"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Blue light filter"
width="10"
height="10"
>
</span>
Blue light filter
<span>(120)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/ouroffer2025"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/men-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Glasses"
width="10"
height="10"
>
</span>
Men's Glasses
<span>(106)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our icons"
width="10"
height="10"
>
</span>
Our icons
<span>(23)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/our-offer-2025-men"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a href="/collections/accessories"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 4"
>
Accessories
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/tote-bags"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Tote Bags"
width="10"
height="10"
>
</span>
Tote Bags
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/chains"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Chains"
width="10"
height="10"
>
</span>
Chains
<span>(19)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/cases"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cases"
width="10"
height="10"
>
</span>
Cases
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/care-kit"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cleaning Kit"
width="10"
height="10"
>
</span>
Cleaning Kit
<span>(0)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
<div
class="menu-overlay"
x-show="hasSubLinks"
x-cloak
x-transition:enter="slide-reverse-enter"
x-transition:enter-end="slide-reverse-enter-end"
x-transition:leave="slide-reverse-leave"
x-transition:leave-end="slide-reverse-leave-end"
>
<div class="menu-overlay__grid">
<div
class="menu-desk-exit"
x-show="hasSubLinks"
x-cloak
@click="closeMenu()"
@mouseenter="closeMenu()"
></div>
<div class="menu-overlay-bg"></div>
<div class="menu-overlay__images">
<div class="menu-overlay__image-wrapper">
<img
:src="!currentImage ? defaultImage : currentImage"
alt=""
loading="lazy"
x-show="currentImage || defaultImage"
x-cloak
height="100"
width="100"
>
</div>
<div class="menu-desk-bottom-button" x-show="false">
<p class="menu-desk-bottom-button__text navigation-11">
</p>
<button class="menu-book-an-eye-test text-12" @click.prevent="$dispatch('book-appointment-flow:open')">
<span>Book an eye test</span>
<span><svg
class="icon icon-calendar"
aria-hidden="true"
focusable="false"
width="100%"
height="100%"
viewbox="0 0 19 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M2 5H17M4 0V3M15 0V3M1.85 2H17.15C17.6194 2 18 2.3731 18 2.83333V16.1667C18 16.6269 17.6194 17 17.15 17H1.85C1.38056 17 1 16.6269 1 16.1667V2.83333C1 2.3731 1.38056 2 1.85 2Z" stroke="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class="menu-overlay__nav">
<div class="menu-overlay__nav-lists" id="site-nav-1" role="region">
<ul class="menu-level-two navigation-13">
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Women_sunglasses_1b9f6491-8920-476a-98a3-39d8fa26e97e.jpg?v=1768415816&width=450') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/women-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Women_sunglasses_1b9f6491-8920-476a-98a3-39d8fa26e97e.jpg?v=1768415816&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Sunglasses"
width="10"
height="10"
>
</span>
Women's Sunglasses
<span>(194)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/260106_Jimmy_Fairly_x_Wade_Schaul_Full_Res_Digital_C_Print_018_2.jpg?v=1768471232&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Women_Sunglasses_Icons_2e45d822-0c31-4f62-996b-e6b9110903a2.jpg?v=1768410793&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/p0732-bckes_MAN_HOLIDAYS25_7.jpg?v=1768416086&width=450') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/men-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/p0732-bckes_MAN_HOLIDAYS25_7.jpg?v=1768416086&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Sunglasses"
width="10"
height="10"
>
</span>
Men's Sunglasses
<span>(147)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/files/693A3159_LARGEcopie2_6619bbf8-4cc1-4979-bf91-fd93c26a9e5d.jpg?v=1749127315&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/products/mens-colored-lenses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Colored Lenses"
width="10"
height="10"
>
</span>
Colored Lenses
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Men_new_icons_c7fa2b85-2407-4607-b9db-cc437b673485.jpg?v=1766588577&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-2" role="region">
<ul class="menu-level-two navigation-13">
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/EYEWOMALL_6f1ef1fd-7a2f-42e1-b847-812a4735b098.jpg?v=1768410947&width=450') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/women-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/EYEWOMALL_6f1ef1fd-7a2f-42e1-b847-812a4735b098.jpg?v=1768410947&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Glasses"
width="10"
height="10"
>
</span>
Women's Glasses
<span>(127)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/260106_Jimmy_Fairly_x_Wade_Schaul_Full_Res_Digital_C_Print_018_2.jpg?v=1768471232&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/bluelight_d3913f26-0f97-4f15-9cee-fde4db16d658.jpg?v=1768414842&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses-blue-light"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Blue light filter"
width="10"
height="10"
>
</span>
Blue light filter
<span>(120)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('//www.jimmyfairly.com/cdn/shop/files/2025.11.27_SCALD_JIMMY_FAIRLY_x_ATHENAIS_BORG_0705_MONTAGE_3.jpg?v=1765905823&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/ouroffer2025"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_6af2042f-4335-47d2-a6c7-2ff0ac7b7099.jpg?v=1768415490&width=450') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/men-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_6af2042f-4335-47d2-a6c7-2ff0ac7b7099.jpg?v=1768415490&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Glasses"
width="10"
height="10"
>
</span>
Men's Glasses
<span>(106)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_cd0f15e9-51d9-49d3-9492-5d8e2106a2a2.jpg?v=1768415626&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our icons"
width="10"
height="10"
>
</span>
Our icons
<span>(23)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/files/2025.11.27_SCALD_JIMMY_FAIRLY_x_ATHENAIS_BORG_0705_MONTAGE_3.jpg?v=1765905823&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/our-offer-2025-men"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-3" role="region">
<ul class="menu-level-two navigation-13">
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-4" role="region">
<ul class="menu-level-two navigation-13">
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9051e1ee-a8c4-4024-954f-ed69df394d79.jpg?v=1764066515&width=450') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a href="/collections/accessories"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 4"
>
Accessories
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9d844882-e172-4d16-9e3c-3895a57f96a7.jpg?v=1764066552&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/tote-bags"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Tote Bags"
width="10"
height="10"
>
</span>
Tote Bags
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_b3ee7453-e348-4cbb-ab36-7e9fc3cde942.jpg?v=1731921366&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/chains"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Chains"
width="10"
height="10"
>
</span>
Chains
<span>(19)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_5ea883b0-0e08-4c3d-827d-f720474387dd.jpg?v=1764066842&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/cases"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cases"
width="10"
height="10"
>
</span>
Cases
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9a05c327-3553-4a11-9936-d0a25bdc3a0b.jpg?v=1764066944&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/care-kit"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cleaning Kit"
width="10"
height="10"
>
</span>
Cleaning Kit
<span>(0)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-5" role="region">
<ul class="menu-level-two navigation-13">
</ul>
</div>
</div>
</div>
</div>
<style>
.mega-menu__secondary-nav a, .mega-menu__secondary-nav div {
font-weight: 500;
}
</style>
<div class="mega-menu__secondary-nav">
<a
href="/search"
x-data="{isOpen: false}"
:role="'button'"
:aria-pressed="isOpen ? true : false"
aria-controls="header-search"
aria-haspopup="dialog"
:aria-expanded="isOpen ? 'true' : 'false'"
:aria-label="isOpen ? `Close search` : `Open search`"
@header-search:closed.window="isOpen = false"
@header-search:opened.window="isOpen = true"
@click.prevent="!isOpen ? $dispatch('header-search:open') : $dispatch('header-search:close')"
class="mega-menu__secondary-menu-item menu-item__cart text-12 focus-inset"
>
<span class="menu-item__cart-text-desktop">
Search
</span>
<span class="menu-item__cart-icon-mobile">
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-search" x="0" y="0" />
</svg>
</span>
</a>
<div
x-data="accountGate"
x-component="account-dispatcher"
x-ignore
client:idle
tabindex="0"
@keydown.enter.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); "
class="account-dispatcher"
><div class="pointer"
@click.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); ">
Account
</div>
<template x-if="isOpen">
<div class="account-dispatcher-background-close" @click="isOpen && close()" x-show="isOpen"></div>
</template>
<div
x-show="isOpen"
x-transition:enter="slide-media-enter"
x-transition:enter-end="slide-media-enter-end"
x-transition:leave="slide-media-leave"
x-transition:leave-end="slide-media-leave-end"
class="account-dispatcher__modal"
role="dialog"
x-trap.inert.noautofocus="isOpen"
:aria-modal="isOpen ? 'true' : 'false'"
aria-labelledby="account-dispatcher"
@keyup.escape="isOpen && close()"
@click.outside="isOpen && close()"
x-cloak
>
<button
class="account-dispatcher__modal--close mobile-only"
@click.prevent="close()"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<span class="text-12">Useful information</span><button
class="button button-dark"
@click="onButtonClick('account')"
>
My Account
</button><button
class="button button-border-grey"
@click.prevent="onButtonClick('store')"
>
Visit our Store
</button><div class="questions">
<span class="text-12">Questions ?</span>
<p class="text-11">Lucas and his team are there to answer you from Monday to Friday from 9:00 - 19:00.</p>
<div class="questions__links">
<a
href="#"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Chat
</a>
<a
href=""
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Whatsapp
</a>
<a
href="mailto:"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
E-mail
</a>
</div>
</div></div>
</div>
<a
href="/cart"
x-data
class="mega-menu__secondary-menu-item menu-item__cart text-12 focus-inset"
aria-haspopup="dialog"
aria-label="View cart"
@click.prevent="$dispatch('cart-drawer:open')"
>
<span class="sr-only">Cart</span>
<span
class="menu-item__cart-icon-mobile"
:class="{ 'has-items': $store.shop.itemsCount > 0 }"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-cart" x="0" y="0" />
</svg>
<span
class="menu-item__cart-icon-mobile--count"
x-show="$store.shop.itemsCount > 0"
x-text="$store.shop.itemsCount"
></span>
</span>
<span class="menu-item__cart-text-desktop">
Cart
</span>
<span
class="cart-count"
aria-hidden="true"
x-text="`(${$store.shop.itemsCount})`"
>
(0)
</span>
</a>
<a href="/pages/wishlist"
x-data="{ wishlistCount: 0 }"
x-init=" wishlistCount = window.getWishlist ? window.getWishlist().length : 0; "
@wishlist-updated.window="wishlistCount = window.getWishlist ? window.getWishlist().length : 0"
class="mega-menu__secondary-menu-item menu-item__wishlist text-12 focus-inset"
aria-label="Translation missing: en.wishlist.view"
@click.prevent="$dispatch('cart-drawer:open', { tab: 'wishlist' })"
>
<span class="menu-item__wishlist-icon">
<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_wishlist_header" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="12" height="12">
<rect width="12" height="12" fill="#E0E0E0"/>
</mask>
<g mask="url(#mask0_wishlist_header)">
<path
d="M1.60844 6.09841C0.526769 4.65618 0.887326 2.49284 2.69011 1.77173C4.49289 1.05062 5.57457 2.49284 5.93512 3.21396C6.29568 2.49284 7.37791 1.05062 9.54069 1.77173C11.3435 2.49284 11.3435 4.65618 10.2618 6.09841C9.18013 7.54064 5.93512 10.4251 5.93512 10.4251C5.93512 10.4251 2.69011 7.54064 1.60844 6.09841Z"
stroke="currentColor"
stroke-width="0.823561"
stroke-linecap="round"
stroke-linejoin="round"
:fill="wishlistCount > 0 ? 'currentColor' : 'none'"
/>
</g>
</svg>
</span>
</a>
<button
:aria-pressed="open ? 'true' : 'false'"
:aria-label="open ? `Close the menu` : `Open the menu`"
@click="toggleOpen"
class="mega-menu__secondary-menu-item menu-item__hamburger"
>
<span x-show="!open">
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-menu" x="0" y="0" />
</svg>
</span>
<span x-show="open" x-cloak>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-close" x="0" y="0" />
</svg>
</span>
</button>
</div>
</div>
</div>
</header>
<header
class="header mobile-only"
>
<style>
:root {
--header-highlight: #e4e4e4;
--header-bg: #ffffff;
--header-text: #000000;
@media(max-width:767px){
--header-text: #000000;
}
--header-text-active: #1c1f21;
--header-nav-item-color: #000000;
--header-nav-item-color-active: var(--jf-dark);
--logo-animation-color: #ffffff;
}
</style>
<style>
:root {--main-margin-top: 0px;
--associated-tag-top: calc(var(--header-height) + 9px);
.mega-menu.is-border {
border-bottom: none;
}}
</style>
<div
x-data="megaMenu()"
x-init="init()"
>
<div
class="mega-menu | is-plain is-border"
@scroll.window="fillOnScroll($event)"
:class=" { 'active': open || hasSubLinks, 'is-plain': filled || isSearchOpen || $store.shop.UiLayout.uiLayout.id === 'header-search' || $store.shop.UiLayout.uiLayout.id === 'facets', 'header-scrolling': !scrolling } "
>
<div class="mega-menu__secondary-nav part1">
<button
:aria-pressed="open ? 'true' : 'false'"
:aria-label="open ? `Close the menu` : `Open the menu`"
@click="toggleOpen"
class="mega-menu__secondary-menu-item menu-item__hamburger"
>
<span x-show="!open">
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-menu" x="0" y="0" />
</svg>
</span>
<span x-show="open" x-cloak>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-close" x="0" y="0" />
</svg>
</span>
</button>
<a
href="/search"
x-data="{isOpen: false}"
:role="'button'"
:aria-pressed="isOpen ? true : false"
aria-controls="header-search"
aria-haspopup="dialog"
:aria-expanded="isOpen ? 'true' : 'false'"
:aria-label="isOpen ? `Close search` : `Open search`"
@header-search:closed.window="isOpen = false"
@header-search:opened.window="isOpen = true"
@click.prevent="!isOpen ? $dispatch('header-search:open') : $dispatch('header-search:close')"
class="mega-menu__secondary-menu-item menu-item__cart text-12 focus-inset"
>
<span class="menu-item__cart-text-desktop">
Search
</span>
<span class="menu-item__cart-icon-mobile">
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-search" x="0" y="0" />
</svg>
</span>
</a>
<div
x-data="accountGate"
x-component="account-dispatcher"
x-ignore
client:idle
tabindex="0"
@keydown.enter.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); "
class="account-dispatcher"
><div class="pointer"
@click.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); ">
Account
</div>
<template x-if="isOpen">
<div class="account-dispatcher-background-close" @click="isOpen && close()" x-show="isOpen"></div>
</template>
<div
x-show="isOpen"
x-transition:enter="slide-media-enter"
x-transition:enter-end="slide-media-enter-end"
x-transition:leave="slide-media-leave"
x-transition:leave-end="slide-media-leave-end"
class="account-dispatcher__modal"
role="dialog"
x-trap.inert.noautofocus="isOpen"
:aria-modal="isOpen ? 'true' : 'false'"
aria-labelledby="account-dispatcher"
@keyup.escape="isOpen && close()"
@click.outside="isOpen && close()"
x-cloak
>
<button
class="account-dispatcher__modal--close mobile-only"
@click.prevent="close()"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<span class="text-12">Useful information</span><button
class="button button-dark"
@click="onButtonClick('account')"
>
My Account
</button><button
class="button button-border-grey"
@click.prevent="onButtonClick('store')"
>
Visit our Store
</button><div class="questions">
<span class="text-12">Questions ?</span>
<p class="text-11">Lucas and his team are there to answer you from Monday to Friday from 9:00 - 19:00.</p>
<div class="questions__links">
<a
href="#"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Chat
</a>
<a
href=""
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Whatsapp
</a>
<a
href="mailto:"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
E-mail
</a>
</div>
</div></div>
</div>
</div>
<h1
class="mega-menu__heading mobile"
:class=" { 'active': logoActive } "
x-cloak
x-morph-skip
>
<a href="/" aria-label="Jimmy Fairly" class="header-menu__heading-link"><div class="header-menu__heading-logo-wrapper">
<svg
width="201"
height="14"
viewbox="0 0 201 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
>
<title>Jimmy Fairly</title>
<path d="M108.125 13.3245H110.498V8.08421H115.684V5.83573H110.498V2.68266H117.074V0.436035H108.125V13.3245Z" fill="currentColor"/>
<path d="M127.714 0.436035L122.393 13.3245H124.908L126.083 10.4198H131.776L132.934 13.3245H135.485L130.18 0.436035H127.714ZM130.899 8.22324H126.964L128.046 5.49466C128.356 4.72725 128.725 3.82637 128.93 3.3333C129.06 3.65213 129.253 4.13037 129.431 4.57154L130.899 8.22324Z" fill="currentColor"/>
<path d="M145.998 0.436035H143.625V13.3245H145.998V0.436035Z" fill="currentColor"/>
<path d="M164.719 4.63456C164.719 2.04501 162.81 0.436035 159.737 0.436035H155.412V13.3245H157.785V8.69036H158.845C159.047 8.69036 159.433 8.69036 159.692 8.67924L162.361 13.3245H165.198L162.135 8.23251C163.805 7.69309 164.719 6.42519 164.719 4.63456ZM162.293 4.72354C162.293 6.03593 161.509 6.67358 159.896 6.67358H157.785V2.6493H159.824C160.953 2.64745 162.293 3.00891 162.293 4.72354Z" fill="currentColor"/>
<path d="M176.369 0.436035H173.994V13.3245H182.625V11.076H176.369V0.436035Z" fill="currentColor"/>
<path d="M197.419 0.436116L194.79 4.41406C194.42 4.97016 194.114 5.45396 193.943 5.72645C193.921 5.69123 193.895 5.6523 193.869 5.60967C193.686 5.3242 193.41 4.8923 193.087 4.39923L190.531 0.419434L187.756 0.441677L192.69 7.92488V13.3283H195.082V7.92488L200.036 0.437968H197.419V0.436116Z" fill="currentColor"/>
<path d="M22.3258 0.436523H19.9531V13.325H22.3258V0.436523Z" fill="currentColor"/>
<path d="M38.2051 7.18383L34.431 0.436523H32.0176V13.325H34.3903V8.3609C34.3903 6.96695 34.3773 5.59154 34.3662 4.68695C34.6164 5.16705 34.9927 5.87144 35.5024 6.77046L37.4859 10.2424H38.8668L40.8521 6.71485C41.3433 5.84363 41.7196 5.14481 41.9699 4.67213C41.9587 5.57856 41.9439 6.95954 41.9439 8.3609V13.325H44.3166V0.436523H41.9754L38.2051 7.18383Z" fill="currentColor"/>
<path d="M60.7383 7.18383L56.9642 0.436523H54.5508V13.325H56.9235V8.3609C56.9235 6.96695 56.9105 5.59154 56.8994 4.68695C57.1496 5.16705 57.5259 5.87144 58.0357 6.77046L60.0191 10.2424H61.4L63.3853 6.71485C63.8765 5.84363 64.2528 5.14481 64.5031 4.67213C64.4919 5.57856 64.4771 6.95954 64.4771 8.3609V13.325H66.8498V0.436523H64.5123L60.7383 7.18383Z" fill="currentColor"/>
<path d="M82.1419 4.41455C81.7712 4.97065 81.4654 5.45445 81.2948 5.72693C81.2726 5.69171 81.2466 5.65093 81.2188 5.6083C81.0353 5.32284 80.7591 4.89279 80.4366 4.39972L77.8804 0.419922L75.1055 0.442165L80.0399 7.92537V13.3288H82.4311V7.92537L87.3859 0.438457H84.7704L82.1419 4.41455Z" fill="currentColor"/>
<path d="M8.4009 7.74166C8.4009 9.86224 7.2572 11.0801 5.26452 11.0801C3.95027 11.0801 2.8733 10.422 2.45067 9.3599L2.38394 9.19122L0.0390625 9.80107L0.120624 10.0161C0.871354 12.0069 2.88999 13.2915 5.26637 13.2915C8.71788 13.2915 10.7791 11.1839 10.7791 7.65639V0.416016H8.40276V7.74166H8.4009Z" fill="currentColor"/>
</svg>
</div></a>
</h1>
<div class="mega-menu__primary-nav-wrapper">
<nav
class="mega-menu__primary-nav text-12"
:class=" { 'primary-nav-is-mobile-open': open, 'primary-nav-is-mobile-close': !open, } "
>
<ul class="mega-menu__primary-nav-list menu-level-one-list" role="list">
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_108df49b-d694-4d2d-acb3-546a98c4d9e7.jpg?v=1768415805&width=450'"
:data-index-of-first-for-loop="'1'"
:data-has-sub-links="'true'"
:data-label="'Sunglasses'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<div class="menu-level-one-item menu-level-one-item">
Sunglasses
<span class="level-one-caret-mobile">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
</div>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/EYEWOMALL_b08edc33-16aa-401d-8e92-b4068affaacf.jpg?v=1768414338&width=450'"
:data-index-of-first-for-loop="'2'"
:data-has-sub-links="'true'"
:data-label="'Glasses'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<div class="menu-level-one-item menu-level-one-item">
Glasses
<span class="level-one-caret-mobile">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
</div>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/Group10123696.jpg?v=1764252073&width=450'"
:data-index-of-first-for-loop="'3'"
:data-has-sub-links="'false'"
:data-label="'Ski Goggles'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<a
href="/collections/ski-goggles"
class="menu-level-one-item menu-level-one-item"
@click="onTrackLink"
@mouseenter="hasSubLinks= false"
@mouseleave="!isMobileWidth && closeMenu()"
>
Ski Goggles
</a>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="'//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9051e1ee-a8c4-4024-954f-ed69df394d79.jpg?v=1764066515&width=450'"
:data-index-of-first-for-loop="'4'"
:data-has-sub-links="'true'"
:data-label="'Accessories'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<div class="menu-level-one-item menu-level-one-item">
Accessories
<span class="level-one-caret-mobile">
<svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
</div>
</div>
</li>
<li aria-expanded="false">
<script>
function onTrackLink(e) {
console.log('[Analytics] - ', 'click_navigation')
dataLayer.push({
event: 'click_navigation',
event_name: 'click_navigation',
button_id: e.target.innerText,
})
}
</script>
<div
@mouseenter="setMouseEnterActions()"
x-data="{ open: false }"
@click=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
role="button"
@keydown.enter.prevent=" setClickActions(); $nextTick(() => { const idx = $el.getAttribute('data-index-of-first-for-loop'); const first = document .getElementById(`site-nav-${idx}`) .querySelector('a'); first && first.focus(); }) "
@keydown.space.prevent="setClickActions()"
@keydown.escape.window="open = false; closeMenu()"
:data-src-image="''"
:data-index-of-first-for-loop="'5'"
:data-has-sub-links="'false'"
:data-label="'Our stores'"
class="menu-level-one-item-wrapper"
:class=" { 'menu-level-one-item-wrapper--has-sub-links': hasSubLinks, 'menu-level-one-item-wrapper--open': open } "
data-level-one-item
tabindex="0"
>
<a
href="/pages/stores"
class="menu-level-one-item menu-level-one-item"
@click="onTrackLink"
@mouseenter="hasSubLinks= false"
@mouseleave="!isMobileWidth && closeMenu()"
>
Our stores
</a>
</div>
</li>
</ul>
<div x-show="open" x-cloak>
<div class="wrap-bottom-nav-mobile">
<ul>
<li class="">
<div
class="country-selector__selector navigation-14"
onclick="window.dispatchEvent(new CustomEvent('country-selector:toggle', { bubbles: true }))"
>
France / English
</div>
</li>
<li class="">
<div
x-data="accountGate"
x-component="account-dispatcher"
x-ignore
client:idle
tabindex="0"
@keydown.enter.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); "
class="account-dispatcher mobile navigation-14"
><div class="pointer"
@click.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); ">
My account
</div>
<template x-if="isOpen">
<div class="account-dispatcher-background-close" @click="isOpen && close()" x-show="isOpen"></div>
</template>
<div
x-show="isOpen"
x-transition:enter="slide-media-enter"
x-transition:enter-end="slide-media-enter-end"
x-transition:leave="slide-media-leave"
x-transition:leave-end="slide-media-leave-end"
class="account-dispatcher__modal"
role="dialog"
x-trap.inert.noautofocus="isOpen"
:aria-modal="isOpen ? 'true' : 'false'"
aria-labelledby="account-dispatcher"
@keyup.escape="isOpen && close()"
@click.outside="isOpen && close()"
x-cloak
>
<button
class="account-dispatcher__modal--close mobile-only"
@click.prevent="close()"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<span class="text-12">Useful information</span><button
class="button button-dark"
@click="onButtonClick('account')"
>
My Account
</button><button
class="button button-border-grey"
@click.prevent="onButtonClick('store')"
>
Visit our Store
</button><div class="questions">
<span class="text-12">Questions ?</span>
<p class="text-11">Lucas and his team are there to answer you from Monday to Friday from 9:00 - 19:00.</p>
<div class="questions__links">
<a
href="#"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Chat
</a>
<a
href=""
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Whatsapp
</a>
<a
href="mailto:"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
E-mail
</a>
</div>
</div></div>
</div>
</li>
<li class="">
<a
class="navigation-14"
href="/a/helpcenter">Help</a>
</li>
</ul>
<button
x-show="false"
class="menu-book-an-eye-test-mobile text-12"
@click.prevent="$dispatch('book-appointment-flow:open')"
>
<span>Book an eye test</span>
<span><svg
class="icon icon-calendar"
aria-hidden="true"
focusable="false"
width="100%"
height="100%"
viewbox="0 0 19 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M2 5H17M4 0V3M15 0V3M1.85 2H17.15C17.6194 2 18 2.3731 18 2.83333V16.1667C18 16.6269 17.6194 17 17.15 17H1.85C1.38056 17 1 16.6269 1 16.1667V2.83333C1 2.3731 1.38056 2 1.85 2Z" stroke="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class="menu-overlay-mobile" x-show="open" x-cloak>
<div class="menu-overlay__grid">
<div class="menu-overlay-bg" x-show="hasSubLinks" x-cloak></div>
<div class="menu-overlay-mobile" x-show="open" x-cloak></div>
<div class="menu-overlay__nav" x-show="indexLevelOneActive && hasSubLinks" x-cloak>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/women-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Sunglasses"
width="10"
height="10"
>
</span>
Women's Sunglasses
<span>(194)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/men-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Sunglasses"
width="10"
height="10"
>
</span>
Men's Sunglasses
<span>(147)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/products/mens-colored-lenses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Colored Lenses"
width="10"
height="10"
>
</span>
Colored Lenses
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/women-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Glasses"
width="10"
height="10"
>
</span>
Women's Glasses
<span>(127)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses-blue-light"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Blue light filter"
width="10"
height="10"
>
</span>
Blue light filter
<span>(120)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/ouroffer2025"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/men-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Glasses"
width="10"
height="10"
>
</span>
Men's Glasses
<span>(106)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our icons"
width="10"
height="10"
>
</span>
Our icons
<span>(23)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/our-offer-2025-men"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
<li class="menu-level-two-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a href="/collections/accessories"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 4"
>
Accessories
</a>
</div>
</div>
<ul class="menu-level-three navigation-16-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/tote-bags"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Tote Bags"
width="10"
height="10"
>
</span>
Tote Bags
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/chains"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Chains"
width="10"
height="10"
>
</span>
Chains
<span>(19)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/cases"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cases"
width="10"
height="10"
>
</span>
Cases
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/care-kit"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cleaning Kit"
width="10"
height="10"
>
</span>
Cleaning Kit
<span>(0)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists">
<div class="overlay-back-button-mobile" @click="hasSubLinks = false">
<span><svg aria-hidden="true" focusable="false" class="icon icon-caret" viewbox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</svg>
</span>
<p x-text="mobileCurrentTitle"></p>
</div>
<ul class="menu-level-two navigation-16-13">
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
<div
class="menu-overlay"
x-show="hasSubLinks"
x-cloak
x-transition:enter="slide-reverse-enter"
x-transition:enter-end="slide-reverse-enter-end"
x-transition:leave="slide-reverse-leave"
x-transition:leave-end="slide-reverse-leave-end"
>
<div class="menu-overlay__grid">
<div
class="menu-desk-exit"
x-show="hasSubLinks"
x-cloak
@click="closeMenu()"
@mouseenter="closeMenu()"
></div>
<div class="menu-overlay-bg"></div>
<div class="menu-overlay__images">
<div class="menu-overlay__image-wrapper">
<img
:src="!currentImage ? defaultImage : currentImage"
alt=""
loading="lazy"
x-show="currentImage || defaultImage"
x-cloak
height="100"
width="100"
>
</div>
<div class="menu-desk-bottom-button" x-show="false">
<p class="menu-desk-bottom-button__text navigation-11">
</p>
<button class="menu-book-an-eye-test text-12" @click.prevent="$dispatch('book-appointment-flow:open')">
<span>Book an eye test</span>
<span><svg
class="icon icon-calendar"
aria-hidden="true"
focusable="false"
width="100%"
height="100%"
viewbox="0 0 19 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M2 5H17M4 0V3M15 0V3M1.85 2H17.15C17.6194 2 18 2.3731 18 2.83333V16.1667C18 16.6269 17.6194 17 17.15 17H1.85C1.38056 17 1 16.6269 1 16.1667V2.83333C1 2.3731 1.38056 2 1.85 2Z" stroke="currentColor"/>
</svg>
</span>
</button>
</div>
</div>
<div class="menu-overlay__nav">
<div class="menu-overlay__nav-lists" id="site-nav-1" role="region">
<ul class="menu-level-two navigation-13">
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Women_sunglasses_1b9f6491-8920-476a-98a3-39d8fa26e97e.jpg?v=1768415816&width=450') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/women-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Women_sunglasses_1b9f6491-8920-476a-98a3-39d8fa26e97e.jpg?v=1768415816&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Sunglasses"
width="10"
height="10"
>
</span>
Women's Sunglasses
<span>(194)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/260106_Jimmy_Fairly_x_Wade_Schaul_Full_Res_Digital_C_Print_018_2.jpg?v=1768471232&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Women_Sunglasses_Icons_2e45d822-0c31-4f62-996b-e6b9110903a2.jpg?v=1768410793&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/women-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/p0732-bckes_MAN_HOLIDAYS25_7.jpg?v=1768416086&width=450') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/men-sunglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/p0732-bckes_MAN_HOLIDAYS25_7.jpg?v=1768416086&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Sunglasses"
width="10"
height="10"
>
</span>
Men's Sunglasses
<span>(147)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/files/693A3159_LARGEcopie2_6619bbf8-4cc1-4979-bf91-fd93c26a9e5d.jpg?v=1749127315&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/products/mens-colored-lenses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Colored Lenses"
width="10"
height="10"
>
</span>
Colored Lenses
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/Men_new_icons_c7fa2b85-2407-4607-b9db-cc437b673485.jpg?v=1766588577&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/men-sunglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our Icons"
width="10"
height="10"
>
</span>
Our Icons
<span>(32)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 1"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 1"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 1">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 1"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-2" role="region">
<ul class="menu-level-two navigation-13">
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/EYEWOMALL_6f1ef1fd-7a2f-42e1-b847-812a4735b098.jpg?v=1768410947&width=450') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/women-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Women
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/EYEWOMALL_6f1ef1fd-7a2f-42e1-b847-812a4735b098.jpg?v=1768410947&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Women's Glasses"
width="10"
height="10"
>
</span>
Women's Glasses
<span>(127)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/260106_Jimmy_Fairly_x_Wade_Schaul_Full_Res_Digital_C_Print_018_2.jpg?v=1768471232&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/the-new-york-edit-women"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="The New York Edit"
width="10"
height="10"
>
</span>
The New York Edit
<span>(43)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/bluelight_d3913f26-0f97-4f15-9cee-fde4db16d658.jpg?v=1768414842&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/women-eyeglasses-blue-light"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Blue light filter"
width="10"
height="10"
>
</span>
Blue light filter
<span>(120)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('//www.jimmyfairly.com/cdn/shop/files/2025.11.27_SCALD_JIMMY_FAIRLY_x_ATHENAIS_BORG_0705_MONTAGE_3.jpg?v=1765905823&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/ouroffer2025"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_6af2042f-4335-47d2-a6c7-2ff0ac7b7099.jpg?v=1768415490&width=450') setHasSubLinks(3) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/men-eyeglasses"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Men
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_6af2042f-4335-47d2-a6c7-2ff0ac7b7099.jpg?v=1768415490&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Men's Glasses"
width="10"
height="10"
>
</span>
Men's Glasses
<span>(106)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_cd0f15e9-51d9-49d3-9492-5d8e2106a2a2.jpg?v=1768415626&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/men-eyeglasses-icons"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our icons"
width="10"
height="10"
>
</span>
Our icons
<span>(23)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(2) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/files/2025.11.27_SCALD_JIMMY_FAIRLY_x_ATHENAIS_BORG_0705_MONTAGE_3.jpg?v=1765905823&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/pages/our-offer-2025-men"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Our offer Ultra²"
width="10"
height="10"
>
</span>
Our offer Ultra²
</a>
</div>
</div>
</li>
</ul>
</li>
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(1) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a href="/collections/gift-cards"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 2"
>
Gift Cards
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 2"
@mouseenter=" setIndexLevelTwoActive(3) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_94d4c39a-46f3-4b6b-b7cd-6764081b2532.jpg?v=1766152157&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 2">
<a
href="/collections/gift-cards"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 2"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="View all"
width="10"
height="10"
>
</span>
View all
<span>(3)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-3" role="region">
<ul class="menu-level-two navigation-13">
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-4" role="region">
<ul class="menu-level-two navigation-13">
<li class="menu-level-two-item" tabindex="-1">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive() setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9051e1ee-a8c4-4024-954f-ed69df394d79.jpg?v=1764066515&width=450') setHasSubLinks(4) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a href="/collections/accessories"
class="menu-item-has-sub menu-item-secondary"
x-show="indexLevelOneActive == 4"
>
Accessories
</a>
</div>
</div>
<ul class="menu-level-three text-12">
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(1) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9d844882-e172-4d16-9e3c-3895a57f96a7.jpg?v=1764066552&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/tote-bags"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Tote Bags"
width="10"
height="10"
>
</span>
Tote Bags
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(2) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_b3ee7453-e348-4cbb-ab36-7e9fc3cde942.jpg?v=1731921366&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/chains"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Chains"
width="10"
height="10"
>
</span>
Chains
<span>(19)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(3) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_5ea883b0-0e08-4c3d-827d-f720474387dd.jpg?v=1764066842&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/cases"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cases"
width="10"
height="10"
>
</span>
Cases
<span>(11)</span>
</a>
</div>
</div>
</li>
<li class="menu-level-three-item">
<div
x-show="indexLevelOneActive == 4"
@mouseenter=" setIndexLevelTwoActive(1) setIndexLevelThreeActive(4) setCurrentImage('//www.jimmyfairly.com/cdn/shop/collections/B064098-R1-11-24_1_9a05c327-3553-4a11-9936-d0a25bdc3a0b.jpg?v=1764066944&width=450') setHasSubLinks(false) "
@mouseleave="setCurrentImage(null)"
>
<div x-show="indexLevelOneActive == 4">
<a
href="/collections/care-kit"
class="menu-item-has-not-sub menu-item-secondary"
@click="onTrackLink"
x-show="indexLevelOneActive == 4"
>
<span class="highlight-item">
<img
src="//www.jimmyfairly.com/cdn/shop/files/highlight-round_small.svg?v=1725648489"
loading="lazy"
alt="Cleaning Kit"
width="10"
height="10"
>
</span>
Cleaning Kit
<span>(0)</span>
</a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu-overlay__nav-lists" id="site-nav-5" role="region">
<ul class="menu-level-two navigation-13">
</ul>
</div>
</div>
</div>
</div>
<div class="mega-menu__secondary-nav part2">
<a href="/pages/wishlist"
x-data="{ wishlistCount: 0 }"
x-init=" wishlistCount = window.getWishlist ? window.getWishlist().length : 0; "
@wishlist-updated.window="wishlistCount = window.getWishlist ? window.getWishlist().length : 0"
class="mega-menu__secondary-menu-item menu-item__wishlist text-12 focus-inset"
aria-label="Translation missing: en.wishlist.view"
@click.prevent="$dispatch('cart-drawer:open', { tab: 'wishlist' })"
>
<span class="menu-item__wishlist-icon">
<svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_wishlist_header" style="mask-type:alpha" maskunits="userSpaceOnUse" x="0" y="0" width="12" height="12">
<rect width="12" height="12" fill="#E0E0E0"/>
</mask>
<g mask="url(#mask0_wishlist_header)">
<path
d="M1.60844 6.09841C0.526769 4.65618 0.887326 2.49284 2.69011 1.77173C4.49289 1.05062 5.57457 2.49284 5.93512 3.21396C6.29568 2.49284 7.37791 1.05062 9.54069 1.77173C11.3435 2.49284 11.3435 4.65618 10.2618 6.09841C9.18013 7.54064 5.93512 10.4251 5.93512 10.4251C5.93512 10.4251 2.69011 7.54064 1.60844 6.09841Z"
stroke="currentColor"
stroke-width="0.823561"
stroke-linecap="round"
stroke-linejoin="round"
:fill="wishlistCount > 0 ? 'currentColor' : 'none'"
/>
</g>
</svg>
</span>
</a>
<div
x-data="accountGate"
x-component="account-dispatcher"
x-ignore
client:idle
tabindex="0"
@keydown.enter.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); "
class="account-dispatcher"
><div class="pointer"
@click.prevent=" onButtonClick('account'); $dispatch('open-account-drawer'); ">
Account
</div>
<template x-if="isOpen">
<div class="account-dispatcher-background-close" @click="isOpen && close()" x-show="isOpen"></div>
</template>
<div
x-show="isOpen"
x-transition:enter="slide-media-enter"
x-transition:enter-end="slide-media-enter-end"
x-transition:leave="slide-media-leave"
x-transition:leave-end="slide-media-leave-end"
class="account-dispatcher__modal"
role="dialog"
x-trap.inert.noautofocus="isOpen"
:aria-modal="isOpen ? 'true' : 'false'"
aria-labelledby="account-dispatcher"
@keyup.escape="isOpen && close()"
@click.outside="isOpen && close()"
x-cloak
>
<button
class="account-dispatcher__modal--close mobile-only"
@click.prevent="close()"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<span class="text-12">Useful information</span><button
class="button button-dark"
@click="onButtonClick('account')"
>
My Account
</button><button
class="button button-border-grey"
@click.prevent="onButtonClick('store')"
>
Visit our Store
</button><div class="questions">
<span class="text-12">Questions ?</span>
<p class="text-11">Lucas and his team are there to answer you from Monday to Friday from 9:00 - 19:00.</p>
<div class="questions__links">
<a
href="#"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Chat
</a>
<a
href=""
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
Whatsapp
</a>
<a
href="mailto:"
target="_blank"
rel="noopener noreferrer"
class="link text-11"
>
E-mail
</a>
</div>
</div></div>
</div>
<a
href="/cart"
x-data
class="mega-menu__secondary-menu-item menu-item__cart text-12 focus-inset"
aria-haspopup="dialog"
aria-label="View cart"
@click.prevent="$dispatch('cart-drawer:open')"
>
<span class="sr-only">Cart</span>
<span
class="menu-item__cart-icon-mobile"
:class="{ 'has-items': $store.shop.itemsCount > 0 }"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-cart" x="0" y="0" />
</svg>
<span
class="menu-item__cart-icon-mobile--count"
x-show="$store.shop.itemsCount > 0"
x-text="$store.shop.itemsCount"
></span>
</span>
<span class="menu-item__cart-text-desktop">
Cart
</span>
<span
class="cart-count"
aria-hidden="true"
x-text="`(${$store.shop.itemsCount})`"
>
(0)
</span>
</a>
</div>
</div>
</div>
</header>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Jimmy Fairly",
"logo": "https://www.jimmyfairly.com/cdn/shop/files/favicon_jimmy_fairly.webp?crop=center&height=150&v=1667907906&width=150",
"sameAs": [
"",
"https://www.facebook.com/jimmyfairly/",
"https://www.pinterest.fr/jimmyfairly/",
"https://www.instagram.com/jimmyfairly/",
"https://www.tiktok.com/@jimmy.fairly",
"",
"",
"",
""
],
"url": "https:\/\/www.jimmyfairly.com"
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"name": "Jimmy Fairly",
"potentialAction": {
"@type": "SearchAction",
"target": "https:\/\/www.jimmyfairly.com\/search?q={search_term_string}",
"query-input": "required name=search_term_string"
},
"url": "https:\/\/www.jimmyfairly.com"
}
</script>
</div><div id="shopify-section-sections--27506067276103__top_banner_tW4Y8m" class="shopify-section shopify-section-group-header-group top-banner__wrapper">
<div
x-data="topBanner"
x-id="['top-banner']"
x-ignore
x-component="top-banner"
class="top-banner"
x-init="displayingPageType = '{all:true,homepage:false,products:false,collections:false,boutiques:false,specific:false}', displayingPage = ''"
style="color: #ffffff; background-color: #000000;"
@scroll.window="onScroll"
>
<button
class="top-banner__close"
@click.prevent="closeBanner()"
aria-label="Close top banner"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 10px; height: 10px;"
>
<use xlink:href="#icon-close" x="0" y="0" />
</svg>
</button>
<!-- snippets/slider -->
<div
x-data="slider"
x-ignore
x-component="slider"
class="slider | top-banner__slider"
:class="{'is-draggable': isDraggable, 'is-initialized': isInit, 'is-dragging': isPointerDown, 'is-auto-height': isAutoheight}"
data-current-slide="0"
data-options="{'loop': true, 'axis': 'y', 'autoplay': true, 'delay': 3000, 'stopOnInteraction': false}"
>
<div class="slider__viewport">
<ul class="slider__container" data-slider-viewport>
<li class="top-banner__element slider__slide" data-slider-slide>
<span class="top-banner__text">Pay now, in 30 days, or in 3 installments with Klarna.</span>
</li>
<li class="top-banner__element slider__slide" data-slider-slide>
<a
href="https://www.jimmyfairly.com/fr/collections/gift-cards"
class="top-banner__text"
>
Enjoy free delivery at home or in-store in 1-3 business days
</a>
</li>
</ul>
</div>
<button
class="slider__buttons slider__buttons--prev"
aria-label="Button Previous Slide"
:disabled="!canScrollPrev"
@click.prevent="goTo('<')"
><!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-caret-left" x="0" y="0" />
</svg>
</button>
<button
class="slider__buttons slider__buttons--next"
aria-label="Button Next Slide"
:disabled="!canScrollNext"
@click.prevent="goTo('>')"
><!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-caret-right" x="0" y="0" />
</svg>
</button>
<template
x-ignore
x-if="isDots"
>
<ul class="slider__dots">
<template x-for="(value, index) in dots" :key="index">
<li>
<button
class="slider__dot"
:class="{'is-selected': index === currentIndex}"
@click="goTo(index)"
:aria-label="`Go to slide ${ index + 1 } of ${ dots.length }`"
:aria-current="index === currentIndex ? 'true' : null"
></button>
</li>
</template>
</ul>
</template></div>
</div>
</div>
<!-- END sections: header-group -->
<main
id="main-content"
role="main"
:aria-hidden="$store.shop.UiLayout.uiLayout?.id ? 'true' : 'false'"
:class="{ 'is-plain':false }"
>
<div id="shopify-section-template--27506064359751__slice_full_media_FXUCRg" class="shopify-section"><!-- sections/slice-full-media --><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_FXUCRg "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<section class="slice-full-media" data-section-name="slice-full-media"><div class="desktop-only">
<!-- snippets/video -->
<figure
x-data="video"
x-ignore
x-component="video"
client:visible="{'rootMargin': '20%'}"
class="video__wrapper is-keep-ratio"
style="--ratio:1.775">
<video
:id="id"
x-ref="video"
class="video"
width="100%"
height="auto"
poster="//www.jimmyfairly.com/cdn/shop/files/preview_images/a38824a517ea401e9c339cf578f48a75.thumbnail.0000000000.jpg?v=1768559306"
playsinline="true" preload="none" data-autoplay muted="true" loop="true"
oncanplaythrough="this.classList.add('is-loaded')"
><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/a38824a517ea401e9c339cf578f48a75/a38824a517ea401e9c339cf578f48a75.m3u8?v=0" type="application/x-mpegURL"><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/a38824a517ea401e9c339cf578f48a75/a38824a517ea401e9c339cf578f48a75.HD-1080p-7.2Mbps-67106388.mp4?v=0" type="video/mp4">Your browser does not support the video tag.
</video>
</figure>
</div>
<div class="mobile-only">
<!-- snippets/video -->
<figure
x-data="video"
x-ignore
x-component="video"
client:visible="{'rootMargin': '20%'}"
class="video__wrapper is-keep-ratio"
style="--ratio:0.563">
<video
:id="id"
x-ref="video"
class="video"
width="100%"
height="auto"
poster="//www.jimmyfairly.com/cdn/shop/files/preview_images/522c9eb3bef54768a784f66bc6708f2d.thumbnail.0000000000.jpg?v=1768559291"
playsinline="true" preload="none" data-autoplay muted="true" loop="true"
oncanplaythrough="this.classList.add('is-loaded')"
><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/522c9eb3bef54768a784f66bc6708f2d/522c9eb3bef54768a784f66bc6708f2d.m3u8?v=0" type="application/x-mpegURL"><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/522c9eb3bef54768a784f66bc6708f2d/522c9eb3bef54768a784f66bc6708f2d.HD-1080p-7.2Mbps-67106389.mp4?v=0" type="video/mp4">Your browser does not support the video tag.
</video>
</figure>
</div>
<a href="/collections/the-new-york-edit-women" class="slice-full-media__outer-link">
<article
class="slice-full-media__inner"
style="--text-alignement: center; --title-color: #000000"
><div class="text-36 slice-full-media__title">
<p>The New York Edit</p>
</div></article></a>
<div class="slice-full-media__on-top">
<div class="slice-full-media__on-top__inner">
<div
class="slice-full-media__banner--wrapper"
></div>
</div>
</div>
</section>
<!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_FXUCRg "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<style> #shopify-section-template--27506064359751__slice_full_media_FXUCRg .slice-full-media__inner {align-items: flex-start;} #shopify-section-template--27506064359751__slice_full_media_FXUCRg .slice-full-media__title {top: auto; left: 24px; bottom: 24px; transform: none; position: sticky; font-size: 1.5rem; padding: 0 0 10px 10px;} @media screen and (max-width: 1023px) {#shopify-section-template--27506064359751__slice_full_media_FXUCRg .slice-full-media__title {font-size: 1.2rem; padding: 0 0 10px 4px; }} </style></div><div id="shopify-section-template--27506064359751__slice_block_of_2_jQ493R" class="shopify-section"><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_block_of_2_jQ493R "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<section
class="slice-block-of-two"
data-section-name="slice-block-of-2"
>
<!-- snippets/block-image-link -->
<div
class="slice-block-of-two__block no-margin"
style="--slice-block-of-two-color-primary: #000000; --slice-block-of-two-color-secondary: rgba(0,0,0,0);"
id="shopify-block-block_image_link_dXdLJF"
><a class="link-layer" href="/collections/women-sunglasses"><span class="sr-only">Shop now</span></a><div class="slice-block-of-two__block__wrap-img">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=2268" srcset="//www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/Group_10123660_cc7175d0-e4ba-4b63-a829-9b9bc7439d7b.jpg?v=1768416427&width=2200 2200w" width="2268" height="2784" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 40vw, 95vw" onload="this.classList.add('is-loaded')">
</div>
<div class="wrap-button">
<div class="wrap-button-inner-box">
<button
class="slice-block-of-two__block__button slice-block-of-two__block__button--box is-left backgrounded"
>
<h2
class="slice-block-of-two__block__button--box__pre-title is-left backgrounded"
>
Women's Sunglasses
</h2>
<a class="slice-block-of-two__block__button--box__link button-border-grey" href="/collections/women-sunglasses">
Shop now
</a>
</button>
</div>
</div>
</div>
<!-- snippets/block-image-link -->
<div
class="slice-block-of-two__block no-margin"
style="--slice-block-of-two-color-primary: #000000; --slice-block-of-two-color-secondary: rgba(0,0,0,0);"
id="shopify-block-block_image_link_NGXfBW"
><a class="link-layer" href="/collections/women-eyeglasses"><span class="sr-only">Shop now</span></a><div class="slice-block-of-two__block__wrap-img">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=2052" srcset="//www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7_edc345ad-4790-4862-b2b3-e4610721026a.jpg?v=1768491015&width=2000 2000w" width="2052" height="2784" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 40vw, 95vw" onload="this.classList.add('is-loaded')">
</div>
<div class="wrap-button">
<div class="wrap-button-inner-box">
<button
class="slice-block-of-two__block__button slice-block-of-two__block__button--box is-left backgrounded"
>
<h2
class="slice-block-of-two__block__button--box__pre-title is-left backgrounded"
>
Women's Eyeglasses
</h2>
<a class="slice-block-of-two__block__button--box__link button-border-grey" href="/collections/women-eyeglasses">
Shop now
</a>
</button>
</div>
</div>
</div>
</section><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_block_of_2_jQ493R "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<style> #shopify-section-template--27506064359751__slice_block_of_2_jQ493R .slice-block-of-two__block__button {font-size: 1.5rem; font-weight: bolder;} #shopify-section-template--27506064359751__slice_block_of_2_jQ493R .slice-block-of-two__block__button--box__link.button-border-grey {display: none;} #shopify-section-template--27506064359751__slice_block_of_2_jQ493R .slice-block-of-two__block__button {padding: 0;} #shopify-section-template--27506064359751__slice_block_of_2_jQ493R .slice-block-of-two__block__button--box__pre-title {font-size: 1.5rem; margin-bottom: 0; font-weight: lighter;} @media screen and (max-width: 1023px) {#shopify-section-template--27506064359751__slice_block_of_2_jQ493R .slice-block-of-two__block__button--box__pre-title {font-size: 1.2rem; }} </style></div><div id="shopify-section-template--27506064359751__slice_full_media_WDxYKk" class="shopify-section"><!-- sections/slice-full-media --><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_WDxYKk "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<section class="slice-full-media" data-section-name="slice-full-media"><div class="desktop-only">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=4320" srcset="//www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/Group_10123742.jpg?v=1768485687&width=2200 2200w" width="4320" height="2181" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="100vw" onload="this.classList.add('is-loaded')">
</div>
<div class="mobile-only">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=1182" srcset="//www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/Group_10123746.jpg?v=1768485751&width=1000 1000w" width="1182" height="1713" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="100vw" onload="this.classList.add('is-loaded')">
</div>
<a href="/collections/the-new-york-edit-women" class="slice-full-media__outer-link">
<article
class="slice-full-media__inner"
style="--text-alignement: center; --title-color: #000000"
></article></a>
<div class="slice-full-media__on-top">
<div class="slice-full-media__on-top__inner">
<div
class="slice-full-media__banner--wrapper"
></div>
</div>
</div>
</section>
<!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_WDxYKk "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<style> #shopify-section-template--27506064359751__slice_full_media_WDxYKk .slice-full-media__inner {align-items: flex-start;} #shopify-section-template--27506064359751__slice_full_media_WDxYKk .slice-full-media__title {top: auto; left: 24px; bottom: 24px; transform: none; position: sticky; font-size: 1.5rem; padding: 0 0 10px 10px;} @media screen and (max-width: 1023px) {#shopify-section-template--27506064359751__slice_full_media_WDxYKk .slice-full-media__title {font-size: 1.2rem; padding: 0 0 10px 4px; }} </style></div><div id="shopify-section-template--27506064359751__slice_full_media_dCqDDV" class="shopify-section"><!-- sections/slice-full-media --><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_dCqDDV "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<section class="slice-full-media" data-section-name="slice-full-media"><div class="desktop-only">
<!-- snippets/video -->
<figure
x-data="video"
x-ignore
x-component="video"
client:visible="{'rootMargin': '20%'}"
class="video__wrapper is-keep-ratio"
style="--ratio:1.779">
<video
:id="id"
x-ref="video"
class="video"
width="100%"
height="auto"
poster="//www.jimmyfairly.com/cdn/shop/files/preview_images/c51f42545c9846c98f734aa11b4b856c.thumbnail.0000000000.jpg?v=1768560598"
playsinline="true" preload="none" data-autoplay muted="true" loop="true"
oncanplaythrough="this.classList.add('is-loaded')"
><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/c51f42545c9846c98f734aa11b4b856c/c51f42545c9846c98f734aa11b4b856c.m3u8?v=0" type="application/x-mpegURL"><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/c51f42545c9846c98f734aa11b4b856c/c51f42545c9846c98f734aa11b4b856c.SD-480p-1.5Mbps-67107831.mp4?v=0" type="video/mp4">Your browser does not support the video tag.
</video>
</figure>
</div>
<div class="mobile-only">
<!-- snippets/video -->
<figure
x-data="video"
x-ignore
x-component="video"
client:visible="{'rootMargin': '20%'}"
class="video__wrapper is-keep-ratio"
style="--ratio:0.563">
<video
:id="id"
x-ref="video"
class="video"
width="100%"
height="auto"
poster="//www.jimmyfairly.com/cdn/shop/files/preview_images/97a9a0a804ae4d2794a189095a7f5da1.thumbnail.0000000000.jpg?v=1768560611"
playsinline="true" preload="none" data-autoplay muted="true" loop="true"
oncanplaythrough="this.classList.add('is-loaded')"
><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/97a9a0a804ae4d2794a189095a7f5da1/97a9a0a804ae4d2794a189095a7f5da1.m3u8?v=0" type="application/x-mpegURL"><source src="//www.jimmyfairly.com/cdn/shop/videos/c/vp/97a9a0a804ae4d2794a189095a7f5da1/97a9a0a804ae4d2794a189095a7f5da1.HD-1080p-7.2Mbps-67107832.mp4?v=0" type="video/mp4">Your browser does not support the video tag.
</video>
</figure>
</div>
<a href="/collections/the-new-york-edit-women" class="slice-full-media__outer-link">
<article
class="slice-full-media__inner"
style="--text-alignement: center; --title-color: #000000"
><div class="text-36 slice-full-media__title">
<p>The New York Edit</p>
</div></article></a>
<div class="slice-full-media__on-top">
<div class="slice-full-media__on-top__inner">
<div
class="slice-full-media__banner--wrapper"
></div>
</div>
</div>
</section>
<!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_dCqDDV "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<style> #shopify-section-template--27506064359751__slice_full_media_dCqDDV .slice-full-media__inner {align-items: flex-start;} #shopify-section-template--27506064359751__slice_full_media_dCqDDV .slice-full-media__title {top: auto; left: 24px; bottom: 24px; transform: none; position: sticky; font-size: 1.5rem; padding: 0 0 10px 10px;} @media screen and (max-width: 1023px) {#shopify-section-template--27506064359751__slice_full_media_dCqDDV .slice-full-media__title {font-size: 1.2rem; padding: 0 0 10px 4px; }} </style></div><div id="shopify-section-template--27506064359751__slice_full_media_q3bUyY" class="shopify-section"><!-- sections/slice-full-media --><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_q3bUyY "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<section class="slice-full-media" data-section-name="slice-full-media"><div class="desktop-only">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=4260" srcset="//www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=2200 2200w" width="4260" height="3294" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="100vw" onload="this.classList.add('is-loaded')">
</div>
<div class="mobile-only">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=4260" srcset="//www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/HP_3.jpg?v=1768474461&width=2200 2200w" width="4260" height="3294" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="100vw" onload="this.classList.add('is-loaded')">
</div>
<a href="/collections/the-new-york-edit-women" class="slice-full-media__outer-link">
<article
class="slice-full-media__inner"
style="--text-alignement: center; --title-color: #000000"
></article></a>
<div class="slice-full-media__on-top">
<div class="slice-full-media__on-top__inner">
<div
class="slice-full-media__banner--wrapper"
></div>
</div>
</div>
</section>
<!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_full_media_q3bUyY "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
</div><div id="shopify-section-template--27506064359751__slice_block_of_2_9RYc4E" class="shopify-section"><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_block_of_2_9RYc4E "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<section
class="slice-block-of-two"
data-section-name="slice-block-of-2"
>
<!-- snippets/block-image-link -->
<div
class="slice-block-of-two__block no-margin"
style="--slice-block-of-two-color-primary: #000000; --slice-block-of-two-color-secondary: rgba(0,0,0,0);"
id="shopify-block-block_image_link_zJx7NR"
><a class="link-layer" href="/collections/men-sunglasses"><span class="sr-only">Shop now</span></a><div class="slice-block-of-two__block__wrap-img">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=2052" srcset="//www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/Capture_d_ecran_2025-11-14_a_11.46.06_7.jpg?v=1768417544&width=2000 2000w" width="2052" height="2784" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 40vw, 95vw" onload="this.classList.add('is-loaded')">
</div>
<div class="wrap-button">
<div class="wrap-button-inner-box">
<button
class="slice-block-of-two__block__button slice-block-of-two__block__button--box is-left backgrounded"
>
<h2
class="slice-block-of-two__block__button--box__pre-title is-left backgrounded"
>
Men's Sunglasses
</h2>
<a class="slice-block-of-two__block__button--box__link button-border-grey" href="/collections/men-sunglasses">
Shop now
</a>
</button>
</div>
</div>
</div>
<!-- snippets/block-image-link -->
<div
class="slice-block-of-two__block no-margin"
style="--slice-block-of-two-color-primary: #000000; --slice-block-of-two-color-secondary: rgba(0,0,0,0);"
id="shopify-block-block_image_link_FxaxhU"
><a class="link-layer" href="/collections/men-eyeglasses"><span class="sr-only">Shop now</span></a><div class="slice-block-of-two__block__wrap-img">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=2289" srcset="//www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/Group_10123754.jpg?v=1768491015&width=2200 2200w" width="2289" height="2784" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 40vw, 95vw" onload="this.classList.add('is-loaded')">
</div>
<div class="wrap-button">
<div class="wrap-button-inner-box">
<button
class="slice-block-of-two__block__button slice-block-of-two__block__button--box is-left backgrounded"
>
<h2
class="slice-block-of-two__block__button--box__pre-title is-left backgrounded"
>
Men's Eyeglasses
</h2>
<a class="slice-block-of-two__block__button--box__link button-border-grey" href="/collections/men-eyeglasses">
Shop now
</a>
</button>
</div>
</div>
</div>
</section><!-- sections/slice-spacer-content -->
<div
id="spacer-template--27506064359751__slice_block_of_2_9RYc4E "
class="slice-spacer"
style=" --spacer-height-mobile: 0px; --spacer-height-desktop: 0px; "
></div>
<style> #shopify-section-template--27506064359751__slice_block_of_2_9RYc4E .slice-block-of-two__block__button {font-size: 1.5rem; font-weight: bolder;} #shopify-section-template--27506064359751__slice_block_of_2_9RYc4E .slice-block-of-two__block__button--box__link.button-border-grey {display: none;} #shopify-section-template--27506064359751__slice_block_of_2_9RYc4E .slice-block-of-two__block__button {padding: 0;} #shopify-section-template--27506064359751__slice_block_of_2_9RYc4E .slice-block-of-two__block__button--box__pre-title {font-size: 1.5rem; margin-bottom: 0; font-weight: lighter;} @media screen and (max-width: 1023px) {#shopify-section-template--27506064359751__slice_block_of_2_9RYc4E .slice-block-of-two__block__button--box__pre-title {font-size: 1.2rem; }} </style></div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--27506067243335__footer" class="shopify-section shopify-section-group-footer-group"><script defer="defer">
document.addEventListener('DOMContentLoaded', function () {
const footerLinks = document.querySelectorAll('footer a')
if (!footerLinks) return
footerLinks.forEach((link) => {
link.addEventListener('click', function (e) {
onTrackFooterLink(e)
})
})
})
function onTrackFooterLink(e) {
const eventFooter = {
event: 'store_footer',
event_name: 'store_footer',
button_id: e.target.innerText,
}
console.log('[Analytics] - ', eventFooter)
dataLayer.push(eventFooter)
}
</script>
<footer
x-intersect:enter="$store.footer.isVisible = true"
x-intersect:leave="$store.footer.isVisible = false"
class="footer section-sections--27506067243335__footer"
>
<div class="footer__inner">
<div
x-data="accordion"
data-namespace="footer-acordion"
x-ignore
x-component="accordion"
client:visible
client:media="(max-width: 1023px)"
class="footer__blocks is-top-left"
:class="{'is-open': isOpen, 'accordion': true}"
>
<h3 class="footer__blocks__title text-13">Customer Service</h3>
<button
class="footer__blocks__label-accordion text-13"
type="button"
:aria-expanded="isOpen ? 'true' : 'false'"
:aria-label="isOpen ? `Close Content` : `Show Content`"
:aria-controls="id"
x-ref="button"
@click.prevent="onClick()"
>
<span>
Customer Service
</span>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-slide-right" x="0" y="0" />
</svg>
</button><div :id="id" :class="{'accordion__content': true}" x-cloak>
<div>
<div class="footer__blocks__subtitle text-11">Mon-Fri: 9:00-19:30</div>
<ul class="footer__links-list">
<li> <a class="link text-12" target="_blank" href="mailto:wecare@jimmyfairly.com" > E-mail </a> </li>
</ul>
<ul
class="footer__nav"
aria-label="Customer Service"
><li>
<a class="text-12" href="/a/helpcenter#section-15640764016156">
Order tracking
</a>
</li><li>
<a class="text-12" href="/a/helpcenter#section-15640726550044">
Documents for insurance
</a>
</li><li>
<a class="text-12" href="/a/cportal/returns">
Returns
</a>
</li><li>
<a class="text-12" href="/a/helpcenter">
FAQ
</a>
</li></ul>
</div>
</div>
</div>
<div
x-data="accordion"
data-namespace="footer-acordion"
x-ignore
x-component="accordion"
client:visible
client:media="(max-width: 1023px)"
class="footer__blocks is-bottom-left"
:class="{'is-open': isOpen, 'accordion': true}"
>
<button
class="footer__blocks__label-accordion text-13"
type="button"
:aria-expanded="isOpen ? 'true' : 'false'"
:aria-label="isOpen ? `Close Content` : `Show Content`"
:aria-controls="id"
x-ref="button"
@click.prevent="onClick()"
>
<span>
Information
</span>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-slide-right" x="0" y="0" />
</svg>
</button><div :id="id" :class="{'accordion__content': true}" x-cloak>
<div>
<ul
class="footer__nav"
aria-label=""
><li>
<a class="text-12" href="/pages/blog">
Blog
</a>
</li><li>
<a class="text-12" href="/pages/stores">
Stores
</a>
</li><li>
<a class="text-12" href="https://jimmyfairly.factorial.fr/#jobs">
Career
</a>
</li><li>
<a class="text-12" href="/pages/contact">
Contact us
</a>
</li></ul>
</div>
</div>
</div>
<div
x-data="accordion"
data-namespace="footer-acordion"
x-ignore
x-component="accordion"
client:visible
client:media="(max-width: 1023px)"
class="footer__blocks is-top-right"
:class="{'is-open': isOpen, 'accordion': true}"
>
<h3 class="footer__blocks__title text-13">Noted 4.9 out of 5</h3>
<button
class="footer__blocks__label-accordion text-13"
type="button"
:aria-expanded="isOpen ? 'true' : 'false'"
:aria-label="isOpen ? `Close Content` : `Show Content`"
:aria-controls="id"
x-ref="button"
@click.prevent="onClick()"
>
<span>
Reviews
<div class="star-rating" style=" display: inline-flex; ">
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 8px; height: 8px;"
>
<use xlink:href="#icon-star" x="0" y="0" />
</svg>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 8px; height: 8px;"
>
<use xlink:href="#icon-star" x="0" y="0" />
</svg>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 8px; height: 8px;"
>
<use xlink:href="#icon-star" x="0" y="0" />
</svg>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 8px; height: 8px;"
>
<use xlink:href="#icon-star" x="0" y="0" />
</svg>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 8px; height: 8px;"
>
<use xlink:href="#icon-star" x="0" y="0" />
</svg>
</div>
</span>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-slide-right" x="0" y="0" />
</svg>
</button><div :id="id" :class="{'accordion__content': true}" x-cloak>
<div>
<div class="footer__blocks__subtitle text-11">
<p class="mobile-only">Noted 4.9 out of 5</p>
<p>based on 380 000 clients reviews</p>
</div>
<ul class="footer__links-list">
<li>
<a
class="link text-12"
href="/pages/reviews"
>
View all reviews
</a>
</li>
</ul>
<ul
class="footer__nav"
aria-label="Noted 4.9 out of 5"
>
<li>
<a
href="https://www.instagram.com/jimmyfairly/"
target="_blank"
class="text-12"
>
Instagram
</a>
</li>
<li>
<a
href="https://www.tiktok.com/@jimmy.fairly"
target="_blank"
class="text-12"
>
Tiktok
</a>
</li>
<li>
<a
href="https://www.pinterest.fr/jimmyfairly/"
target="_blank"
class="text-12"
>
Pinterest
</a>
</li>
</ul>
</div>
</div>
</div>
<div
x-data="accordion"
data-namespace="footer-acordion"
x-ignore
x-component="accordion"
client:visible
client:media="(max-width: 1023px)"
class="footer__blocks is-bottom-right"
:class="{'is-open': isOpen, 'accordion': true}"
>
<button
class="footer__blocks__label-accordion text-13"
type="button"
:aria-expanded="isOpen ? 'true' : 'false'"
:aria-label="isOpen ? `Close Content` : `Show Content`"
:aria-controls="id"
x-ref="button"
@click.prevent="onClick()"
>
<span>
T&Cs and privacy policy
</span>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-slide-right" x="0" y="0" />
</svg>
</button><div :id="id" :class="{'accordion__content': true}" x-cloak>
<div>
<div
class="country-selector__selector desktop-only link text-11"
onclick="window.dispatchEvent(new CustomEvent('country-selector:toggle', { bubbles: true }))"
>
<span> France </span> / <span>English</span>
</div>
<ul
class="footer__nav"
aria-label=""
><li>
<a class="text-12" href="/pages/cgu-cgv">
Terms of sale
</a>
</li><li>
<a class="text-12" href="/pages/cookie-policy">
Cookie policy
</a>
</li><li>
<a class="text-12" href="/pages/accessibility">
Accessibility: Not Compliant
</a>
</li></ul>
</div>
</div>
</div>
<div class="footer__blocks is-center">
<div
x-data="formNewsletter"
x-ignore
x-component="form-newsletter"
x-validate.bluronly
x-on:diagnostic-gender-update="selectedGender = ($event.detail || '')"
client:idle
:class="{'form-newsletter--show-errors': showErrors}"
data-form-has-errors="false"
class="form-newsletter"
><form method="post" action="/contact#contact-footersections--27506067243335__footer" id="contact-footersections--27506067243335__footer" accept-charset="UTF-8" class="form-newsletter form newsletter-footer" novalidate="novalidate" x-ref="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="contact[tags]"
:value="contactTags()"
x-ref="contactTags"
data-diagnostic-tags
data-base-tags="newsletter"
x-on:diagnostic-tags-update="setDiagnosticTags($event.detail)"
>
<span aria-hidden="true" class="form-newsletter__logo"><svg
width="201"
height="14"
viewbox="0 0 201 14"
fill="none"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
focusable="false"
>
<path d="M108.125 13.3245H110.498V8.08421H115.684V5.83573H110.498V2.68266H117.074V0.436035H108.125V13.3245Z" fill="currentColor"/>
<path d="M127.714 0.436035L122.393 13.3245H124.908L126.083 10.4198H131.776L132.934 13.3245H135.485L130.18 0.436035H127.714ZM130.899 8.22324H126.964L128.046 5.49466C128.356 4.72725 128.725 3.82637 128.93 3.3333C129.06 3.65213 129.253 4.13037 129.431 4.57154L130.899 8.22324Z" fill="currentColor"/>
<path d="M145.998 0.436035H143.625V13.3245H145.998V0.436035Z" fill="currentColor"/>
<path d="M164.719 4.63456C164.719 2.04501 162.81 0.436035 159.737 0.436035H155.412V13.3245H157.785V8.69036H158.845C159.047 8.69036 159.433 8.69036 159.692 8.67924L162.361 13.3245H165.198L162.135 8.23251C163.805 7.69309 164.719 6.42519 164.719 4.63456ZM162.293 4.72354C162.293 6.03593 161.509 6.67358 159.896 6.67358H157.785V2.6493H159.824C160.953 2.64745 162.293 3.00891 162.293 4.72354Z" fill="currentColor"/>
<path d="M176.369 0.436035H173.994V13.3245H182.625V11.076H176.369V0.436035Z" fill="currentColor"/>
<path d="M197.419 0.436116L194.79 4.41406C194.42 4.97016 194.114 5.45396 193.943 5.72645C193.921 5.69123 193.895 5.6523 193.869 5.60967C193.686 5.3242 193.41 4.8923 193.087 4.39923L190.531 0.419434L187.756 0.441677L192.69 7.92488V13.3283H195.082V7.92488L200.036 0.437968H197.419V0.436116Z" fill="currentColor"/>
<path d="M22.3258 0.436523H19.9531V13.325H22.3258V0.436523Z" fill="currentColor"/>
<path d="M38.2051 7.18383L34.431 0.436523H32.0176V13.325H34.3903V8.3609C34.3903 6.96695 34.3773 5.59154 34.3662 4.68695C34.6164 5.16705 34.9927 5.87144 35.5024 6.77046L37.4859 10.2424H38.8668L40.8521 6.71485C41.3433 5.84363 41.7196 5.14481 41.9699 4.67213C41.9587 5.57856 41.9439 6.95954 41.9439 8.3609V13.325H44.3166V0.436523H41.9754L38.2051 7.18383Z" fill="currentColor"/>
<path d="M60.7383 7.18383L56.9642 0.436523H54.5508V13.325H56.9235V8.3609C56.9235 6.96695 56.9105 5.59154 56.8994 4.68695C57.1496 5.16705 57.5259 5.87144 58.0357 6.77046L60.0191 10.2424H61.4L63.3853 6.71485C63.8765 5.84363 64.2528 5.14481 64.5031 4.67213C64.4919 5.57856 64.4771 6.95954 64.4771 8.3609V13.325H66.8498V0.436523H64.5123L60.7383 7.18383Z" fill="currentColor"/>
<path d="M82.1419 4.41455C81.7712 4.97065 81.4654 5.45445 81.2948 5.72693C81.2726 5.69171 81.2466 5.65093 81.2188 5.6083C81.0353 5.32284 80.7591 4.89279 80.4366 4.39972L77.8804 0.419922L75.1055 0.442165L80.0399 7.92537V13.3288H82.4311V7.92537L87.3859 0.438457H84.7704L82.1419 4.41455Z" fill="currentColor"/>
<path d="M8.4009 7.74166C8.4009 9.86224 7.2572 11.0801 5.26452 11.0801C3.95027 11.0801 2.8733 10.422 2.45067 9.3599L2.38394 9.19122L0.0390625 9.80107L0.120624 10.0161C0.871354 12.0069 2.88999 13.2915 5.26637 13.2915C8.71788 13.2915 10.7791 11.1839 10.7791 7.65639V0.416016H8.40276V7.74166H8.4009Z" fill="currentColor"/>
</svg>
</span>
<input type="hidden" name="contact[tags]" value="newsletter">
<div
class="field"
@focusin=" () => { if('footer' === 'popin') { popinEvent.button_id = 'Focus Form' sendPopinTracking() } } "
>
<label class="sr-only |" for="newsletter-form--sections--27506067243335__footer">
Email
</label>
<input
id="newsletter-form--sections--27506067243335__footer"
type="email"
name="contact[email]"
class="input has-icon newsletter-footer"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
x-validate.input
placeholder="Email"
required
x-model="email"
data-error-msg="Enter a valid email"
>
<button
@click.prevent="onSubmit"
type="submit"
class="is-icon"
name="commit"
id="Subscribe-sections--27506067243335__footer"
aria-label="Subscribe "
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-slide-right" x="0" y="0" />
</svg>
</button>
</div>
<input type="hidden" name="contact[customer_id]" value=""><p
class="form-newsletter__cgu absolute_cgu"
:class="{'is-visible': email.length && selectedGender}"
x-cloak
>
<input
id="newsletter-form-checkbox--sections--27506067243335__footer"
type="checkbox"
name="properties[_Sign Up For Newsletter?]"
class="checkbox"
data-error-msg="Mandatory fied"
x-validate.input
required
>
<label
class="text-11"
for="newsletter-form-checkbox--sections--27506067243335__footer"
>
Please accept <a href="/pages/cgu-cgv" title="T&CS & GTCS">terms and conditions</a> to register.
</label>
</p>
</form></div>
</div><div class="footer__bottom">
<a
href="/pages/privacy-policy"
class="link text-11"
>
Legal
</a>
<ul class="footer__bottom__socials-links"><li>
<a
href="https://www.instagram.com/jimmyfairly/"
rel="noopener noreferrer nofollow"
aria-label="Instagram"
class="text-12"
target="_blank"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-instagram" x="0" y="0" />
</svg>
</a>
</li>
<li>
<a
href="https://www.tiktok.com/@jimmy.fairly"
rel="noopener noreferrer nofollow"
aria-label="TikTok"
class="text-12"
target="_blank"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-tiktok" x="0" y="0" />
</svg>
</a>
</li>
<li>
<a
href="https://www.pinterest.fr/jimmyfairly/"
rel="noopener noreferrer nofollow"
aria-label="Pinterest"
class="text-12"
target="_blank"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-pinterest" x="0" y="0" />
</svg>
</a>
</li>
</ul>
<div
class="country-selector__selector link"
onclick="window.dispatchEvent(new CustomEvent('country-selector:toggle', { bubbles: true }))"
>
FR / EUR</div>
</div>
</div>
</footer>
<div
x-data="countrySelector"
x-ignore
x-component="country-selector"
client:idle
class="country-selector country-selector"
:class="{ 'is-open': isOpen }"
x-transition:enter="fader-enter"
x-transition:enter-end="fader-enter-end"
x-transition:leave="fader-leave"
x-transition:leave-end="fader-leave-end"
x-cloak
x-show="isOpen"
>
<div
class="country-selector__modale"
role="dialog"
:aria-modal="isOpen ? 'true' : 'false'"
aria-labelledby="country-selector"
@keyup.escape="isOpen && close()"
>
<button
class="country-selector__close"
@click.prevent="close()"
>
<span class="sr-only">Translation missing: en.accessibility.country-selector.close</span>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<div>
<p class="text-24 country-selector__title">
Select your country and language
</p>
<p class="jf-dark text-11 font-roman country-selector__text"></p>
</div>
<div>
<div id="country_dropdown">
<select
x-data="dropdown"
x-init="selectedOption = 'France (EUR)'"
x-ignore
x-component="dropdown"
class="country-selector__dropdown--countrycountry-selector dropdown__select"
id="country_dropdown-decoupled"
data-id="country_dropdown-decoupled"
data-search-placeholder="Search for a country"
data-search-placeholder-language="Search for a language"
client:idle
>
<option value="">France (EUR)</option>
<option
value="Afghanistan (EUR)"
data-iso-code="AF"
@click="selectOption('Afghanistan (EUR)')"
>
Afghanistan (EUR)
</option>
<option
value=" Albania (EUR)"
data-iso-code="AL"
@click="selectOption(' Albania (EUR)')"
>
Albania (EUR)
</option>
<option
value=" Algeria (EUR)"
data-iso-code="DZ"
@click="selectOption(' Algeria (EUR)')"
>
Algeria (EUR)
</option>
<option
value=" Andorra (EUR)"
data-iso-code="AD"
@click="selectOption(' Andorra (EUR)')"
>
Andorra (EUR)
</option>
<option
value=" Angola (EUR)"
data-iso-code="AO"
@click="selectOption(' Angola (EUR)')"
>
Angola (EUR)
</option>
<option
value=" Anguilla (EUR)"
data-iso-code="AI"
@click="selectOption(' Anguilla (EUR)')"
>
Anguilla (EUR)
</option>
<option
value=" Antigua & Barbuda (EUR)"
data-iso-code="AG"
@click="selectOption(' Antigua & Barbuda (EUR)')"
>
Antigua & Barbuda (EUR)
</option>
<option
value=" Argentina (EUR)"
data-iso-code="AR"
@click="selectOption(' Argentina (EUR)')"
>
Argentina (EUR)
</option>
<option
value=" Armenia (EUR)"
data-iso-code="AM"
@click="selectOption(' Armenia (EUR)')"
>
Armenia (EUR)
</option>
<option
value=" Aruba (EUR)"
data-iso-code="AW"
@click="selectOption(' Aruba (EUR)')"
>
Aruba (EUR)
</option>
<option
value=" Australia (EUR)"
data-iso-code="AU"
@click="selectOption(' Australia (EUR)')"
>
Australia (EUR)
</option>
<option
value=" Austria (EUR)"
data-iso-code="AT"
@click="selectOption(' Austria (EUR)')"
>
Austria (EUR)
</option>
<option
value=" Azerbaijan (EUR)"
data-iso-code="AZ"
@click="selectOption(' Azerbaijan (EUR)')"
>
Azerbaijan (EUR)
</option>
<option
value=" Bahrain (EUR)"
data-iso-code="BH"
@click="selectOption(' Bahrain (EUR)')"
>
Bahrain (EUR)
</option>
<option
value=" Bangladesh (EUR)"
data-iso-code="BD"
@click="selectOption(' Bangladesh (EUR)')"
>
Bangladesh (EUR)
</option>
<option
value=" Barbados (EUR)"
data-iso-code="BB"
@click="selectOption(' Barbados (EUR)')"
>
Barbados (EUR)
</option>
<option
value=" Belarus (EUR)"
data-iso-code="BY"
@click="selectOption(' Belarus (EUR)')"
>
Belarus (EUR)
</option>
<option
value=" Belgium (EUR)"
data-iso-code="BE"
@click="selectOption(' Belgium (EUR)')"
>
Belgium (EUR)
</option>
<option
value=" Belize (EUR)"
data-iso-code="BZ"
@click="selectOption(' Belize (EUR)')"
>
Belize (EUR)
</option>
<option
value=" Benin (EUR)"
data-iso-code="BJ"
@click="selectOption(' Benin (EUR)')"
>
Benin (EUR)
</option>
<option
value=" Bermuda (EUR)"
data-iso-code="BM"
@click="selectOption(' Bermuda (EUR)')"
>
Bermuda (EUR)
</option>
<option
value=" Bhutan (EUR)"
data-iso-code="BT"
@click="selectOption(' Bhutan (EUR)')"
>
Bhutan (EUR)
</option>
<option
value=" Bolivia (EUR)"
data-iso-code="BO"
@click="selectOption(' Bolivia (EUR)')"
>
Bolivia (EUR)
</option>
<option
value=" Bosnia & Herzegovina (EUR)"
data-iso-code="BA"
@click="selectOption(' Bosnia & Herzegovina (EUR)')"
>
Bosnia & Herzegovina (EUR)
</option>
<option
value=" Botswana (EUR)"
data-iso-code="BW"
@click="selectOption(' Botswana (EUR)')"
>
Botswana (EUR)
</option>
<option
value=" Brazil (EUR)"
data-iso-code="BR"
@click="selectOption(' Brazil (EUR)')"
>
Brazil (EUR)
</option>
<option
value=" British Virgin Islands (EUR)"
data-iso-code="VG"
@click="selectOption(' British Virgin Islands (EUR)')"
>
British Virgin Islands (EUR)
</option>
<option
value=" Bulgaria (EUR)"
data-iso-code="BG"
@click="selectOption(' Bulgaria (EUR)')"
>
Bulgaria (EUR)
</option>
<option
value=" Burkina Faso (EUR)"
data-iso-code="BF"
@click="selectOption(' Burkina Faso (EUR)')"
>
Burkina Faso (EUR)
</option>
<option
value=" Burundi (EUR)"
data-iso-code="BI"
@click="selectOption(' Burundi (EUR)')"
>
Burundi (EUR)
</option>
<option
value=" Cambodia (EUR)"
data-iso-code="KH"
@click="selectOption(' Cambodia (EUR)')"
>
Cambodia (EUR)
</option>
<option
value=" Cameroon (EUR)"
data-iso-code="CM"
@click="selectOption(' Cameroon (EUR)')"
>
Cameroon (EUR)
</option>
<option
value=" Canada (EUR)"
data-iso-code="CA"
@click="selectOption(' Canada (EUR)')"
>
Canada (EUR)
</option>
<option
value=" Chile (EUR)"
data-iso-code="CL"
@click="selectOption(' Chile (EUR)')"
>
Chile (EUR)
</option>
<option
value=" China (EUR)"
data-iso-code="CN"
@click="selectOption(' China (EUR)')"
>
China (EUR)
</option>
<option
value=" Colombia (EUR)"
data-iso-code="CO"
@click="selectOption(' Colombia (EUR)')"
>
Colombia (EUR)
</option>
<option
value=" Comoros (EUR)"
data-iso-code="KM"
@click="selectOption(' Comoros (EUR)')"
>
Comoros (EUR)
</option>
<option
value=" Congo - Brazzaville (EUR)"
data-iso-code="CG"
@click="selectOption(' Congo - Brazzaville (EUR)')"
>
Congo - Brazzaville (EUR)
</option>
<option
value=" Congo - Kinshasa (EUR)"
data-iso-code="CD"
@click="selectOption(' Congo - Kinshasa (EUR)')"
>
Congo - Kinshasa (EUR)
</option>
<option
value=" Costa Rica (EUR)"
data-iso-code="CR"
@click="selectOption(' Costa Rica (EUR)')"
>
Costa Rica (EUR)
</option>
<option
value=" Côte d’Ivoire (EUR)"
data-iso-code="CI"
@click="selectOption(' Côte d’Ivoire (EUR)')"
>
Côte d’Ivoire (EUR)
</option>
<option
value=" Croatia (EUR)"
data-iso-code="HR"
@click="selectOption(' Croatia (EUR)')"
>
Croatia (EUR)
</option>
<option
value=" Curaçao (EUR)"
data-iso-code="CW"
@click="selectOption(' Curaçao (EUR)')"
>
Curaçao (EUR)
</option>
<option
value=" Cyprus (EUR)"
data-iso-code="CY"
@click="selectOption(' Cyprus (EUR)')"
>
Cyprus (EUR)
</option>
<option
value=" Czechia (EUR)"
data-iso-code="CZ"
@click="selectOption(' Czechia (EUR)')"
>
Czechia (EUR)
</option>
<option
value=" Denmark (EUR)"
data-iso-code="DK"
@click="selectOption(' Denmark (EUR)')"
>
Denmark (EUR)
</option>
<option
value=" Djibouti (EUR)"
data-iso-code="DJ"
@click="selectOption(' Djibouti (EUR)')"
>
Djibouti (EUR)
</option>
<option
value=" Dominica (EUR)"
data-iso-code="DM"
@click="selectOption(' Dominica (EUR)')"
>
Dominica (EUR)
</option>
<option
value=" Dominican Republic (EUR)"
data-iso-code="DO"
@click="selectOption(' Dominican Republic (EUR)')"
>
Dominican Republic (EUR)
</option>
<option
value=" Ecuador (EUR)"
data-iso-code="EC"
@click="selectOption(' Ecuador (EUR)')"
>
Ecuador (EUR)
</option>
<option
value=" Egypt (EUR)"
data-iso-code="EG"
@click="selectOption(' Egypt (EUR)')"
>
Egypt (EUR)
</option>
<option
value=" El Salvador (EUR)"
data-iso-code="SV"
@click="selectOption(' El Salvador (EUR)')"
>
El Salvador (EUR)
</option>
<option
value=" Estonia (EUR)"
data-iso-code="EE"
@click="selectOption(' Estonia (EUR)')"
>
Estonia (EUR)
</option>
<option
value=" Eswatini (EUR)"
data-iso-code="SZ"
@click="selectOption(' Eswatini (EUR)')"
>
Eswatini (EUR)
</option>
<option
value=" Ethiopia (EUR)"
data-iso-code="ET"
@click="selectOption(' Ethiopia (EUR)')"
>
Ethiopia (EUR)
</option>
<option
value=" Fiji (EUR)"
data-iso-code="FJ"
@click="selectOption(' Fiji (EUR)')"
>
Fiji (EUR)
</option>
<option
value=" Finland (EUR)"
data-iso-code="FI"
@click="selectOption(' Finland (EUR)')"
>
Finland (EUR)
</option>
<option
value=" France (EUR)"
data-iso-code="FR"
@click="selectOption(' France (EUR)')"
>
France (EUR)
</option>
<option
value=" French Guiana (EUR)"
data-iso-code="GF"
@click="selectOption(' French Guiana (EUR)')"
>
French Guiana (EUR)
</option>
<option
value=" French Polynesia (EUR)"
data-iso-code="PF"
@click="selectOption(' French Polynesia (EUR)')"
>
French Polynesia (EUR)
</option>
<option
value=" French Southern Territories (EUR)"
data-iso-code="TF"
@click="selectOption(' French Southern Territories (EUR)')"
>
French Southern Territories (EUR)
</option>
<option
value=" Gabon (EUR)"
data-iso-code="GA"
@click="selectOption(' Gabon (EUR)')"
>
Gabon (EUR)
</option>
<option
value=" Gambia (EUR)"
data-iso-code="GM"
@click="selectOption(' Gambia (EUR)')"
>
Gambia (EUR)
</option>
<option
value=" Georgia (EUR)"
data-iso-code="GE"
@click="selectOption(' Georgia (EUR)')"
>
Georgia (EUR)
</option>
<option
value=" Germany (EUR)"
data-iso-code="DE"
@click="selectOption(' Germany (EUR)')"
>
Germany (EUR)
</option>
<option
value=" Ghana (EUR)"
data-iso-code="GH"
@click="selectOption(' Ghana (EUR)')"
>
Ghana (EUR)
</option>
<option
value=" Gibraltar (EUR)"
data-iso-code="GI"
@click="selectOption(' Gibraltar (EUR)')"
>
Gibraltar (EUR)
</option>
<option
value=" Greece (EUR)"
data-iso-code="GR"
@click="selectOption(' Greece (EUR)')"
>
Greece (EUR)
</option>
<option
value=" Greenland (EUR)"
data-iso-code="GL"
@click="selectOption(' Greenland (EUR)')"
>
Greenland (EUR)
</option>
<option
value=" Grenada (EUR)"
data-iso-code="GD"
@click="selectOption(' Grenada (EUR)')"
>
Grenada (EUR)
</option>
<option
value=" Guadeloupe (EUR)"
data-iso-code="GP"
@click="selectOption(' Guadeloupe (EUR)')"
>
Guadeloupe (EUR)
</option>
<option
value=" Guatemala (EUR)"
data-iso-code="GT"
@click="selectOption(' Guatemala (EUR)')"
>
Guatemala (EUR)
</option>
<option
value=" Guinea (EUR)"
data-iso-code="GN"
@click="selectOption(' Guinea (EUR)')"
>
Guinea (EUR)
</option>
<option
value=" Guyana (EUR)"
data-iso-code="GY"
@click="selectOption(' Guyana (EUR)')"
>
Guyana (EUR)
</option>
<option
value=" Haiti (EUR)"
data-iso-code="HT"
@click="selectOption(' Haiti (EUR)')"
>
Haiti (EUR)
</option>
<option
value=" Honduras (EUR)"
data-iso-code="HN"
@click="selectOption(' Honduras (EUR)')"
>
Honduras (EUR)
</option>
<option
value=" Hong Kong SAR (EUR)"
data-iso-code="HK"
@click="selectOption(' Hong Kong SAR (EUR)')"
>
Hong Kong SAR (EUR)
</option>
<option
value=" Hungary (EUR)"
data-iso-code="HU"
@click="selectOption(' Hungary (EUR)')"
>
Hungary (EUR)
</option>
<option
value=" Iceland (EUR)"
data-iso-code="IS"
@click="selectOption(' Iceland (EUR)')"
>
Iceland (EUR)
</option>
<option
value=" India (EUR)"
data-iso-code="IN"
@click="selectOption(' India (EUR)')"
>
India (EUR)
</option>
<option
value=" Indonesia (EUR)"
data-iso-code="ID"
@click="selectOption(' Indonesia (EUR)')"
>
Indonesia (EUR)
</option>
<option
value=" Iraq (EUR)"
data-iso-code="IQ"
@click="selectOption(' Iraq (EUR)')"
>
Iraq (EUR)
</option>
<option
value=" Ireland (EUR)"
data-iso-code="IE"
@click="selectOption(' Ireland (EUR)')"
>
Ireland (EUR)
</option>
<option
value=" Israel (EUR)"
data-iso-code="IL"
@click="selectOption(' Israel (EUR)')"
>
Israel (EUR)
</option>
<option
value=" Italy (EUR)"
data-iso-code="IT"
@click="selectOption(' Italy (EUR)')"
>
Italy (EUR)
</option>
<option
value=" Jamaica (EUR)"
data-iso-code="JM"
@click="selectOption(' Jamaica (EUR)')"
>
Jamaica (EUR)
</option>
<option
value=" Japan (EUR)"
data-iso-code="JP"
@click="selectOption(' Japan (EUR)')"
>
Japan (EUR)
</option>
<option
value=" Kazakhstan (EUR)"
data-iso-code="KZ"
@click="selectOption(' Kazakhstan (EUR)')"
>
Kazakhstan (EUR)
</option>
<option
value=" Kenya (EUR)"
data-iso-code="KE"
@click="selectOption(' Kenya (EUR)')"
>
Kenya (EUR)
</option>
<option
value=" Kiribati (EUR)"
data-iso-code="KI"
@click="selectOption(' Kiribati (EUR)')"
>
Kiribati (EUR)
</option>
<option
value=" Kyrgyzstan (EUR)"
data-iso-code="KG"
@click="selectOption(' Kyrgyzstan (EUR)')"
>
Kyrgyzstan (EUR)
</option>
<option
value=" Latvia (EUR)"
data-iso-code="LV"
@click="selectOption(' Latvia (EUR)')"
>
Latvia (EUR)
</option>
<option
value=" Lebanon (EUR)"
data-iso-code="LB"
@click="selectOption(' Lebanon (EUR)')"
>
Lebanon (EUR)
</option>
<option
value=" Lesotho (EUR)"
data-iso-code="LS"
@click="selectOption(' Lesotho (EUR)')"
>
Lesotho (EUR)
</option>
<option
value=" Liberia (EUR)"
data-iso-code="LR"
@click="selectOption(' Liberia (EUR)')"
>
Liberia (EUR)
</option>
<option
value=" Libya (EUR)"
data-iso-code="LY"
@click="selectOption(' Libya (EUR)')"
>
Libya (EUR)
</option>
<option
value=" Liechtenstein (EUR)"
data-iso-code="LI"
@click="selectOption(' Liechtenstein (EUR)')"
>
Liechtenstein (EUR)
</option>
<option
value=" Lithuania (EUR)"
data-iso-code="LT"
@click="selectOption(' Lithuania (EUR)')"
>
Lithuania (EUR)
</option>
<option
value=" Luxembourg (EUR)"
data-iso-code="LU"
@click="selectOption(' Luxembourg (EUR)')"
>
Luxembourg (EUR)
</option>
<option
value=" Macao SAR (EUR)"
data-iso-code="MO"
@click="selectOption(' Macao SAR (EUR)')"
>
Macao SAR (EUR)
</option>
<option
value=" Madagascar (EUR)"
data-iso-code="MG"
@click="selectOption(' Madagascar (EUR)')"
>
Madagascar (EUR)
</option>
<option
value=" Malawi (EUR)"
data-iso-code="MW"
@click="selectOption(' Malawi (EUR)')"
>
Malawi (EUR)
</option>
<option
value=" Malaysia (EUR)"
data-iso-code="MY"
@click="selectOption(' Malaysia (EUR)')"
>
Malaysia (EUR)
</option>
<option
value=" Maldives (EUR)"
data-iso-code="MV"
@click="selectOption(' Maldives (EUR)')"
>
Maldives (EUR)
</option>
<option
value=" Mali (EUR)"
data-iso-code="ML"
@click="selectOption(' Mali (EUR)')"
>
Mali (EUR)
</option>
<option
value=" Malta (EUR)"
data-iso-code="MT"
@click="selectOption(' Malta (EUR)')"
>
Malta (EUR)
</option>
<option
value=" Martinique (EUR)"
data-iso-code="MQ"
@click="selectOption(' Martinique (EUR)')"
>
Martinique (EUR)
</option>
<option
value=" Mauritania (EUR)"
data-iso-code="MR"
@click="selectOption(' Mauritania (EUR)')"
>
Mauritania (EUR)
</option>
<option
value=" Mauritius (EUR)"
data-iso-code="MU"
@click="selectOption(' Mauritius (EUR)')"
>
Mauritius (EUR)
</option>
<option
value=" Mexico (EUR)"
data-iso-code="MX"
@click="selectOption(' Mexico (EUR)')"
>
Mexico (EUR)
</option>
<option
value=" Monaco (EUR)"
data-iso-code="MC"
@click="selectOption(' Monaco (EUR)')"
>
Monaco (EUR)
</option>
<option
value=" Mongolia (EUR)"
data-iso-code="MN"
@click="selectOption(' Mongolia (EUR)')"
>
Mongolia (EUR)
</option>
<option
value=" Montenegro (EUR)"
data-iso-code="ME"
@click="selectOption(' Montenegro (EUR)')"
>
Montenegro (EUR)
</option>
<option
value=" Morocco (EUR)"
data-iso-code="MA"
@click="selectOption(' Morocco (EUR)')"
>
Morocco (EUR)
</option>
<option
value=" Mozambique (EUR)"
data-iso-code="MZ"
@click="selectOption(' Mozambique (EUR)')"
>
Mozambique (EUR)
</option>
<option
value=" Myanmar (Burma) (EUR)"
data-iso-code="MM"
@click="selectOption(' Myanmar (Burma) (EUR)')"
>
Myanmar (Burma) (EUR)
</option>
<option
value=" Namibia (EUR)"
data-iso-code="NA"
@click="selectOption(' Namibia (EUR)')"
>
Namibia (EUR)
</option>
<option
value=" Nauru (EUR)"
data-iso-code="NR"
@click="selectOption(' Nauru (EUR)')"
>
Nauru (EUR)
</option>
<option
value=" Nepal (EUR)"
data-iso-code="NP"
@click="selectOption(' Nepal (EUR)')"
>
Nepal (EUR)
</option>
<option
value=" Netherlands (EUR)"
data-iso-code="NL"
@click="selectOption(' Netherlands (EUR)')"
>
Netherlands (EUR)
</option>
<option
value=" New Caledonia (EUR)"
data-iso-code="NC"
@click="selectOption(' New Caledonia (EUR)')"
>
New Caledonia (EUR)
</option>
<option
value=" New Zealand (EUR)"
data-iso-code="NZ"
@click="selectOption(' New Zealand (EUR)')"
>
New Zealand (EUR)
</option>
<option
value=" Nicaragua (EUR)"
data-iso-code="NI"
@click="selectOption(' Nicaragua (EUR)')"
>
Nicaragua (EUR)
</option>
<option
value=" Niger (EUR)"
data-iso-code="NE"
@click="selectOption(' Niger (EUR)')"
>
Niger (EUR)
</option>
<option
value=" Nigeria (EUR)"
data-iso-code="NG"
@click="selectOption(' Nigeria (EUR)')"
>
Nigeria (EUR)
</option>
<option
value=" Niue (EUR)"
data-iso-code="NU"
@click="selectOption(' Niue (EUR)')"
>
Niue (EUR)
</option>
<option
value=" North Macedonia (EUR)"
data-iso-code="MK"
@click="selectOption(' North Macedonia (EUR)')"
>
North Macedonia (EUR)
</option>
<option
value=" Norway (EUR)"
data-iso-code="NO"
@click="selectOption(' Norway (EUR)')"
>
Norway (EUR)
</option>
<option
value=" Oman (EUR)"
data-iso-code="OM"
@click="selectOption(' Oman (EUR)')"
>
Oman (EUR)
</option>
<option
value=" Pakistan (EUR)"
data-iso-code="PK"
@click="selectOption(' Pakistan (EUR)')"
>
Pakistan (EUR)
</option>
<option
value=" Panama (EUR)"
data-iso-code="PA"
@click="selectOption(' Panama (EUR)')"
>
Panama (EUR)
</option>
<option
value=" Paraguay (EUR)"
data-iso-code="PY"
@click="selectOption(' Paraguay (EUR)')"
>
Paraguay (EUR)
</option>
<option
value=" Peru (EUR)"
data-iso-code="PE"
@click="selectOption(' Peru (EUR)')"
>
Peru (EUR)
</option>
<option
value=" Poland (EUR)"
data-iso-code="PL"
@click="selectOption(' Poland (EUR)')"
>
Poland (EUR)
</option>
<option
value=" Portugal (EUR)"
data-iso-code="PT"
@click="selectOption(' Portugal (EUR)')"
>
Portugal (EUR)
</option>
<option
value=" Qatar (EUR)"
data-iso-code="QA"
@click="selectOption(' Qatar (EUR)')"
>
Qatar (EUR)
</option>
<option
value=" Réunion (EUR)"
data-iso-code="RE"
@click="selectOption(' Réunion (EUR)')"
>
Réunion (EUR)
</option>
<option
value=" Romania (EUR)"
data-iso-code="RO"
@click="selectOption(' Romania (EUR)')"
>
Romania (EUR)
</option>
<option
value=" Russia (EUR)"
data-iso-code="RU"
@click="selectOption(' Russia (EUR)')"
>
Russia (EUR)
</option>
<option
value=" Rwanda (EUR)"
data-iso-code="RW"
@click="selectOption(' Rwanda (EUR)')"
>
Rwanda (EUR)
</option>
<option
value=" Samoa (EUR)"
data-iso-code="WS"
@click="selectOption(' Samoa (EUR)')"
>
Samoa (EUR)
</option>
<option
value=" San Marino (EUR)"
data-iso-code="SM"
@click="selectOption(' San Marino (EUR)')"
>
San Marino (EUR)
</option>
<option
value=" Saudi Arabia (EUR)"
data-iso-code="SA"
@click="selectOption(' Saudi Arabia (EUR)')"
>
Saudi Arabia (EUR)
</option>
<option
value=" Senegal (EUR)"
data-iso-code="SN"
@click="selectOption(' Senegal (EUR)')"
>
Senegal (EUR)
</option>
<option
value=" Serbia (EUR)"
data-iso-code="RS"
@click="selectOption(' Serbia (EUR)')"
>
Serbia (EUR)
</option>
<option
value=" Sierra Leone (EUR)"
data-iso-code="SL"
@click="selectOption(' Sierra Leone (EUR)')"
>
Sierra Leone (EUR)
</option>
<option
value=" Singapore (EUR)"
data-iso-code="SG"
@click="selectOption(' Singapore (EUR)')"
>
Singapore (EUR)
</option>
<option
value=" Slovakia (EUR)"
data-iso-code="SK"
@click="selectOption(' Slovakia (EUR)')"
>
Slovakia (EUR)
</option>
<option
value=" Slovenia (EUR)"
data-iso-code="SI"
@click="selectOption(' Slovenia (EUR)')"
>
Slovenia (EUR)
</option>
<option
value=" South Africa (EUR)"
data-iso-code="ZA"
@click="selectOption(' South Africa (EUR)')"
>
South Africa (EUR)
</option>
<option
value=" South Korea (EUR)"
data-iso-code="KR"
@click="selectOption(' South Korea (EUR)')"
>
South Korea (EUR)
</option>
<option
value=" Spain (EUR)"
data-iso-code="ES"
@click="selectOption(' Spain (EUR)')"
>
Spain (EUR)
</option>
<option
value=" Sri Lanka (EUR)"
data-iso-code="LK"
@click="selectOption(' Sri Lanka (EUR)')"
>
Sri Lanka (EUR)
</option>
<option
value=" St. Barthélemy (EUR)"
data-iso-code="BL"
@click="selectOption(' St. Barthélemy (EUR)')"
>
St. Barthélemy (EUR)
</option>
<option
value=" St. Kitts & Nevis (EUR)"
data-iso-code="KN"
@click="selectOption(' St. Kitts & Nevis (EUR)')"
>
St. Kitts & Nevis (EUR)
</option>
<option
value=" St. Lucia (EUR)"
data-iso-code="LC"
@click="selectOption(' St. Lucia (EUR)')"
>
St. Lucia (EUR)
</option>
<option
value=" St. Martin (EUR)"
data-iso-code="MF"
@click="selectOption(' St. Martin (EUR)')"
>
St. Martin (EUR)
</option>
<option
value=" Suriname (EUR)"
data-iso-code="SR"
@click="selectOption(' Suriname (EUR)')"
>
Suriname (EUR)
</option>
<option
value=" Sweden (EUR)"
data-iso-code="SE"
@click="selectOption(' Sweden (EUR)')"
>
Sweden (EUR)
</option>
<option
value=" Switzerland (CHF)"
data-iso-code="CH"
@click="selectOption(' Switzerland (CHF)')"
>
Switzerland (CHF)
</option>
<option
value=" Taiwan (EUR)"
data-iso-code="TW"
@click="selectOption(' Taiwan (EUR)')"
>
Taiwan (EUR)
</option>
<option
value=" Thailand (EUR)"
data-iso-code="TH"
@click="selectOption(' Thailand (EUR)')"
>
Thailand (EUR)
</option>
<option
value=" Tonga (EUR)"
data-iso-code="TO"
@click="selectOption(' Tonga (EUR)')"
>
Tonga (EUR)
</option>
<option
value=" Tunisia (EUR)"
data-iso-code="TN"
@click="selectOption(' Tunisia (EUR)')"
>
Tunisia (EUR)
</option>
<option
value=" Türkiye (EUR)"
data-iso-code="TR"
@click="selectOption(' Türkiye (EUR)')"
>
Türkiye (EUR)
</option>
<option
value=" Tuvalu (EUR)"
data-iso-code="TV"
@click="selectOption(' Tuvalu (EUR)')"
>
Tuvalu (EUR)
</option>
<option
value=" Uganda (EUR)"
data-iso-code="UG"
@click="selectOption(' Uganda (EUR)')"
>
Uganda (EUR)
</option>
<option
value=" Ukraine (EUR)"
data-iso-code="UA"
@click="selectOption(' Ukraine (EUR)')"
>
Ukraine (EUR)
</option>
<option
value=" United Arab Emirates (EUR)"
data-iso-code="AE"
@click="selectOption(' United Arab Emirates (EUR)')"
>
United Arab Emirates (EUR)
</option>
<option
value=" United Kingdom (GBP)"
data-iso-code="GB"
@click="selectOption(' United Kingdom (GBP)')"
>
United Kingdom (GBP)
</option>
<option
value=" United States (USD)"
data-iso-code="US"
@click="selectOption(' United States (USD)')"
>
United States (USD)
</option>
<option
value=" Uruguay (EUR)"
data-iso-code="UY"
@click="selectOption(' Uruguay (EUR)')"
>
Uruguay (EUR)
</option>
<option
value=" Vanuatu (EUR)"
data-iso-code="VU"
@click="selectOption(' Vanuatu (EUR)')"
>
Vanuatu (EUR)
</option>
<option
value=" Venezuela (EUR)"
data-iso-code="VE"
@click="selectOption(' Venezuela (EUR)')"
>
Venezuela (EUR)
</option>
<option
value=" Vietnam (EUR)"
data-iso-code="VN"
@click="selectOption(' Vietnam (EUR)')"
>
Vietnam (EUR)
</option>
<option
value=" Wallis & Futuna (EUR)"
data-iso-code="WF"
@click="selectOption(' Wallis & Futuna (EUR)')"
>
Wallis & Futuna (EUR)
</option>
<option
value=" Yemen (EUR)"
data-iso-code="YE"
@click="selectOption(' Yemen (EUR)')"
>
Yemen (EUR)
</option>
<option
value=" Zambia (EUR)"
data-iso-code="ZM"
@click="selectOption(' Zambia (EUR)')"
>
Zambia (EUR)
</option>
<option
value=" Zimbabwe (EUR)"
data-iso-code="ZW"
@click="selectOption(' Zimbabwe (EUR)')"
>
Zimbabwe (EUR)
</option>
</select>
</div>
<div id="language_dropdown">
<select
x-data="dropdown"
x-init="selectedOption = 'English'"
x-ignore
x-component="dropdown"
class="country-selector__dropdown--languagecountry-selector dropdown__select"
id="language_dropdown-decoupled"
data-id="language_dropdown-decoupled"
data-search-placeholder="Search for a country"
data-search-placeholder-language="Search for a language"
client:idle
>
<option value="">English</option>
<option
value="English"
selected
data-language="en"
@click="selectOption('English')"
>
English
</option>
<option
value="Français"
data-language="fr"
@click="selectOption('Français')"
>
Français
</option>
</select>
</div>
</div>
<button
class="button button-dark"
@click.prevent="onConfirm()"
>
Go!
</button><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="localizationForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/?srsltid=AfmBOoqVHbFZ8OaBMrBf9wxYmlorNXRVVioZDxaGIGq4pMrWaSDAUz7f" /><input type="hidden" name="country_code" value="FR" x-ref="countryInput">
<input type="hidden" name="locale_code" value="en" x-ref="languageInput"></form></div>
<button
class="country-selector__overlay"
tabindex="-1"
aria-hidden="true"
type="button"
@click.prevent="close()"
x-cloak
>
<span class="sr-only">Translation missing: en.accessibility.country-selector.close</span>
</button>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BrandRating",
"name": "Jimmy Fairly",
"mainEntity": {
"@type": "Ratings",
"name": "Lunettes de soleil femme",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.9",
"reviewCount": "380000"
}
}
}
</script>
<style> #shopify-section-sections--27506067243335__footer .slice-block-of-three__wrap-title {font-size: 12px;} </style></div>
<!-- END sections: footer-group -->
<ul hidden>
<li id="a11y-refresh-page-message">Refreshing page</li>
<li id="a11y-new-window-message">Open in a new window.</li>
<li id="a11y-loading">Loading ... </li>
</ul>
<script>
window.theme = window.theme || {};
window.theme.translations = {
wishlist_added: "The product was added to your favorites. ",
wishlist_view_now: "View now",
wishlist_removed: "The item has been removed from your favorites list.",
added_to_cart: "Product added to cart",
cart_error: "Translation missing: en.cart.error"
};
</script>
<div>
<span
x-data="deferLiquid"
x-morph-skip
data-sections="[{'id': 'header-search'}]"
data-context=""
x-ignore
client:idle
x-component="defer-liquid"
x-morph-skip>
</span>
<span
x-data="deferLiquid"
x-morph-skip
data-sections="[{'id': 'predictive-search'}]"
data-context=""
x-ignore
client:idle
x-component="defer-liquid"
x-morph-skip>
</span>
<span
x-data="deferLiquid"
x-morph-skip
data-sections="[{'id': 'account-drawer'}]"
data-context=""
x-ignore
client:idle
x-component="defer-liquid"
x-morph-skip>
</span>
<span
x-data="deferLiquid"
x-morph-skip
data-sections="[{'id': 'book-appointment-flow'}]"
data-context=""
x-ignore
client:idle
x-component="defer-liquid"
x-morph-skip>
</span>
<span
x-data="deferLiquid"
x-morph-skip
data-sections="[{'id': 'cart-free-products'}]"
data-context=""
x-ignore
client:idle
x-component="defer-liquid"
x-morph-skip>
</span>
</div>
<div
x-data="popinGeolocationError"
x-ignore
x-component="popin-geolocation-error"
client:idle
class="popin-geolocation-error"
:class="{ 'is-open': isOpen }"
x-transition:enter="fader-enter"
x-transition:enter-end="fader-enter-end"
x-transition:leave="fader-leave"
x-transition:leave-end="fader-leave-end"
x-cloak
x-show="isOpen"
@mapbox:geolocate:error.window="open"
>
<div
class="popin-geolocation-error__modale"
role="dialog"
:aria-modal="isOpen ? 'true' : 'false'"
aria-labelledby="country-selector"
@keyup.escape="isOpen && close()"
>
<button
class="popin-geolocation-error__close"
@click.prevent="close()"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<div>
<p class="text-24 popin-geolocation-error__title">
Geolocation access
</p>
<p class="jf-dark text-11 font-roman popin-geolocation-error__text">Please enable geolocation in your browser settings to search around you. You can also search by entering an address</p>
</div>
<div>
<button
class="button button-dark"
@click.prevent="close()"
>
I understand
</button>
</div>
</div>
<button
class="popin-geolocation-error__overlay"
tabindex="-1"
aria-hidden="true"
type="button"
@click.prevent="close()"
x-cloak
></button>
</div><div id="shopify-section-cart-drawer" class="shopify-section"><aside
x-data="cartDrawer"
x-component="cart-drawer"
x-ignore
client:idle
x-show="isOpen"
class="cart-drawer is-empty"
aria-labelledby="cart-drawer-title"
role="dialog"
:aria-modal="isOpen ? 'true' : 'false'"
x-trap.inert.noautofocus="isOpen"
@keyup.escape="isOpen && close()"
x-cloak
data-cart-drawer
>
<div
class="cart-drawer__inner"
x-show="isOpen"
x-transition:enter="slide-enter"
x-transition:enter-end="slide-enter-end"
x-transition:leave="slide-leave"
x-transition:leave-end="slide-leave-end"
x-data="{ activeTab: 'cart', wishlistCount: 0 }"
x-init="wishlistCount = window.getWishlist().length"
@storage="wishlistCount = window.getWishlist().length"
@wishlist-updated.window="wishlistCount = window.getWishlist().length"
@cart-drawer:open.window="if ($event.detail?.tab) activeTab = $event.detail.tab"
>
<header class="cart-drawer__header" id="shopify-section-main-cart-header">
<div>
<div class="cart-drawer__tabs">
<button
@click="activeTab = 'cart'"
:class="{ 'active': activeTab === 'cart' }"
class="cart-drawer__tab"
>
<h2 class="cart-drawer__title | text-13">
Cart
<span
aria-hidden="true"
x-text="`(${$store.shop.itemsCount})`"
>(0)</span>
</h2>
</button>
<button
@click="activeTab = 'wishlist'"
:class="{ 'active': activeTab === 'wishlist' }"
class="cart-drawer__tab"
>
<h2 class="cart-drawer__title | text-13">
Wishlist
<span aria-hidden="true" x-text="`(${wishlistCount})`">(0)</span>
</h2>
</button>
</div>
<button
class="cart-drawer__close"
aria-label="Close the cart"
@click.prevent="close()"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-close" x="0" y="0" />
</svg>
</button>
</div>
</header>
<!-- Contenu du Cart -->
<div x-show="activeTab === 'cart'" x-cloak>
<div class="cart-drawer__progress">
<!-- snippets/progress-loading-bar -->
<div x-data="progressBar"
x-ignore
x-component="progress-loading-bar"
client:idle
:value="loading.progress"
class="progress-loading-bar"
:class="{ 'progress-loading-bar--fixed': context === 'fixed', 'progress-loading-bar--cart': context === 'cart' }"
data-context="cart"
:style="{'--progress-loading': loading.progress, '--duration': `${loading.id !== null ? '200':'0'}ms`}"
:aria-hidden="loading.id !== null ? 'false' : 'true'"
role="status"
inert>
<template x-if="loading.id !== null">
<span id="progress-loading-bar"
class="progress-loading-bar__inner"
role="progressbar"
:aria-busy="loading.progress !== 0 ? 'true' : 'false'"
aria-label="Loading ... "
aria-valuemin="0"
:aria-valuenow="loading.id !== null && loading.progress > 0 ? loading.progress * 100 : 0"
aria-valuemax="100"></span>
</template>
</div>
</div>
<div class="cart-drawer__reward-bar">
</div>
<div></div>
<div
class="cart-drawer__reassurance"
x-morph-skip
><!-- snippets/slider -->
<div
x-data="slider"
x-ignore
x-component="slider"
class="slider |"
:class="{'is-draggable': isDraggable, 'is-initialized': isInit, 'is-dragging': isPointerDown, 'is-auto-height': isAutoheight}"
data-current-slide="0"
data-options="{'dots':true, 'autoplay': true, 'loop': true, 'stopOnInteraction': false, 'delay': 5000}"
>
<div class="slider__viewport">
<ul class="slider__container" data-slider-viewport><li class="slider__slide"
data-slider-slide>
Free shipping & returns
</li>
</ul>
</div>
<button
class="slider__buttons slider__buttons--prev"
aria-label="Button Previous Slide"
:disabled="!canScrollPrev"
@click.prevent="goTo('<')"
><!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-caret-left" x="0" y="0" />
</svg>
</button>
<button
class="slider__buttons slider__buttons--next"
aria-label="Button Next Slide"
:disabled="!canScrollNext"
@click.prevent="goTo('>')"
><!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-caret-right" x="0" y="0" />
</svg>
</button>
<template
x-ignore
x-if="isDots"
>
<ul class="slider__dots">
<template x-for="(value, index) in dots" :key="index">
<li>
<button
class="slider__dot"
:class="{'is-selected': index === currentIndex}"
@click="goTo(index)"
:aria-label="`Go to slide ${ index + 1 } of ${ dots.length }`"
:aria-current="index === currentIndex ? 'true' : null"
></button>
</li>
</template>
</ul>
</template></div>
</div>
<div class="cart-drawer__items-wrapper">
<div id="shopify-section-main-cart-items">
<span
x-data="deferLiquid"
data-sections="[{'id': 'main-cart-items'}]"
data-context=""
x-ignore
client:idle
x-component="defer-liquid"
x-morph-skip>
</span>
</div>
</div>
<div class="cart-drawer__upsell-products">
<span class="upsell-products-heading">You might also like</span>
<div class="upsell-products-products"><div class="upsell-products-item">
<div class="upsell-products-image"><a href="/products/et004-bck-etui-clip-noir-ss25" target="_blank">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=3577" alt="The Soft Case" srcset="//www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/ET004-BCK_1.jpg?v=1753095075&width=2200 2200w" width="3577" height="4471" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="100vw" onload="this.classList.add('is-loaded')">
</a></div>
<div class="upsell-products-details">
<a href="/products/et004-bck-etui-clip-noir-ss25" target="_blank">
<span class="upsell-products-title">The Clip Case</span>
</a>
<div class="upsell-products-price">15 EUR</div>
</div>
<div class="upsell-products-cart">
<form class="upsell-products-form" x-data="upsellButtonData()">
<input type="hidden" name="id" value="51778231337287">
<input type="hidden" name="quantity" value="1">
<button
type="button"
class="upsell-products-cart-add-to-cart__submit | button-white"
@click="addToCart()"
>
<span class="single-add-to-cart-button--text">Add to cart</span>
</button>
</form>
</div>
</div><div class="upsell-products-item">
<div class="upsell-products-image"><a href="/products/travelbox-kak-travel-box-kaki" target="_blank">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=3577" alt="TRAVEL BOX KAKI" srcset="//www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/TRAVELBOX-KAK_1.jpg?v=1741000220&width=2200 2200w" width="3577" height="4471" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="100vw" onload="this.classList.add('is-loaded')">
</a></div>
<div class="upsell-products-details">
<a href="/products/travelbox-kak-travel-box-kaki" target="_blank">
<span class="upsell-products-title">The Travel Box</span>
</a>
<div class="upsell-products-price">40 EUR</div>
</div>
<div class="upsell-products-cart">
<form class="upsell-products-form" x-data="upsellButtonData()">
<input type="hidden" name="id" value="50834286674247">
<input type="hidden" name="quantity" value="1">
<button
type="button"
class="upsell-products-cart-add-to-cart__submit | button-white"
@click="addToCart()"
>
<span class="single-add-to-cart-button--text">Add to cart</span>
</button>
</form>
</div>
</div><div class="upsell-products-item">
<div class="upsell-products-image"><a href="/products/carekit-web-bck-care-kit-noir" target="_blank">
<!-- snippets/image-lazy -->
<img src="//www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=3578" alt="The Care Kit" srcset="//www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=200 200w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=300 300w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=400 400w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=500 500w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=600 600w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=700 700w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=800 800w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=1000 1000w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=1200 1200w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=1400 1400w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=1600 1600w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=1800 1800w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=2000 2000w, //www.jimmyfairly.com/cdn/shop/files/carekit-bck_2.jpg?v=1763042106&width=2200 2200w" width="3578" height="4472" loading="lazy" class="image-lazy" fetchpriority="auto" decoding="async" sizes="100vw" onload="this.classList.add('is-loaded')">
</a></div>
<div class="upsell-products-details">
<a href="/products/carekit-web-bck-care-kit-noir" target="_blank">
<span class="upsell-products-title">The Care Kit</span>
</a>
<div class="upsell-products-price">20 EUR</div>
</div>
<div class="upsell-products-cart">
<form class="upsell-products-form" x-data="upsellButtonData()">
<input type="hidden" name="id" value="50742430138695">
<input type="hidden" name="quantity" value="1">
<button
type="button"
class="upsell-products-cart-add-to-cart__submit | button-white"
@click="addToCart()"
>
<span class="single-add-to-cart-button--text">Add to cart</span>
</button>
</form>
</div>
</div></div>
</div>
<footer><div id="shopify-section-main-cart-footer">
<span
x-data="deferLiquid"
data-sections="[{'id': 'main-cart-footer'}]"
data-context=""
x-ignore
client:idle
x-component="defer-liquid"
x-morph-skip>
</span>
</div>
</footer>
</div>
<!-- Contenu de la Wishlist - Structure identique à cart-items -->
<div class="wishlist" x-show="activeTab === 'wishlist'" x-cloak>
<div x-data="wishlistDrawerData()" x-init="init()" class="cart-items">
<!-- Message vide -->
<template x-if="products.length === 0">
<div>
<h2 class="cart-items__title-empty">
Your wishlist is empty
</h2>
</div>
</template>
<!-- Liste des produits wishlist -->
<template x-if="products.length > 0">
<div>
<ul class="cart-items__list">
<template x-for="(product, index) in products" :key="product.id">
<li>
<div
class="line-item"
:data-key="product.id"
:data-index="index + 1"
>
<!-- Image du produit -->
<a
:href="product.url"
class="line-item__image-wrapper"
:class="{ 'out-of-stock': product.available === false }"
aria-hidden="true"
tabindex="-1"
>
<figure>
<img :src="product.image" :alt="product.title" loading="lazy" width="100" height="100">
</figure>
</a>
<!-- Informations du produit -->
<div class="line-item__infos">
<a
class="line-item__title"
:class="{ 'out-of-stock': product.available === false }"
:href="product.url"
>
<span x-text="product.title + (product.color ? ' in ' + product.color : '')"></span>
<span class="line-item__price" x-text="formatPrice(product.price)"></span>
</a>
<ul
class="line-item__list"
>
<!-- Propriétés du produit -->
<template x-for="property in parseProperties(product)" :key="property.key">
<li class="text-12" :class="{ 'out-of-stock': product.available === false }"></li>
</template>
<!-- Composants du produit (verres, packs, etc.) -->
<template x-for="component in parseComponents(product)" :key="component.id">
<li class="text-12" :class="{ 'out-of-stock': product.available === false }"></li>
</template>
<!-- Options du variant -->
<template x-for="option in parseOptions(product)" :key="option.name">
<li class="text-12" :class="{ 'out-of-stock': product.available === false }">
<span x-text="option.name + ':'"></span>
<span x-text="option.value"></span>
</li>
</template>
<!-- Actions (supprimer) -->
<li class="is-edition">
<a
@click.prevent="removeProduct(product.id)"
href="#"
class="navigation-11 link"
:aria-label="`Retirer ${product.title} de la wishlist`"
>
Delete
</a>
<span aria-hidden="true"></span>
</li>
</ul>
<div class="button-wishlist-product desktop-only">
<div class="wishlist-notification" :class="{ 'out-of-stock': product.available === false }">
<span x-text="product.available === false ?">This product is out of stock</span>
</div>
<button
type="button"
class="wishlist-atc button-dark"
:class="{ 'full-width': !canCustomiseProduct(product) }"
x-show="product.available !== false"
@click="addToCartFromWishlist(product)"
x-text="'Add to cart'"
>
</button>
<button
type="button"
class="wishlist-atc button-white"
:class="{ 'out-of-stock': product.available === false }"
x-show="canCustomiseProduct(product)"
@click.prevent="product.available === false ? redirectToWaitlist(product) : customiseProduct(product)"
>
<span x-text='product.available === false ? "Notify me" : "Customise your lenses"'></span>
</button>
</div>
</div>
</div>
<div class="button-wishlist-product mobile-only">
<div class="wishlist-notification" :class="{ 'out-of-stock': product.available === false }">
<span x-text="product.available === false ?">This product is out of stock</span>
</div>
<button
type="button"
class="wishlist-atc button-dark"
:class="{ 'full-width': !canCustomiseProduct(product) }"
x-show="product.available !== false"
@click="addToCartFromWishlist(product)"
x-text="'Add to cart'"
>
</button>
<button
type="button"
class="wishlist-atc button-white"
:class="{ 'out-of-stock': product.available === false }"
x-show="canCustomiseProduct(product)"
@click.prevent="product.available === false ? redirectToWaitlist(product) : customiseProduct(product)"
>
<span x-text='product.available === false ? "Notify me" : "Customise your lenses"'></span>
</button>
</div>
</li>
</template>
</ul>
</div>
</template>
</div>
</div>
</div>
<button
aria-hidden="true"
tabindex="-1"
class="cart-drawer__overlay"
@click.prevent="close()"
x-transition:enter="fader-enter"
x-transition:enter-end="fader-enter-end"
x-transition:leave="fader-leave"
x-transition:leave-end="fader-leave-end"
x-show="isOpen"
>
<span class="sr-only">Close the cart</span>
</button>
</aside>
</div><script>
function setCookie(cname, cvalue, exdays) {
const d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
let expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function getCookie(cname) {
let name = cname + "=";
let ca = document.cookie.split(';');
for(let i = 0; i < ca.length; i++) {
let c = ca[i];
while (c.charAt(0) == ' ') {
c = c.substring(1);
}
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
const template = "HP"
let user = null
const pageViewParams = {
page_template: template ?? "",
language: Shopify.locale.toUpperCase() ?? "FR",
user_data: user ?? null,
}
const eventPageView = {
event: "page_view",
event_name: "page_view",
...pageViewParams
}
console.log('[Analytics] - ', eventPageView)
dataLayer.push(eventPageView)
if (document.referrer.indexOf('multipass') !== -1 ) {
const eventAccount = {
event: 'login',
event_name: 'login',
...user,
}
console.log('[Analytics] - ', eventAccount)
dataLayer.push(eventAccount)
}
</script>
<script defer>
const current_template = 'index'
document.addEventListener('click', handleTrackClickEdito)
function handleTrackClickEdito(e) {
if (
!current_template || // exclude cportal pages
current_template === 'page.store-locator' || // exclude store locator
current_template === 'search' || // exclude search
current_template === 'cart' || // exclude cart
current_template === 'page.reviews' || // exclude reviews
current_template === 'page.legals' || // exclude legals pages
current_template === '404' // exclude 404
) {
return
}
const link = e.target.closest('a')
const section = e.target.closest('section')
const isInHeader = e.target.closest('header')
const isInFooter = e.target.closest('footer')
const isMainProductSection = section?.id?.includes('MainProduct')
const isCollectionSection = section?.classList?.contains('collection-product-grid')
if (
!link || // exclude if nothing to click
link.classList.contains('popin-push__content--link') || // exclude popins
isInHeader || // exclude header links
isInFooter || // exclude footer links
isMainProductSection || // exclude main product links
isCollectionSection // exclude collection product cards links
) {
return
}
// Find the section index relative to other sibling sections
const allSections = [...document.querySelectorAll('section')]
const sectionIndex = allSections?.indexOf(section)
const page_slug = window.location.pathname == '/' ? 'homepage' : window.location.pathname.substring(1)
const section_name = section?.getAttribute('data-section-name') || section?.id
if (!section_name || sectionIndex === -1) return
const element = page_slug + '_[' + sectionIndex + ']_' + section_name
const params = {
event: 'edito',
event_name: 'click_edito',
element,
}
console.log('[Analytics] - ', params)
dataLayer.push(params)
}
</script>
<script>
let productData = {
item_id: '',
item_list_id: '',
item_list_name: '',
item_barcode: '',
index: parseInt(localStorage.getItem('trackingDataProductIndex')) || 0,
SKU: '',
item_variant: "|||",
item_category: "",
item_category2: "",
item_category3: "", // Color Collection
item_category5: "",
is_configurable: ,
is_configured: false,
price: 0,
discount: null,
availability: ""
}
function onTryInStoreClickHandler() {
const eventTryInStore = {
"event": "click_find_in_store",
"event_name": "click_find_in_store",
"items": [productData]
}
console.log('[Analytics] - ', eventTryInStore)
dataLayer.push(eventTryInStore)
}
function onBackInStockClickHandler() {
const eventBIS = {
"event": "click_notify_me",
"event_name": "click_notify_me",
"items": [productData]
}
console.log('[Analytics] - ', eventBIS)
dataLayer.push(eventBIS)
}
function onRegisterNotifyMe() {
const eventRegisterNotifyMe = {
"event": "register_notify_me",
"event_name": "register_notify_me",
"items": [productData]
}
console.log('[Analytics] - ', eventRegisterNotifyMe)
dataLayer.push(eventRegisterNotifyMe)
}
function onClickPanelItem(e) {
const eventClickPanelItem = {
"event": "click_panel",
"event_name": "click_item_panel",
"button_id": e.target.innerText,
"items": [productData]
}
console.log('[Analytics] - ', eventClickPanelItem)
dataLayer.push(eventClickPanelItem)
}
//add to cart
// ✅ CORRECTION ICI - Remplacer JSON.parse par parseInt et comparaison simple
let lastEventIndexAddToCart = parseInt(localStorage.getItem('trackingDataProductIndex')) || 0
let hasCrossSell = localStorage.getItem('trackingDataProductCrossSell') === 'true'
const AddToCartParams = {
value: "",
currency: "",
cross_sell: hasCrossSell ? 'product' : false,
items: [
{
item_id: "",
item_name: "",
SKU: '',
item_barcode: "",
item_list_id: "",
item_list_name: "",
index: parseInt(lastEventIndexAddToCart) || 0,
item_variant: "|||",
item_category: "",
item_category2: "",
item_category3: "", // Color Collection
item_category5: "",
is_configurable: ,
is_configured: false,
discount: 0,
price: 0,
}
]
}
const eventAddToCart = {
event: "ecommerce",
event_name: "add_to_cart",
ecommerce: {
...AddToCartParams,
}
}
function addToCartTrackingHandler() {
console.log('[Analytics] - ', eventAddToCart)
dataLayer.push(eventAddToCart)
}
window.addEventListener('product-flow:open-tracking', function (e) {
console.log('product-flow:open-tracking', e.detail)
const submitLensesStarted = {
event: e.detail.event,
eventName: e.detail.event,
productFlow: e.detail.handle,
SKU: "",
form_type: "Solaire",
items: [
{
item_id: "",
item_name: "",
SKU: '',
item_barcode: "",
item_list_id: "",
item_list_name: "",
index: parseInt(lastEventIndexAddToCart) || 0,
item_variant: "|||",
item_category: "",
item_category2: "",
item_category3: "", // Color Collection
item_category5: "",
is_configurable: ,
is_configured: null,
discount: 0,
price: 0,
}
],
}
console.log('[Analytics] - ', submitLensesStarted)
// @ts-ignore
dataLayer.push({ ecommerce: null })
// @ts-ignore
dataLayer.push(submitLensesStarted)
})
</script>
<script>
window.addToCartTrackingHandler = function() {
console.log('[Analytics] - Function called!'); // ✅ Pour vérifier si la fonction est appelée
// Récupérer l'élément cliqué et remonter au bouton
let element = event?.target || document.activeElement;
const button = element.closest('button[name="add"]');
if (!button) {
console.error('[Analytics] - No button found');
return;
}
// ✅ Vérifier les attributs du bouton
console.log('[Analytics] - Button found:', button);
console.log('[Analytics] - All button attributes:',
Array.from(button.attributes).map(attr => `${attr.name}: ${attr.value}`)
);
// Extraire les données des attributs
const productData = {
item_id: button.getAttribute('data-item_id') || '',
item_name: button.getAttribute('data-product-handle') || '',
SKU: button.getAttribute('data-product-sku') || '',
item_barcode: button.getAttribute('data-item_barcode') || '',
item_list_id: button.getAttribute('data-item_list_id') || '',
item_list_name: button.getAttribute('data-item_list_name') || '',
item_category: button.getAttribute('data-item_category') || '',
item_category2: button.getAttribute('data-item_category2') || '',
item_category3: button.getAttribute('data-item_category3') || '',
item_category5: button.getAttribute('data-item_category5') || '',
price: parseFloat(button.getAttribute('data-product-price')) || 0,
is_configurable: button.getAttribute('data-is_configurable') === 'true',
item_type: button.getAttribute('data-product-type') || ''
};
console.log('[Analytics] - Product Data:', productData);
// Construire l'événement GA4 avec les vraies données
const eventAddToCart = {
event: "ecommerce",
event_name: "add_to_cart",
ecommerce: {
currency: "EUR",
value: productData.price,
items: [{
item_id: productData.item_id,
item_name: productData.item_name,
SKU: productData.SKU,
item_barcode: productData.item_barcode,
item_list_id: productData.item_list_id,
item_list_name: productData.item_list_name,
item_category: productData.item_category,
item_category2: productData.item_category2,
item_category3: productData.item_category3,
item_category5: productData.item_category5,
price: productData.price,
is_configurable: productData.is_configurable,
item_type: productData.item_type,
quantity: 1
}]
}
};
console.log('[Analytics] - Add to Cart Event:', eventAddToCart);
try {
dataLayer.push({ ecommerce: null });
dataLayer.push(eventAddToCart);
console.log('[Analytics] - Event pushed successfully!'); // ✅
} catch(error) {
console.error('[Analytics] - Error pushing to dataLayer:', error);
}
}
</script><script>
function onTrackEvent(params) {
const eventName = params?.eventName ?? 'default'
let trackEventParams = params
console.log('[Shopify Analytics] - ', params)
Shopify.analytics.publish(eventName, trackEventParams)
}
</script>
<div
x-data="geoIp"
x-component="geo-ip"
client:idle
x-ignore
x-transition:enter="fader-enter"
x-transition:enter-end="fader-enter-end"
x-transition:leave="fader-leave"
x-transition:leave-end="fader-leave-end"
x-cloak
x-show="isOpen"
class="geo-ip"
>
<div
class="geo-ip__modale"
role="dialog"
:aria-modal="isOpen ? 'true' : 'false'"
@keyup.escape="isOpen && close()"
>
<template x-if="isOpen && step === 0 ">
<div>
<button
class="geo-ip__close"
@click.prevent="close()"
aria-label="accessibility.country-selector.close"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
style="width: 12px; height: 12px;"
>
<use xlink:href="#icon-close-thicker" x="0" y="0" />
</svg>
</button>
<p
class="text-24 country-selector__title geo-ip__title"
x-html="window.geoIpStrings.title.replace('[country_name]', countryInfos.name)"
>
Translation missing: en.language_switcher.title_html
</p>
<ul class="text-11 geo-ip__list">
<li
x-text="window.geoIpStrings.list.item_1.replace('[currency_iso]', countryInfos.currency.iso_code).replace('[currency_symbol]', countryInfos.currency.symbol)"
></li>
<li x-text="window.geoIpStrings.list.item_2.replace('[country_name]', countryInfos.name)"></li>
</ul>
<form action="/localization" method="POST">
<input type="hidden" name="_method" value="PUT">
<input type hidden name="country_code" :value="suggestion?.country?.handle">
<input type hidden name="language_code" :value="suggestion?.language?.handle">
<button type="submit" class="button button-dark geo-ip__submit">Oui, continuer</button>
</form>
<button class="text-11 link" @click.prevent="goTo(1)">Non, changer de pays/région</button>
</div>
</template>
<template x-if="step === 1">
<div>
<button class="geo-ip__back" @click="goTo(0)" aria-label="Translation missing: en.geo_ip.back">
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-slide-left" x="0" y="0" />
</svg>
</button>
<div>
<p class="text-24 country-selector__title">
Select your country and language
</p>
<p class="jf-dark text-11 font-roman country-selector__text"></p>
</div>
<div>
<div id="country_dropdown">
<select
x-data="dropdown"
x-init="selectedOption = 'France (EUR)'"
x-ignore
x-component="dropdown"
class="country-selector__dropdown--countrygeo-ip dropdown__select"
id="country_dropdown-decoupled"
data-id="country_dropdown-decoupled"
data-search-placeholder="Search for a country"
data-search-placeholder-language="Search for a language"
client:idle
>
<option value="">France (EUR)</option>
<option
value="Afghanistan (EUR)"
data-iso-code="AF"
@click="selectOption('Afghanistan (EUR)')"
>
Afghanistan (EUR)
</option>
<option
value=" Albania (EUR)"
data-iso-code="AL"
@click="selectOption(' Albania (EUR)')"
>
Albania (EUR)
</option>
<option
value=" Algeria (EUR)"
data-iso-code="DZ"
@click="selectOption(' Algeria (EUR)')"
>
Algeria (EUR)
</option>
<option
value=" Andorra (EUR)"
data-iso-code="AD"
@click="selectOption(' Andorra (EUR)')"
>
Andorra (EUR)
</option>
<option
value=" Angola (EUR)"
data-iso-code="AO"
@click="selectOption(' Angola (EUR)')"
>
Angola (EUR)
</option>
<option
value=" Anguilla (EUR)"
data-iso-code="AI"
@click="selectOption(' Anguilla (EUR)')"
>
Anguilla (EUR)
</option>
<option
value=" Antigua & Barbuda (EUR)"
data-iso-code="AG"
@click="selectOption(' Antigua & Barbuda (EUR)')"
>
Antigua & Barbuda (EUR)
</option>
<option
value=" Argentina (EUR)"
data-iso-code="AR"
@click="selectOption(' Argentina (EUR)')"
>
Argentina (EUR)
</option>
<option
value=" Armenia (EUR)"
data-iso-code="AM"
@click="selectOption(' Armenia (EUR)')"
>
Armenia (EUR)
</option>
<option
value=" Aruba (EUR)"
data-iso-code="AW"
@click="selectOption(' Aruba (EUR)')"
>
Aruba (EUR)
</option>
<option
value=" Australia (EUR)"
data-iso-code="AU"
@click="selectOption(' Australia (EUR)')"
>
Australia (EUR)
</option>
<option
value=" Austria (EUR)"
data-iso-code="AT"
@click="selectOption(' Austria (EUR)')"
>
Austria (EUR)
</option>
<option
value=" Azerbaijan (EUR)"
data-iso-code="AZ"
@click="selectOption(' Azerbaijan (EUR)')"
>
Azerbaijan (EUR)
</option>
<option
value=" Bahrain (EUR)"
data-iso-code="BH"
@click="selectOption(' Bahrain (EUR)')"
>
Bahrain (EUR)
</option>
<option
value=" Bangladesh (EUR)"
data-iso-code="BD"
@click="selectOption(' Bangladesh (EUR)')"
>
Bangladesh (EUR)
</option>
<option
value=" Barbados (EUR)"
data-iso-code="BB"
@click="selectOption(' Barbados (EUR)')"
>
Barbados (EUR)
</option>
<option
value=" Belarus (EUR)"
data-iso-code="BY"
@click="selectOption(' Belarus (EUR)')"
>
Belarus (EUR)
</option>
<option
value=" Belgium (EUR)"
data-iso-code="BE"
@click="selectOption(' Belgium (EUR)')"
>
Belgium (EUR)
</option>
<option
value=" Belize (EUR)"
data-iso-code="BZ"
@click="selectOption(' Belize (EUR)')"
>
Belize (EUR)
</option>
<option
value=" Benin (EUR)"
data-iso-code="BJ"
@click="selectOption(' Benin (EUR)')"
>
Benin (EUR)
</option>
<option
value=" Bermuda (EUR)"
data-iso-code="BM"
@click="selectOption(' Bermuda (EUR)')"
>
Bermuda (EUR)
</option>
<option
value=" Bhutan (EUR)"
data-iso-code="BT"
@click="selectOption(' Bhutan (EUR)')"
>
Bhutan (EUR)
</option>
<option
value=" Bolivia (EUR)"
data-iso-code="BO"
@click="selectOption(' Bolivia (EUR)')"
>
Bolivia (EUR)
</option>
<option
value=" Bosnia & Herzegovina (EUR)"
data-iso-code="BA"
@click="selectOption(' Bosnia & Herzegovina (EUR)')"
>
Bosnia & Herzegovina (EUR)
</option>
<option
value=" Botswana (EUR)"
data-iso-code="BW"
@click="selectOption(' Botswana (EUR)')"
>
Botswana (EUR)
</option>
<option
value=" Brazil (EUR)"
data-iso-code="BR"
@click="selectOption(' Brazil (EUR)')"
>
Brazil (EUR)
</option>
<option
value=" British Virgin Islands (EUR)"
data-iso-code="VG"
@click="selectOption(' British Virgin Islands (EUR)')"
>
British Virgin Islands (EUR)
</option>
<option
value=" Bulgaria (EUR)"
data-iso-code="BG"
@click="selectOption(' Bulgaria (EUR)')"
>
Bulgaria (EUR)
</option>
<option
value=" Burkina Faso (EUR)"
data-iso-code="BF"
@click="selectOption(' Burkina Faso (EUR)')"
>
Burkina Faso (EUR)
</option>
<option
value=" Burundi (EUR)"
data-iso-code="BI"
@click="selectOption(' Burundi (EUR)')"
>
Burundi (EUR)
</option>
<option
value=" Cambodia (EUR)"
data-iso-code="KH"
@click="selectOption(' Cambodia (EUR)')"
>
Cambodia (EUR)
</option>
<option
value=" Cameroon (EUR)"
data-iso-code="CM"
@click="selectOption(' Cameroon (EUR)')"
>
Cameroon (EUR)
</option>
<option
value=" Canada (EUR)"
data-iso-code="CA"
@click="selectOption(' Canada (EUR)')"
>
Canada (EUR)
</option>
<option
value=" Chile (EUR)"
data-iso-code="CL"
@click="selectOption(' Chile (EUR)')"
>
Chile (EUR)
</option>
<option
value=" China (EUR)"
data-iso-code="CN"
@click="selectOption(' China (EUR)')"
>
China (EUR)
</option>
<option
value=" Colombia (EUR)"
data-iso-code="CO"
@click="selectOption(' Colombia (EUR)')"
>
Colombia (EUR)
</option>
<option
value=" Comoros (EUR)"
data-iso-code="KM"
@click="selectOption(' Comoros (EUR)')"
>
Comoros (EUR)
</option>
<option
value=" Congo - Brazzaville (EUR)"
data-iso-code="CG"
@click="selectOption(' Congo - Brazzaville (EUR)')"
>
Congo - Brazzaville (EUR)
</option>
<option
value=" Congo - Kinshasa (EUR)"
data-iso-code="CD"
@click="selectOption(' Congo - Kinshasa (EUR)')"
>
Congo - Kinshasa (EUR)
</option>
<option
value=" Costa Rica (EUR)"
data-iso-code="CR"
@click="selectOption(' Costa Rica (EUR)')"
>
Costa Rica (EUR)
</option>
<option
value=" Côte d’Ivoire (EUR)"
data-iso-code="CI"
@click="selectOption(' Côte d’Ivoire (EUR)')"
>
Côte d’Ivoire (EUR)
</option>
<option
value=" Croatia (EUR)"
data-iso-code="HR"
@click="selectOption(' Croatia (EUR)')"
>
Croatia (EUR)
</option>
<option
value=" Curaçao (EUR)"
data-iso-code="CW"
@click="selectOption(' Curaçao (EUR)')"
>
Curaçao (EUR)
</option>
<option
value=" Cyprus (EUR)"
data-iso-code="CY"
@click="selectOption(' Cyprus (EUR)')"
>
Cyprus (EUR)
</option>
<option
value=" Czechia (EUR)"
data-iso-code="CZ"
@click="selectOption(' Czechia (EUR)')"
>
Czechia (EUR)
</option>
<option
value=" Denmark (EUR)"
data-iso-code="DK"
@click="selectOption(' Denmark (EUR)')"
>
Denmark (EUR)
</option>
<option
value=" Djibouti (EUR)"
data-iso-code="DJ"
@click="selectOption(' Djibouti (EUR)')"
>
Djibouti (EUR)
</option>
<option
value=" Dominica (EUR)"
data-iso-code="DM"
@click="selectOption(' Dominica (EUR)')"
>
Dominica (EUR)
</option>
<option
value=" Dominican Republic (EUR)"
data-iso-code="DO"
@click="selectOption(' Dominican Republic (EUR)')"
>
Dominican Republic (EUR)
</option>
<option
value=" Ecuador (EUR)"
data-iso-code="EC"
@click="selectOption(' Ecuador (EUR)')"
>
Ecuador (EUR)
</option>
<option
value=" Egypt (EUR)"
data-iso-code="EG"
@click="selectOption(' Egypt (EUR)')"
>
Egypt (EUR)
</option>
<option
value=" El Salvador (EUR)"
data-iso-code="SV"
@click="selectOption(' El Salvador (EUR)')"
>
El Salvador (EUR)
</option>
<option
value=" Estonia (EUR)"
data-iso-code="EE"
@click="selectOption(' Estonia (EUR)')"
>
Estonia (EUR)
</option>
<option
value=" Eswatini (EUR)"
data-iso-code="SZ"
@click="selectOption(' Eswatini (EUR)')"
>
Eswatini (EUR)
</option>
<option
value=" Ethiopia (EUR)"
data-iso-code="ET"
@click="selectOption(' Ethiopia (EUR)')"
>
Ethiopia (EUR)
</option>
<option
value=" Fiji (EUR)"
data-iso-code="FJ"
@click="selectOption(' Fiji (EUR)')"
>
Fiji (EUR)
</option>
<option
value=" Finland (EUR)"
data-iso-code="FI"
@click="selectOption(' Finland (EUR)')"
>
Finland (EUR)
</option>
<option
value=" France (EUR)"
data-iso-code="FR"
@click="selectOption(' France (EUR)')"
>
France (EUR)
</option>
<option
value=" French Guiana (EUR)"
data-iso-code="GF"
@click="selectOption(' French Guiana (EUR)')"
>
French Guiana (EUR)
</option>
<option
value=" French Polynesia (EUR)"
data-iso-code="PF"
@click="selectOption(' French Polynesia (EUR)')"
>
French Polynesia (EUR)
</option>
<option
value=" French Southern Territories (EUR)"
data-iso-code="TF"
@click="selectOption(' French Southern Territories (EUR)')"
>
French Southern Territories (EUR)
</option>
<option
value=" Gabon (EUR)"
data-iso-code="GA"
@click="selectOption(' Gabon (EUR)')"
>
Gabon (EUR)
</option>
<option
value=" Gambia (EUR)"
data-iso-code="GM"
@click="selectOption(' Gambia (EUR)')"
>
Gambia (EUR)
</option>
<option
value=" Georgia (EUR)"
data-iso-code="GE"
@click="selectOption(' Georgia (EUR)')"
>
Georgia (EUR)
</option>
<option
value=" Germany (EUR)"
data-iso-code="DE"
@click="selectOption(' Germany (EUR)')"
>
Germany (EUR)
</option>
<option
value=" Ghana (EUR)"
data-iso-code="GH"
@click="selectOption(' Ghana (EUR)')"
>
Ghana (EUR)
</option>
<option
value=" Gibraltar (EUR)"
data-iso-code="GI"
@click="selectOption(' Gibraltar (EUR)')"
>
Gibraltar (EUR)
</option>
<option
value=" Greece (EUR)"
data-iso-code="GR"
@click="selectOption(' Greece (EUR)')"
>
Greece (EUR)
</option>
<option
value=" Greenland (EUR)"
data-iso-code="GL"
@click="selectOption(' Greenland (EUR)')"
>
Greenland (EUR)
</option>
<option
value=" Grenada (EUR)"
data-iso-code="GD"
@click="selectOption(' Grenada (EUR)')"
>
Grenada (EUR)
</option>
<option
value=" Guadeloupe (EUR)"
data-iso-code="GP"
@click="selectOption(' Guadeloupe (EUR)')"
>
Guadeloupe (EUR)
</option>
<option
value=" Guatemala (EUR)"
data-iso-code="GT"
@click="selectOption(' Guatemala (EUR)')"
>
Guatemala (EUR)
</option>
<option
value=" Guinea (EUR)"
data-iso-code="GN"
@click="selectOption(' Guinea (EUR)')"
>
Guinea (EUR)
</option>
<option
value=" Guyana (EUR)"
data-iso-code="GY"
@click="selectOption(' Guyana (EUR)')"
>
Guyana (EUR)
</option>
<option
value=" Haiti (EUR)"
data-iso-code="HT"
@click="selectOption(' Haiti (EUR)')"
>
Haiti (EUR)
</option>
<option
value=" Honduras (EUR)"
data-iso-code="HN"
@click="selectOption(' Honduras (EUR)')"
>
Honduras (EUR)
</option>
<option
value=" Hong Kong SAR (EUR)"
data-iso-code="HK"
@click="selectOption(' Hong Kong SAR (EUR)')"
>
Hong Kong SAR (EUR)
</option>
<option
value=" Hungary (EUR)"
data-iso-code="HU"
@click="selectOption(' Hungary (EUR)')"
>
Hungary (EUR)
</option>
<option
value=" Iceland (EUR)"
data-iso-code="IS"
@click="selectOption(' Iceland (EUR)')"
>
Iceland (EUR)
</option>
<option
value=" India (EUR)"
data-iso-code="IN"
@click="selectOption(' India (EUR)')"
>
India (EUR)
</option>
<option
value=" Indonesia (EUR)"
data-iso-code="ID"
@click="selectOption(' Indonesia (EUR)')"
>
Indonesia (EUR)
</option>
<option
value=" Iraq (EUR)"
data-iso-code="IQ"
@click="selectOption(' Iraq (EUR)')"
>
Iraq (EUR)
</option>
<option
value=" Ireland (EUR)"
data-iso-code="IE"
@click="selectOption(' Ireland (EUR)')"
>
Ireland (EUR)
</option>
<option
value=" Israel (EUR)"
data-iso-code="IL"
@click="selectOption(' Israel (EUR)')"
>
Israel (EUR)
</option>
<option
value=" Italy (EUR)"
data-iso-code="IT"
@click="selectOption(' Italy (EUR)')"
>
Italy (EUR)
</option>
<option
value=" Jamaica (EUR)"
data-iso-code="JM"
@click="selectOption(' Jamaica (EUR)')"
>
Jamaica (EUR)
</option>
<option
value=" Japan (EUR)"
data-iso-code="JP"
@click="selectOption(' Japan (EUR)')"
>
Japan (EUR)
</option>
<option
value=" Kazakhstan (EUR)"
data-iso-code="KZ"
@click="selectOption(' Kazakhstan (EUR)')"
>
Kazakhstan (EUR)
</option>
<option
value=" Kenya (EUR)"
data-iso-code="KE"
@click="selectOption(' Kenya (EUR)')"
>
Kenya (EUR)
</option>
<option
value=" Kiribati (EUR)"
data-iso-code="KI"
@click="selectOption(' Kiribati (EUR)')"
>
Kiribati (EUR)
</option>
<option
value=" Kyrgyzstan (EUR)"
data-iso-code="KG"
@click="selectOption(' Kyrgyzstan (EUR)')"
>
Kyrgyzstan (EUR)
</option>
<option
value=" Latvia (EUR)"
data-iso-code="LV"
@click="selectOption(' Latvia (EUR)')"
>
Latvia (EUR)
</option>
<option
value=" Lebanon (EUR)"
data-iso-code="LB"
@click="selectOption(' Lebanon (EUR)')"
>
Lebanon (EUR)
</option>
<option
value=" Lesotho (EUR)"
data-iso-code="LS"
@click="selectOption(' Lesotho (EUR)')"
>
Lesotho (EUR)
</option>
<option
value=" Liberia (EUR)"
data-iso-code="LR"
@click="selectOption(' Liberia (EUR)')"
>
Liberia (EUR)
</option>
<option
value=" Libya (EUR)"
data-iso-code="LY"
@click="selectOption(' Libya (EUR)')"
>
Libya (EUR)
</option>
<option
value=" Liechtenstein (EUR)"
data-iso-code="LI"
@click="selectOption(' Liechtenstein (EUR)')"
>
Liechtenstein (EUR)
</option>
<option
value=" Lithuania (EUR)"
data-iso-code="LT"
@click="selectOption(' Lithuania (EUR)')"
>
Lithuania (EUR)
</option>
<option
value=" Luxembourg (EUR)"
data-iso-code="LU"
@click="selectOption(' Luxembourg (EUR)')"
>
Luxembourg (EUR)
</option>
<option
value=" Macao SAR (EUR)"
data-iso-code="MO"
@click="selectOption(' Macao SAR (EUR)')"
>
Macao SAR (EUR)
</option>
<option
value=" Madagascar (EUR)"
data-iso-code="MG"
@click="selectOption(' Madagascar (EUR)')"
>
Madagascar (EUR)
</option>
<option
value=" Malawi (EUR)"
data-iso-code="MW"
@click="selectOption(' Malawi (EUR)')"
>
Malawi (EUR)
</option>
<option
value=" Malaysia (EUR)"
data-iso-code="MY"
@click="selectOption(' Malaysia (EUR)')"
>
Malaysia (EUR)
</option>
<option
value=" Maldives (EUR)"
data-iso-code="MV"
@click="selectOption(' Maldives (EUR)')"
>
Maldives (EUR)
</option>
<option
value=" Mali (EUR)"
data-iso-code="ML"
@click="selectOption(' Mali (EUR)')"
>
Mali (EUR)
</option>
<option
value=" Malta (EUR)"
data-iso-code="MT"
@click="selectOption(' Malta (EUR)')"
>
Malta (EUR)
</option>
<option
value=" Martinique (EUR)"
data-iso-code="MQ"
@click="selectOption(' Martinique (EUR)')"
>
Martinique (EUR)
</option>
<option
value=" Mauritania (EUR)"
data-iso-code="MR"
@click="selectOption(' Mauritania (EUR)')"
>
Mauritania (EUR)
</option>
<option
value=" Mauritius (EUR)"
data-iso-code="MU"
@click="selectOption(' Mauritius (EUR)')"
>
Mauritius (EUR)
</option>
<option
value=" Mexico (EUR)"
data-iso-code="MX"
@click="selectOption(' Mexico (EUR)')"
>
Mexico (EUR)
</option>
<option
value=" Monaco (EUR)"
data-iso-code="MC"
@click="selectOption(' Monaco (EUR)')"
>
Monaco (EUR)
</option>
<option
value=" Mongolia (EUR)"
data-iso-code="MN"
@click="selectOption(' Mongolia (EUR)')"
>
Mongolia (EUR)
</option>
<option
value=" Montenegro (EUR)"
data-iso-code="ME"
@click="selectOption(' Montenegro (EUR)')"
>
Montenegro (EUR)
</option>
<option
value=" Morocco (EUR)"
data-iso-code="MA"
@click="selectOption(' Morocco (EUR)')"
>
Morocco (EUR)
</option>
<option
value=" Mozambique (EUR)"
data-iso-code="MZ"
@click="selectOption(' Mozambique (EUR)')"
>
Mozambique (EUR)
</option>
<option
value=" Myanmar (Burma) (EUR)"
data-iso-code="MM"
@click="selectOption(' Myanmar (Burma) (EUR)')"
>
Myanmar (Burma) (EUR)
</option>
<option
value=" Namibia (EUR)"
data-iso-code="NA"
@click="selectOption(' Namibia (EUR)')"
>
Namibia (EUR)
</option>
<option
value=" Nauru (EUR)"
data-iso-code="NR"
@click="selectOption(' Nauru (EUR)')"
>
Nauru (EUR)
</option>
<option
value=" Nepal (EUR)"
data-iso-code="NP"
@click="selectOption(' Nepal (EUR)')"
>
Nepal (EUR)
</option>
<option
value=" Netherlands (EUR)"
data-iso-code="NL"
@click="selectOption(' Netherlands (EUR)')"
>
Netherlands (EUR)
</option>
<option
value=" New Caledonia (EUR)"
data-iso-code="NC"
@click="selectOption(' New Caledonia (EUR)')"
>
New Caledonia (EUR)
</option>
<option
value=" New Zealand (EUR)"
data-iso-code="NZ"
@click="selectOption(' New Zealand (EUR)')"
>
New Zealand (EUR)
</option>
<option
value=" Nicaragua (EUR)"
data-iso-code="NI"
@click="selectOption(' Nicaragua (EUR)')"
>
Nicaragua (EUR)
</option>
<option
value=" Niger (EUR)"
data-iso-code="NE"
@click="selectOption(' Niger (EUR)')"
>
Niger (EUR)
</option>
<option
value=" Nigeria (EUR)"
data-iso-code="NG"
@click="selectOption(' Nigeria (EUR)')"
>
Nigeria (EUR)
</option>
<option
value=" Niue (EUR)"
data-iso-code="NU"
@click="selectOption(' Niue (EUR)')"
>
Niue (EUR)
</option>
<option
value=" North Macedonia (EUR)"
data-iso-code="MK"
@click="selectOption(' North Macedonia (EUR)')"
>
North Macedonia (EUR)
</option>
<option
value=" Norway (EUR)"
data-iso-code="NO"
@click="selectOption(' Norway (EUR)')"
>
Norway (EUR)
</option>
<option
value=" Oman (EUR)"
data-iso-code="OM"
@click="selectOption(' Oman (EUR)')"
>
Oman (EUR)
</option>
<option
value=" Pakistan (EUR)"
data-iso-code="PK"
@click="selectOption(' Pakistan (EUR)')"
>
Pakistan (EUR)
</option>
<option
value=" Panama (EUR)"
data-iso-code="PA"
@click="selectOption(' Panama (EUR)')"
>
Panama (EUR)
</option>
<option
value=" Paraguay (EUR)"
data-iso-code="PY"
@click="selectOption(' Paraguay (EUR)')"
>
Paraguay (EUR)
</option>
<option
value=" Peru (EUR)"
data-iso-code="PE"
@click="selectOption(' Peru (EUR)')"
>
Peru (EUR)
</option>
<option
value=" Poland (EUR)"
data-iso-code="PL"
@click="selectOption(' Poland (EUR)')"
>
Poland (EUR)
</option>
<option
value=" Portugal (EUR)"
data-iso-code="PT"
@click="selectOption(' Portugal (EUR)')"
>
Portugal (EUR)
</option>
<option
value=" Qatar (EUR)"
data-iso-code="QA"
@click="selectOption(' Qatar (EUR)')"
>
Qatar (EUR)
</option>
<option
value=" Réunion (EUR)"
data-iso-code="RE"
@click="selectOption(' Réunion (EUR)')"
>
Réunion (EUR)
</option>
<option
value=" Romania (EUR)"
data-iso-code="RO"
@click="selectOption(' Romania (EUR)')"
>
Romania (EUR)
</option>
<option
value=" Russia (EUR)"
data-iso-code="RU"
@click="selectOption(' Russia (EUR)')"
>
Russia (EUR)
</option>
<option
value=" Rwanda (EUR)"
data-iso-code="RW"
@click="selectOption(' Rwanda (EUR)')"
>
Rwanda (EUR)
</option>
<option
value=" Samoa (EUR)"
data-iso-code="WS"
@click="selectOption(' Samoa (EUR)')"
>
Samoa (EUR)
</option>
<option
value=" San Marino (EUR)"
data-iso-code="SM"
@click="selectOption(' San Marino (EUR)')"
>
San Marino (EUR)
</option>
<option
value=" Saudi Arabia (EUR)"
data-iso-code="SA"
@click="selectOption(' Saudi Arabia (EUR)')"
>
Saudi Arabia (EUR)
</option>
<option
value=" Senegal (EUR)"
data-iso-code="SN"
@click="selectOption(' Senegal (EUR)')"
>
Senegal (EUR)
</option>
<option
value=" Serbia (EUR)"
data-iso-code="RS"
@click="selectOption(' Serbia (EUR)')"
>
Serbia (EUR)
</option>
<option
value=" Sierra Leone (EUR)"
data-iso-code="SL"
@click="selectOption(' Sierra Leone (EUR)')"
>
Sierra Leone (EUR)
</option>
<option
value=" Singapore (EUR)"
data-iso-code="SG"
@click="selectOption(' Singapore (EUR)')"
>
Singapore (EUR)
</option>
<option
value=" Slovakia (EUR)"
data-iso-code="SK"
@click="selectOption(' Slovakia (EUR)')"
>
Slovakia (EUR)
</option>
<option
value=" Slovenia (EUR)"
data-iso-code="SI"
@click="selectOption(' Slovenia (EUR)')"
>
Slovenia (EUR)
</option>
<option
value=" South Africa (EUR)"
data-iso-code="ZA"
@click="selectOption(' South Africa (EUR)')"
>
South Africa (EUR)
</option>
<option
value=" South Korea (EUR)"
data-iso-code="KR"
@click="selectOption(' South Korea (EUR)')"
>
South Korea (EUR)
</option>
<option
value=" Spain (EUR)"
data-iso-code="ES"
@click="selectOption(' Spain (EUR)')"
>
Spain (EUR)
</option>
<option
value=" Sri Lanka (EUR)"
data-iso-code="LK"
@click="selectOption(' Sri Lanka (EUR)')"
>
Sri Lanka (EUR)
</option>
<option
value=" St. Barthélemy (EUR)"
data-iso-code="BL"
@click="selectOption(' St. Barthélemy (EUR)')"
>
St. Barthélemy (EUR)
</option>
<option
value=" St. Kitts & Nevis (EUR)"
data-iso-code="KN"
@click="selectOption(' St. Kitts & Nevis (EUR)')"
>
St. Kitts & Nevis (EUR)
</option>
<option
value=" St. Lucia (EUR)"
data-iso-code="LC"
@click="selectOption(' St. Lucia (EUR)')"
>
St. Lucia (EUR)
</option>
<option
value=" St. Martin (EUR)"
data-iso-code="MF"
@click="selectOption(' St. Martin (EUR)')"
>
St. Martin (EUR)
</option>
<option
value=" Suriname (EUR)"
data-iso-code="SR"
@click="selectOption(' Suriname (EUR)')"
>
Suriname (EUR)
</option>
<option
value=" Sweden (EUR)"
data-iso-code="SE"
@click="selectOption(' Sweden (EUR)')"
>
Sweden (EUR)
</option>
<option
value=" Switzerland (CHF)"
data-iso-code="CH"
@click="selectOption(' Switzerland (CHF)')"
>
Switzerland (CHF)
</option>
<option
value=" Taiwan (EUR)"
data-iso-code="TW"
@click="selectOption(' Taiwan (EUR)')"
>
Taiwan (EUR)
</option>
<option
value=" Thailand (EUR)"
data-iso-code="TH"
@click="selectOption(' Thailand (EUR)')"
>
Thailand (EUR)
</option>
<option
value=" Tonga (EUR)"
data-iso-code="TO"
@click="selectOption(' Tonga (EUR)')"
>
Tonga (EUR)
</option>
<option
value=" Tunisia (EUR)"
data-iso-code="TN"
@click="selectOption(' Tunisia (EUR)')"
>
Tunisia (EUR)
</option>
<option
value=" Türkiye (EUR)"
data-iso-code="TR"
@click="selectOption(' Türkiye (EUR)')"
>
Türkiye (EUR)
</option>
<option
value=" Tuvalu (EUR)"
data-iso-code="TV"
@click="selectOption(' Tuvalu (EUR)')"
>
Tuvalu (EUR)
</option>
<option
value=" Uganda (EUR)"
data-iso-code="UG"
@click="selectOption(' Uganda (EUR)')"
>
Uganda (EUR)
</option>
<option
value=" Ukraine (EUR)"
data-iso-code="UA"
@click="selectOption(' Ukraine (EUR)')"
>
Ukraine (EUR)
</option>
<option
value=" United Arab Emirates (EUR)"
data-iso-code="AE"
@click="selectOption(' United Arab Emirates (EUR)')"
>
United Arab Emirates (EUR)
</option>
<option
value=" United Kingdom (GBP)"
data-iso-code="GB"
@click="selectOption(' United Kingdom (GBP)')"
>
United Kingdom (GBP)
</option>
<option
value=" United States (USD)"
data-iso-code="US"
@click="selectOption(' United States (USD)')"
>
United States (USD)
</option>
<option
value=" Uruguay (EUR)"
data-iso-code="UY"
@click="selectOption(' Uruguay (EUR)')"
>
Uruguay (EUR)
</option>
<option
value=" Vanuatu (EUR)"
data-iso-code="VU"
@click="selectOption(' Vanuatu (EUR)')"
>
Vanuatu (EUR)
</option>
<option
value=" Venezuela (EUR)"
data-iso-code="VE"
@click="selectOption(' Venezuela (EUR)')"
>
Venezuela (EUR)
</option>
<option
value=" Vietnam (EUR)"
data-iso-code="VN"
@click="selectOption(' Vietnam (EUR)')"
>
Vietnam (EUR)
</option>
<option
value=" Wallis & Futuna (EUR)"
data-iso-code="WF"
@click="selectOption(' Wallis & Futuna (EUR)')"
>
Wallis & Futuna (EUR)
</option>
<option
value=" Yemen (EUR)"
data-iso-code="YE"
@click="selectOption(' Yemen (EUR)')"
>
Yemen (EUR)
</option>
<option
value=" Zambia (EUR)"
data-iso-code="ZM"
@click="selectOption(' Zambia (EUR)')"
>
Zambia (EUR)
</option>
<option
value=" Zimbabwe (EUR)"
data-iso-code="ZW"
@click="selectOption(' Zimbabwe (EUR)')"
>
Zimbabwe (EUR)
</option>
</select>
</div>
<div id="language_dropdown">
<select
x-data="dropdown"
x-init="selectedOption = 'English'"
x-ignore
x-component="dropdown"
class="country-selector__dropdown--languagegeo-ip dropdown__select"
id="language_dropdown-decoupled"
data-id="language_dropdown-decoupled"
data-search-placeholder="Search for a country"
data-search-placeholder-language="Search for a language"
client:idle
>
<option value="">English</option>
<option
value="English"
selected
data-language="en"
@click="selectOption('English')"
>
English
</option>
<option
value="Français"
data-language="fr"
@click="selectOption('Français')"
>
Français
</option>
</select>
</div>
</div>
<button
class="button button-dark"
@click.prevent="onConfirm()"
>
Go!
</button><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" x-ref="localizationForm"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/?srsltid=AfmBOoqVHbFZ8OaBMrBf9wxYmlorNXRVVioZDxaGIGq4pMrWaSDAUz7f" /><input type="hidden" name="country_code" value="FR" x-ref="countryInput">
<input type="hidden" name="locale_code" value="en" x-ref="languageInput"></form></div>
</template>
</div>
<button
class="country-selector__overlay"
tabindex="-1"
aria-hidden="true"
type="button"
@click.prevent="close()"
x-cloak
></button>
</div>
<div
x-data="{ showNewsletterPopup: false, init() { console.log('🎯 Newsletter popup Alpine component initialized') window.addEventListener('open-newsletter-popup', (e) => { console.log('📥 Event open-newsletter-popup reçu', e) this.showNewsletterPopup = true console.log('✅ showNewsletterPopup set to true') }) } }"
x-show="showNewsletterPopup"
x-cloak
class="newsletter-popup-overlay"
@click.self="showNewsletterPopup = false; console.log('❌ Popup fermée par click overlay')"
style="display: none;"
x-transition:enter="popup-enter"
x-transition:enter-end="popup-enter-end"
x-transition:leave="popup-leave"
x-transition:leave-end="popup-leave-end"
>
<div class="newsletter-popup">
<button
type="button"
class="newsletter-popup__close"
@click="showNewsletterPopup = false; console.log('❌ Popup fermée par bouton close')"
aria-label="Close"
>
<!-- /snippets_use-svg.liquid -->
<svg
class="icon"
>
<use xlink:href="#icon-close" x="0" y="0" />
</svg>
</button>
<div class="newsletter-popup__content">
<p class="title">Sign up now and easily save your favourite products for later!</p><div
x-data="formNewsletter"
x-ignore
x-component="form-newsletter"
client:idle
x-validate.bluronly
class="newsletter-popup__form-wrapper"
><form method="post" action="/contact#newsletter-popup-" id="newsletter-popup-" accept-charset="UTF-8" class="newsletter-popup__form" novalidate="novalidate" x-ref="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter,wishlist"><div class="form-group">
<label class="sr-only" for="newsletter-popup-email-">
Email
</label>
<input
id="newsletter-popup-email-"
type="email"
name="contact[email]"
class="input"
value=""
aria-required="true"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
x-validate.input
placeholder="Email*"
required
x-model="email"
data-error-msg="Enter a valid email"
>
</div>
<div class="newsletter-consent">
<input
id="newsletter-popup-checkbox-"
type="checkbox"
name="properties[_Sign Up For Newsletter?]"
class="checkbox"
data-error-msg="Mandatory fied"
x-validate.input
required
aria-describedby="newsletter-popup-checkbox-error-"
>
<label
class="text-11"
for="newsletter-popup-checkbox-"
>
I agree to receive Jimmy Fairly communications.
</label><style>
#newsletter-popup-checkbox- ~ .error-message,
#newsletter-popup-checkbox- ~ .error-msg,
.newsletter-consent .error-message,
.newsletter-consent .error-msg {
display: none !important;
}
</style>
</div>
<div
id="newsletter-popup-checkbox-error-"
class="form__error-message text-11"
role="alert"
style="display: none;"
>
Mandatory fied
</div>
<script>
(function() {
const checkbox = document.querySelector('#newsletter-popup-checkbox-');
const errorDiv = document.querySelector('#newsletter-popup-checkbox-error-');
const form = checkbox?.closest('form');
if (!checkbox || !errorDiv || !form) return;
function checkValidity() {
if (!checkbox.checked && !checkbox.validity.valid) {
errorDiv.style.display = 'block';
} else {
errorDiv.style.display = 'none';
}
}
form.addEventListener('submit', function(e) {
checkValidity();
if (!checkbox.validity.valid) {
e.preventDefault();
}
});
checkbox.addEventListener('change', checkValidity);
})();
</script>
<button
@click.prevent="onSubmit"
type="submit"
class="newsletter-popup__submit button button-dark"
name="commit"
aria-label="Subscribe "
>
Continue
</button><input type="hidden" name="contact[customer_id]" value=""></form></div>
</div>
</div>
</div>
<style> .card-product__associated-tag {color: #ffffff; mix-blend-mode: difference;} .card-product__associated-tag img {display: none;} </style>
<div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block"><script>
(function () {
const cartAttributes = {};
// Helper function to retrieve the UTM from Url
function getUTMFromUrl() {
const url_string = window.location.href;
const url = new URL(url_string);
const utm_id = url.searchParams.get("utm_id");
const utm_source = url.searchParams.get("utm_source");
const utm_medium = url.searchParams.get("utm_medium");
const utm_campaign = url.searchParams.get("utm_campaign");
const utm_term = url.searchParams.get("utm_term");
const ref = url.searchParams.get("ref");
if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
return null;
}
let utmParameters = {
// Double underscore `__` to make it private
utm_data_source: "checkout_promotions_url_bar",
};
if (utm_id) {
utmParameters.utm_id = utm_id;
}
if (utm_source) {
utmParameters.utm_source = utm_source;
}
if (utm_medium) {
utmParameters.utm_medium = utm_medium;
}
if (utm_campaign) {
utmParameters.utm_campaign = utm_campaign;
}
if (utm_term) {
utmParameters.utm_term = utm_term;
}
if (ref) {
utmParameters.ref = ref;
}
return Object.keys(utmParameters).length === 1
? null
: utmParameters;
}
// Helper function to retrieve the UTM from Cookie
function getUTMAttributes() {
const urlUtmParams = getUTMFromUrl();
if (urlUtmParams) {
return urlUtmParams;
}
// No longer reading from deprecated Shopify cookies
return undefined;
}
function saveUtmParameters() {
const utmParams = getUTMAttributes();
if (utmParams) {
const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
if (cartHasUtmAttributes) {
// Don't call API if it already contains our UTM parameters
return;
}
// Handle both Shopify.routes.root and routes.root_url for better compatibility
var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root)
|| (window.routes && window.routes.root_url)
|| '/';
var updateCart = fetch(rootUrl + 'cart/update.js',
{
headers: {
'Content-Type': 'application/json',
},
method: "POST",
body: JSON.stringify({
attributes: {
...utmParams
},
})
})
.then(response => response.json())
.then(data => {
return data
});
}
}
saveUtmParameters();
})();
</script>
</div></body>
</html>
