https://www.hubblecontacts.com/component---src-pages-glasses-shop-…round-face-shape-js-463df84b06e02bb25296.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[5441],{10460:function(e,t,a){var s=a(96540),r=a(98162),l=a(500),n=a(82074),i=a(80431);const c={orange:"assets/GlassesHeading/Hubble-Glasses-PCP-Hero-Desktop.jpg",blue:"assets/GlassesHeading/Hubble-Accessories-PCP-Hero-Desktop.png",green:"assets/GlassesHeading/Hubble-Sunlasses_PCP_Hero_Desktop.jpg"};t.A=e=>{let{color:t,title:a,description:o}=e;const m=a.includes("Eyeglasses")||a.includes("Glasses"),u=a.includes("Sunglasses"),d=(0,n.A)();return s.createElement("div",{className:"glasses-heading-container","data-color":t},d&&(m||u)&&s.createElement(l.A,{bannerClass:"promo-banner affiliate-banner",bannerText:"Get <b>25% off all frames</b> in partnership with LifeMart",bannerBG:t}),s.createElement("div",{className:"glasses-heading--background"},s.createElement(r.A,{withParallax:!0,fileName:c[t]})),s.createElement("div",{className:"grid-section"},(m||u)&&s.createElement("p",{className:`subheading ${t}`},"NOW STARTING AT $",m?49.99:u&&59.99),s.createElement("h1",{className:"text h2 bulky-wide heading"},a),s.createElement("p",{className:"description text neue","data-type":m?"glasses":u?"sunglasses":""},o),(m||u)&&s.createElement(i.A,{label:!0,text:"New reduced price",color:t})))}},14211:function(e,t,a){var s=a(96540),r=a(98162);t.A=e=>{let{title:t,right_side_text:a,list_items:l,optional_image:n,color:i,optional_image_alt_text:c}=e;const o=`Pages/PCP/${n}`;return s.createElement("div",{className:"product-banner"},s.createElement("div",{className:"optional-image"},s.createElement(r.A,{withParallax:!0,fileName:o,alt:c})),s.createElement("div",{className:"optional-text"},s.createElement("div",{className:"title"},s.createElement("h2",{className:"text h3"},t)),s.createElement("div",{className:"description"},s.createElement("h5",{className:"subtitle text h5",dangerouslySetInnerHTML:{__html:a}}),l&&s.createElement("ol",{className:"features-list"},l.map(((e,t)=>s.createElement("li",{className:"list-item",key:t},s.createElement("div",{className:"number text h8 neutral white","data-color":i},t+1),s.createElement("p",{className:"text neue h7",dangerouslySetInnerHTML:{__html:e}}))))))))}},26201:function(e,t,a){a.d(t,{B4:function(){return m},Uz:function(){return u},h_:function(){return c},pJ:function(){return o},qh:function(){return i}});var s=a(96540),r=a(56678),l=a(98162);const n=(e,t)=>null==t?void 0:t.some((t=>t===e)),i=e=>{let{filter:t,setFilter:a,type:i}=e;return s.createElement("div",{className:"width-filters centered"},r.u.width.list.map(((e,r)=>{let{label:c,value:o}=e;const m=n(o,t),u=`assets/FilterTypes/width/${i}-${c}.png`;return s.createElement("a",{className:("filter-item "+(m?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(o)},key:r},s.createElement(l.A,{className:"background-image",wrapperClassName:"background-image",fileName:u}),s.createElement("span",{className:("text h8 "+(m?"bulky":"neutral")).trim()},c))})))},c=e=>{let{filter:t,setFilter:a,type:i}=e;return s.createElement("div",{className:"shape-filters"},r.u.shape.list.map(((e,r)=>{let{label:c,value:o}=e;const m=n(o,t),u=`assets/FilterTypes/shape/${i}-${o}.png`;return s.createElement("a",{className:("filter-item "+(m?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(o)},key:r},s.createElement(l.A,{className:"background-image",wrapperClassName:"background-image",fileName:u}),s.createElement("span",{className:("text h8 "+(m?"bulky":"neutral")).trim()},c))})))},o=e=>{let{filter:t,setFilter:a}=e;return s.createElement("div",{className:"color-filters"},r.u.color.list.map(((e,r)=>{let{label:i,value:c}=e;const o=n(c,t),m=`assets/FilterTypes/colors/${c}.png`;return s.createElement("a",{className:("filter-item "+(o?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(c)},key:r},s.createElement(l.A,{fileName:m,alt:""}),s.createElement("span",{className:("text h8 "+(o?"bulky":"neutral")).trim()},i))})))},m=e=>{let{filter:t,setFilter:a,type:l}=e;return s.createElement("div",{className:"brand-filters centered"},r.u.brand.list.map(((e,r)=>{let{label:l,value:i}=e;const c=n(i,t);return s.createElement("a",{className:("filter-item "+(c?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(i)},key:r},s.createElement("span",{className:("text h8 "+(c?"bulky":"neutral")).trim()},l))})))},u=e=>{let{filter:t,setFilter:a,type:l}=e;return s.createElement("div",{className:"lens-filters centered"},r.u.lenseType.list.map(((e,r)=>{let{label:l,value:i}=e;const c=n(i,t);return s.createElement("a",{className:("filter-item "+(c?"active":"")).trim(),onClick:e=>{e.preventDefault(),a(i)},key:r},s.createElement("span",{className:("text h8 "+(c?"bulky":"neutral")).trim()},l))})))}},35317:function(e,t,a){a.d(t,{g:function(){return o},A:function(){return m}});var s=a(96540),r=a(62602),l=a(90279),n=a(67092),i=a(46335);var c=e=>{let{currentRow:t,isOdd:a,type:r}=e;const{0:l,1:c}

1=(0,s.useState)("/sunglasses"),{0:o,1:m}=(0,s.useState)("Starting at $59.99"),{0:u,1:d}=(0,s.useState)("The Hubble frames you love with polarized lenses that block 99% of UVA/UVB rays."),{0:p,1:h}=(0,s.useState)("Shop Sunglasses");return(0,s.useEffect)((()=>{"glasses"===r?(m("Prescription Sunglasses Starting at $59.99"),d("The Hubble frames you love with polarized lenses that block 99% of UVA/UVB rays."),h("Shop Now"),a&&(h("Shop Now"),c("/contact-lenses/hubble"))):"sunglasses"===r&&a?(h("Shop Now"),c("/contact-lenses/hubble")):(m("Look Good - See Better"),d("High-quality lenses. Stylish, on-trend frames. The look you want for less. Starting at just $49.99."),h("Shop Now"),c("/glasses"))}),[r]),s.createElement("div",{className:"glasses-promo",style:{gridRow:t},"data-odd":!!a,"data-type":r},s.createElement("div",{className:`text-block ${a&&"blue"}`},s.createElement("div",{className:"text-container"},!!a&&s.createElement("h5",{className:"title text h5 white"},"Get contact lenses. Right to your door. Right when you need them."),!a&&s.createElement("h5",{className:"title text h5 white"},o),!!a&&s.createElement("p",{className:"description text h7 neue white"},"Easily alternate between glasses and lenses with our no-fuss subscription and home delivery."),!a&&s.createElement("p",{className:"description text h7 neue white"},u)),s.createElement(n.A,{label:`${p}`,to:l})),s.createElement(i.A,{className:"image-block-wrapper"},s.createElement("div",{className:"image-block"})))};const o=e=>{let{items:t,colsNumber:a,type:n,color:i,gender:o,isKids:m}=e;return s.createElement("div",{className:"products-list","data-cols":a},t.map(((e,t)=>{const u=t+1,d=u%(4===a?m?5:6:4),p=Math.trunc(u/(4===a?3:2)),h=u/(4===a?6:4)%2;return d?s.createElement(s.Fragment,null,"accessory"===n?s.createElement(l.A,{type:n,product:e,key:t,position:t+1}):s.createElement(r.A,{type:n,product:e,key:e.shopifyProductId,color:i,gender:o,position:t+1})):h||a<3?s.createElement(s.Fragment,{key:e.shopifyProductId},"accessory"===n?s.createElement(l.A,{type:n,product:e,key:t,position:t+1}):s.createElement(r.A,{type:n,product:e,color:i,gender:o,position:t+1}),t<=10&&s.createElement(c,{isOdd:h,type:"accessory"===n?"sunglasses":n})):s.createElement(s.Fragment,{key:e.shopifyProductId},"accessory"===n?s.createElement(l.A,{type:n,product:e,key:t,position:t+1}):s.createElement(r.A,{type:n,product:e,color:i,gender:o,position:t+1}),s.createElement(c,{currentRow:p,isOdd:h,type:"accessory"===n?"sunglasses":n}))})))};var m=e=>{let{glasses:t,type:a,color:r,gender:l,isKids:n}=e;return s.createElement(s.Fragment,null,s.createElement(o,{type:a,colsNumber:4,items:t,color:r,gender:l,isKids:n}),s.createElement(o,{type:a,colsNumber:3,items:t,color:r,gender:l,isKids:n}),s.createElement(o,{type:a,colsNumber:2,items:t,color:r,gender:l,isKids:n}),s.createElement(o,{type:a,colsNumber:1,items:t,color:r,gender:l,isKids:n}))}},59391:function(e,t,a){a.r(t);var s=a(96540),r=a(36610),l=a(77528),n=a(10460),i=a(37788),c=a(87584),o=a(35317),m=a(14211),u=a(79085),d=a(21977);t.default=e=>{let{data:t,location:a}=e;const p=t.hubbleapi.hubbleFrameProducts.filter((e=>{let{collectionString:t}=e;const a=t.split(",");return a.includes("Hubble")&&!a.includes("Modern")})),{setHeaderColor:h}=(0,s.useContext)(d.Ay),f={price:[],width:["round"],shape:[],material:[],color:[],gender:[]};new URLSearchParams(a.search).forEach(((e,t)=>{f[t]=e.split(",")}));const{0:g,1:b}=(0,s.useState)(f),y=(0,u.d7)(g,500);(0,s.useEffect)((()=>{new URLSearchParams(a.search).forEach(((e,t)=>{f[t]=e.split(",")})),b(f)}),[a.search]),(0,s.useEffect)((()=>{}),[y]),(0,s.useEffect)((()=>(h("orange"),()=>{h("black")})),[]);const E=(0,u.mS)(p,y);(0,s.useEffect)((()=>{void 0!==typeof window&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push({event:"view_item_list",ecommerce:{items:E.map(((e,t)=>({index:t,item_id:e.shopifyProductId,item_name:e.title,currency:"USD",discount:0,item_brand:"Hubble",item_category:"frames",item_category2:"optical",item_category3:e.productGender,item_category4:e.material,item_category5:e.size,item_list_id:`${e.productGender}-Optical-By-Face-Round`,price:parseFloat(e.glassesBasePrice)})))}}))}),[E]);return s.createElement(r.A,{className:"glasses"},s.createElement(l.A,{title:"Shop Glasses for Round Face Shapes",description:"Shop the best glasses for roun

1d face shapes. We've picked out a variety of glasses that flatter round face shapes. Find your new pair of glasses for round face shapes with Hubble today!",schemaMarkup:[{"@context":"https://schema.org","@url":"https://hubblecontacts.com/shop-glasses-by-face-shape/glasses-round-face-shape","@type":"webpage",name:"Shop Glasses and Sunglasses for Round Face Shapes | Hubble",description:"Shop the best glasses and sunglasses for round face shapes. We've picked out a variety of glasses that flatter round face shapes. Find your new pair of glasses for round face shapes with Hubble today!",publisher:{"@type":"Organization",name:"Hubble Contacts"}}]}),s.createElement(n.A,{color:"orange",title:"Shop Glasses for a Round Face",description:"Accent your natural features and find your personal style with the best glasses for round faces."}),s.createElement("div",{className:"glasses-container"},s.createElement("div",{className:"grid-section"},s.createElement(i.A,{color:"orange",links:[{to:"/",label:"Homepage"},{label:"Eyeglasses"}]}),s.createElement(c.A,{type:"glasses",glassesLength:E.length,filter:g,setFilter:b}),s.createElement(o.A,{type:"glasses",glasses:E,color:g.color,gender:g.gender[0]}),s.createElement(m.A,{title:"Glasses frames for round faces from Hubble.",right_side_text:"Ever wondered what glasses are best for a round face? Look no farther than Hubble, and our extensive collection of frames, perfect for whatever look you want to rock. For round faces think of frame shapes with sharp angles that contrast the smooth facial features. Rectangular frames are a great option as are square or geometric frames, which work to a similar effect. For an eye-catching look, cat eye glasses or browline glasses also work well with a round face.<br><br>No matter which style speaks to you, you can find your perfect pair with Hubble. Plus, every pair of our glasses has impact-resistant lenses, durable barrel hinges, and padded temple tips for extra cush. Look good, see better—and feel great.",list_items:["Premium, natural fiber acetate frames that are stronger, more durable, and last longer than plastic frames.","Anti-reflective, anti-glare, anti-scratch, hydrophobic, and oleophobic coatings.","Optional blue-light filtering.","Hand-assembled and made to order glasses for round faces."],optional_image:"Hubble-Glasses-PCP-Inset-Lifestyle-Image.jpg",optional_image_alt_text:"Woman wearing Hubble eyeglasses while enjoing time at home",color:"orange"}))))}},87584:function(e,t,a){a.d(t,{A:function(){return d}});var s=a(45458),r=a(96540),l=a(89285);const n={black:"Black",blue:"Blue",gray:"Gray",gold:"Gold",green:"Green",crystal:"Crystal","multi-color":"Multi-color",pink:"Pink",red:"Red",tortoise:"Tortoise",square:"Square",round:"Round",oval:"Oval",heart:"Heart",diamond:"Diamond",aviator:"Aviator",rectangle:"Rectangular",cateye:"Cateye",narrow:"Narrow",wide:"Wide",medium:"Medium",male:"Male",female:"Female",unisex:"Unisex",kid:"Kids",kids:"Kids"},i={price:"Price",width:"Face Shape",shape:"Frame Shape",material:"Material",color:"Color"};var c=a(26201),o=a(79085);const m=e=>{let{active:t,filter:a,setFilter:l,type:n,filtersRef:o}=e;const m=(e,t)=>{let r=(0,s.A)(a[e]);r.some((e=>t===e))?r=r.filter((e=>t!==e)):r.push(t),l({...a,[e]:r})},u={width:r.createElement(c.qh,{filter:a.width,setFilter:e=>m("width",e),type:n}),shape:r.createElement(c.h_,{filter:a.shape,setFilter:e=>m("shape",e),type:n}),color:r.createElement(c.pJ,{filter:a.color,setFilter:e=>m("color",e)})},{0:d,1:p}=(0,r.useState)(Object.keys(u)[0]);return(0,r.useEffect)((()=>{t&&o.current.setAttribute("style","transform: translate(0, 0);")}),[t]),t?r.createElement("div",{className:"filter-menu",ref:o},r.createElement("div",{className:"filter-nav"},Object.keys(u).map(((e,t)=>r.createElement("a",{className:("nav-item text h8 "+(d===e?"bulky active":"neutral")).trim(),key:t,onClick:t=>{t.preventDefault(),p(e)}},i[e])))),u[d]):null},u=e=>{let{active:t,filter:a,setFilter:s}=e;if(!t)return null;return r.createElement("div",{className:"applied-filters"},r.createElement("p",{className:"heading text h9 neue"},"Applied filters:"),r.createElement("div",{className:"filters-list"},r.createElement("a",{className:"applied-filter main text h9 neue",onClick:e=>{e.preventDefault(),(()=>{const e=Object.keys(a).reduce(((e,t)=>({...e,[t]:[]})),{});s(e)})()}},"Clear All"),r.Children.toArray(Object.entries(a).map((e=>{let[t,l]=e;return l.map((e=>r.createElement("a",{className:"applied-filter"},r.createElement("span",{className:"text h9 neue white"},n[e]),r.createElement("button",{className:"remove text h9 neue",onClick:()=>((e,t)=>{const r=a[e].filter((e=>e!==t));s((t=>({...t,[e]:r})))})(t,e)},"×"))))})))))};var d=e=>{let{glassesLength:t,filter:a,setFilter:s,type:n}=e;const{0:i,1:c}=(0,r.useState)(!1),{0:d,1:p}=(0,r.useState)(),h=(0,o.SO)(),f=(0,r.useRef)(null);(0,r.useEffect)((()=>{p(h<578)}),[h]);const g=Object.entries(a).reduce(((e,t)=>{let[a,s]=t;return e+s.length}),0);return r.createElement("div",{className:"glasses-filter","data-type":n},r.createElement("div",{className:"filter-heading"},r.createElement("button",{className:("filter-button "+(i?"active":"")).trim(),onClick:()=>(()=>

1{if(i)return f.current.removeAttribute("style"),void setTimeout((()=>{c((e=>!e))}),500);d&&(0,l.A)(".glasses-filter"),c((e=>!e))})()},r.createElement("span",{className:"text h8 neutral"},"Filters "+(g?`(${g})`:"")),r.createElement("span",{className:"switcher text h6 neutral"},i?"—":"+")),r.createElement("span",{className:"showing-items text neutral"},"Showing ",t," Items")),r.createElement(m,{active:i,filter:a,setFilter:s,type:n,filtersRef:f}),r.createElement(u,{active:!i&&g,filter:a,setFilter:s}))}},89285:function(e,t){t.A=void 0;var a=function(e,t){void 0===t&&(t="start");var a=document.querySelector(e);return!!a&&(a.scrollIntoView({behavior:"smooth",block:t}),!0)};t.A=a}}]);