HTML Report for https://andrealeocouture.com/collections/silver-formal-dresses

This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change

Html Checker

Use the Message Filtering button below...

all error warnings info

Showing results for https://andrealeocouture.com/collections/silver-formal-dresses

You can view the notes... view-source:https://andrealeocouture.com/collections/silver-formal-dresses

#	results
1	Error A slash was not immediately followed by >. On line 1, column 9 <https://cdn.sh
2	Error A slash was not immediately followed by >. On line 1, column 10 <https://cdn.sho
3	Error Start tag seen without seeing a doctype first. Expected . On line 1, column 25 <https://cdn.shopify.com>; rel=
4	Info Element name https: cannot be represented as XML 1.0. On line 1, column 25 <https://cdn.shopify.com>; rel=
5	Error A slash was not immediately followed by >. On line 1, column 54 opify.com>; rel="preconnect", <https://cdn.sh
6	Error A slash was not immediately followed by >. On line 1, column 55 <https://cdn.sho
7	Info Element name https: cannot be represented as XML 1.0. On line 1, column 70 <https://cdn.shopify.com>; rel=
8	Error A slash was not immediately followed by >. On line 1, column 112 opify.com>; rel="preconnect"; crossorigin, <https://cdn.sh
9	Error A slash was not immediately followed by >. On line 1, column 113 <https://cdn.sho
10	Error A slash was not immediately followed by >. On line 1, column 129 <https://cdn.shopify.com/extensi
11	Error A slash was not immediately followed by >. On line 1, column 140 pify.com/extensions/302c2d5
12	Error A slash was not immediately followed by >. On line 1, column 177 tensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-p
13	Error A slash was not immediately followed by >. On line 1, column 209 e628aa29/smart-product-filter-search-109/assets/
14	Error A slash was not immediately followed by >. On line 1, column 216 arch-109/assets/globo.f
15	Info Attribute 302c2d51-5074-433c-9e91-bf7fe628aa29 is not serializable as XML 1.0. On line 1, column 232 9/assets/globo.filter.css>; as="
16	Info Element name https: cannot be represented as XML 1.0. On line 1, column 232 9/assets/globo.filter.css>; as="
17	Error A slash was not immediately followed by >. On line 1, column 270 ilter.css>; as="style"; rel="preload", <https://cdn.sh
18	Error A slash was not immediately followed by >. On line 1, column 271 <https://cdn.sho
19	Error A slash was not immediately followed by >. On line 1, column 287 <https://cdn.shopify.com/extensi
20	Error A slash was not immediately followed by >. On line 1, column 298 pify.com/extensions/302c2d5
21	Error A slash was not immediately followed by >. On line 1, column 335 tensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-p
22	Error A slash was not immediately followed by >. On line 1, column 367 e628aa29/smart-product-filter-search-109/assets/
23	Error A slash was not immediately followed by >. On line 1, column 374 arch-109/assets/globo.s
24	Info Attribute 302c2d51-5074-433c-9e91-bf7fe628aa29 is not serializable as XML 1.0. On line 1, column 390 9/assets/globo.search.css>; as="
25	Info Element name https: cannot be represented as XML 1.0. On line 1, column 390 9/assets/globo.search.css>; as="
26	Error A slash was not immediately followed by >. On line 1, column 428 earch.css>; as="style"; rel="preload", <https://cdn.sh
27	Error A slash was not immediately followed by >. On line 1, column 429 <https://cdn.sho
28	Error A slash was not immediately followed by >. On line 1, column 445 <https://cdn.shopify.com/extensi
29	Error A slash was not immediately followed by >. On line 1, column 456 pify.com/extensions/302c2d5
30	Error A slash was not immediately followed by >. On line 1, column 493 tensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-p
31	Error A slash was not immediately followed by >. On line 1, column 525 e628aa29/smart-product-filter-search-109/assets/
32	Error A slash was not immediately followed by >. On line 1, column 532 arch-109/assets/globo.f
33	Info Attribute 302c2d51-5074-433c-9e91-bf7fe628aa29 is not serializable as XML 1.0. On line 1, column 547 9/assets/globo.filter.js>; as="
34	Info Element name https: cannot be represented as XML 1.0. On line 1, column 547 9/assets/globo.filter.js>; as="
35	Error A slash was not immediately followed by >. On line 1, column 586 filter.js>; as="script"; rel="preload", <https://cdn.sh
36	Error A slash was not immediately followed by >. On line 1, column 587 <https://cdn.sho
37	Error A slash was not immediately followed by >. On line 1, column 603 <https://cdn.shopify.com/extensi
38	Error A slash was not immediately followed by >. On line 1, column 614 pify.com/extensions/302c2d5
39	Error A slash was not immediately followed by >. On line 1, column 651 tensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-p
40	Error A slash was not immediately followed by >. On line 1, column 683 e628aa29/smart-product-filter-search-109/assets/
41	Error A slash was not immediately followed by >. On line 1, column 690 arch-109/assets/globo.f
42	Info Attribute 302c2d51-5074-433c-9e91-bf7fe628aa29 is not serializable as XML 1.0. On line 1, column 713 9/assets/globo.filter.759.min.js>; as="
43	Info Element name https: cannot be represented as XML 1.0. On line 1, column 713 9/assets/globo.filter.759.min.js>; as="
44	Error A slash was not immediately followed by >. On line 1, column 752 59.min.js>; as="script"; rel="preload", <https://cdn.sh
45	Error A slash was not immediately followed by >. On line 1, column 753 <https://cdn.sho
46	Error A slash was not immediately followed by >. On line 1, column 769 <https://cdn.shopify.com/extensi
47	Error A slash was not immediately followed by >. On line 1, column 780 pify.com/extensions/302c2d5
48	Error A slash was not immediately followed by >. On line 1, column 817 tensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-p
49	Error A slash was not immediately followed by >. On line 1, column 849 e628aa29/smart-product-filter-search-109/assets/
50	Error A slash was not immediately followed by >. On line 1, column 856 arch-109/assets/globo.f
51	Info Attribute 302c2d51-5074-433c-9e91-bf7fe628aa29 is not serializable as XML 1.0. On line 1, column 882 9/assets/globo.filter.filter.min.js>; as="
52	Info Element name https: cannot be represented as XML 1.0. On line 1, column 882 9/assets/globo.filter.filter.min.js>; as="
53	Error A slash was not immediately followed by >. On line 1, column 921 er.min.js>; as="script"; rel="preload", <https://cdn.sh
54	Error A slash was not immediately followed by >. On line 1, column 922 <https://cdn.sho
55	Error A slash was not immediately followed by >. On line 1, column 938 <https://cdn.shopify.com/extensi
56	Error A slash was not immediately followed by >. On line 1, column 949 pify.com/extensions/302c2d5
57	Error A slash was not immediately followed by >. On line 1, column 986 tensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-p
58	Error A slash was not immediately followed by >. On line 1, column 1018 e628aa29/smart-product-filter-search-109/assets/
59	Error A slash was not immediately followed by >. On line 1, column 1025 arch-109/assets/globo.f
60	Info Attribute 302c2d51-5074-433c-9e91-bf7fe628aa29 is not serializable as XML 1.0. On line 1, column 1050 9/assets/globo.filter.index.min.js>; as="
61	Info Element name https: cannot be represented as XML 1.0. On line 1, column 1050 9/assets/globo.filter.index.min.js>; as="
62	Error A slash was not immediately followed by >. On line 1, column 1089 ex.min.js>; as="script"; rel="preload", <https://cdn.sh
63	Error A slash was not immediately followed by >. On line 1, column 1090 <https://cdn.sho
64	Error A slash was not immediately followed by >. On line 1, column 1106 <https://cdn.shopify.com/extensi
65	Error A slash was not immediately followed by >. On line 1, column 1117 pify.com/extensions/302c2d5
66	Error A slash was not immediately followed by >. On line 1, column 1154 tensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-p
67	Error A slash was not immediately followed by >. On line 1, column 1186 e628aa29/smart-product-filter-search-109/assets/
68	Error A slash was not immediately followed by >. On line 1, column 1193 arch-109/assets/globo.f
69	Info Attribute 302c2d51-5074-433c-9e91-bf7fe628aa29 is not serializable as XML 1.0. On line 1, column 1219 9/assets/globo.filter.search.min.js>; as="
70	Info Element name https: cannot be represented as XML 1.0. On line 1, column 1219 9/assets/globo.filter.search.min.js>; as="
71	Error Stray doctype. On line 30, column 15 ch.min.js>; as="script"; rel="preload" etag: "cacheable:fb1a39305f29507683ff000759f68767" content-encoding: br x-cache: miss x-frame-options: DENY content-security-policy: block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests; strict-transport-security: max-age=7889238 x-shopid: 45695533209 x-shardid: 186 vary: Accept content-language: en powered-by: Shopify server-timing: processing;dur=361;desc="gc:96", db;dur=74, render;dur=115, wasm, asn;desc="62282", edge;desc="VNO", country;desc="LT", theme;desc="133786337467", pageType;desc="collection", servedBy;desc="kghq", requestID;desc="9be4cfb8-14e3-4ee2-9363-c9ff38b8a9fe-1711565753" x-shopify-stage: production x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1 x-request-id: 9be4cfb8-14e3-4ee2-9363-c9ff38b8a9fe-1711565753 cf-cache-status: DYNAMIC report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=mlIZBmW3%2FbjhtF%2FqQp9BpO4jE5bZrU26O2Z5XSdxQT0R6vs9wQENoR%2FAlXfwBmhWD430QXgVU5FD5EznH8H9Tiyku9t51jloMaUYwcwf%2FQa8Gq1NoKo5FFNjKqaP2p5CA4r5Y%2Bzjt6iWwH%2Fq5d1cIi6z"}],"group":"cf-nel","max_age":604800} nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800} x-xss-protection: 1; mode=block x-content-type-options: nosniff x-permitted-cross-domain-policies: none x-download-options: noopen server-timing: cfRequestDuration;dur=438.000202 server-timing: ipv6 server: cloudflare cf-ray: 86b198e9b9effff0-VNO alt-svc: h3=":443"; ma=86400 <!doctype html> <h
72	Error Stray start tag html. On line 32, column 63 type html> <html class="no-js" lang="en" style="scroll-behavior: smooth;"> <he
73	Error Stray start tag head. On line 33, column 8 smooth;"> <head> <scri
74	Error A charset attribute on a meta element found after the first 1024 bytes. On line 40, column 25 > <head> <script> window.KiwiSizing = window.KiwiSizing === undefined ? {} : window.KiwiSizing; KiwiSizing.shop = "evening-room.myshopify.com"; </script> <meta charset="utf-8">
75	Error Stray end tag head. On line 2984, column 7 et="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0"> <meta name="theme-color" content=""> <meta name="google-site-verification" content="sfamCTEzJiwi758KmgfPy830A3h4DTOF-4aycfTsxXE" /> <title> SILVER FORMAL DRESSES &ndash; Andrea Leo Couture </title><meta name="description" content="Prom &amp;amp; Evening Gowns"><!-- Custom Font --> <link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="canonical" href="https://andrealeocouture.com/collections/silver-formal-dresses"><link rel="shortcut icon" href="//andrealeocouture.com/cdn/shop/files/ALlogo_black_alonly_96x.png?v=1690406979" type="image/png"><meta property="og:type" content="website"> <meta property="og:title" content="SILVER FORMAL DRESSES"> <meta property="og:image" content="http://andrealeocouture.com/cdn/shop/files/A0824_midnight_n.jpg?v=1687551463"> <meta property="og:image:secure_url" content="https://andrealeocouture.com/cdn/shop/files/A0824_midnight_n.jpg?v=1687551463"> <meta property="og:image:width" content="1600"> <meta property="og:image:height" content="2400"><meta property="og:description" content="Prom &amp;amp; Evening Gowns"><meta property="og:url" content="https://andrealeocouture.com/collections/silver-formal-dresses"> <meta property="og:site_name" content="Andrea Leo Couture"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="SILVER FORMAL DRESSES"> <meta name="twitter:description" content="Prom &amp;amp; Evening Gowns"> <meta name="twitter:image" content="https://andrealeocouture.com/cdn/shop/files/A0824_midnight_n_600x600_crop_center.jpg?v=1687551463"> <style> @font-face { font-family: "Optima nova"; font-weight: 400; font-style: normal; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/optima_nova/optimanova_n4.80ce677c7e6e9f158250df66f71dccc3eed0080e.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=ec57026b4fccf87cc4e4d8949c4dc995e0b6db64c1607f836122b5788c64aa01") format("woff2"), url("//andrealeocouture.com/cdn/fonts/optima_nova/optimanova_n4.4a1f98c8389acb3d0e4e06955d971ac0cb806edb.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=432a1f794c76f363e4c4831e535d09186df29eeb85e26bce2d63a6cdf87f6271") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 400; font-style: normal; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n4.52f58bee85b3ed9230f7586fabcd39d764d4b5da.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=8ac05a5fde68727733c8466c31b63a0f8ed72155a6f113fe53303859c5a6624e") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n4.2300b55e95b4b328f7a2ab6fd4c9d3fec2957b9d.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=1adcf3cbdeb5f0bd751ca2cd16520b8b0f99a6829ff3b91d3d8db8b6c3b45f06") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 700; font-style: normal; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n7.fa245752b96e66ae9115b50816ff998ec745d98a.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=767e8b1526bd44ea48457729212563dbbfb8ed779d44f5e41e75e39020298287") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n7.715cc18300f90ef0b9b6b4d4f682308f8036860e.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=c0f9b3ee87f9358e0a03fa0b5b774d9b5f2336cfe21c7706fa42d4720506b8b7") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 400; font-style: italic; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i4.d32f3a6ecc15e6a46c928e13f37a71fbb142f687.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=9a0d4a2361a84370ce9cc2a429a5b10b2828d768b130d1d4f111f879069848da") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i4.31ccb424021c4515a5622dfb63fbc6514630e453.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=b86e37ec95d14e6545e9c69c67deffde9e94641ca315e4a2be2764886c4a283a") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 700; font-style: italic; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i7.e5dc8a26bc24bad6062a45d7d37f1904d36a209a.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=988ae4a73d52ad1e5ba5d625e15908d0436c5bddc225c635e108f23827e0eeba") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i7.f4e3e94ec9b359c108d428bb7dc48c34d0a317dd.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=ad4c37934551a809c2f5ec8948fc08812022271abd91a6a1e6fa116d58fb0fe4") format("woff"); } :root { --heading-font-family : "Optima nova", sans-serif; --heading-font-weight : 400; --heading-font-style : normal; --text-font-family : "Libre Franklin", sans-serif; --text-font-weight : 400; --text-font-style : normal; --base-text-font-size : 13px; --default-text-font-size: 14px;--background : #ffffff; --background-rgb : 255, 255, 255; --light-background : #ffffff; --light-background-rgb: 255, 255, 255; --heading-color : #222222; --text-color : #393939; --text-color-rgb : 57, 57, 57; --text-color-light : #5b5b5b; --text-color-light-rgb: 91, 91, 91; --link-color : #323232; --link-color-rgb : 50, 50, 50; --border-color : #e1e1e1; --border-color-rgb : 225, 225, 225; --button-background : rgba(0,0,0,0); --button-background-rgb: 0, 0, 0; --button-text-color : #ffffff; --header-background : #ffffff; --header-heading-color : #222222; --header-light-text-color : #222222; --header-border-color : #dedede; --footer-background : #ffffff; --footer-text-color : #403f3f; --footer-heading-color : #3d3d3d; --footer-border-color : #e2e2e2; --navigation-background : #ffffff; --navigation-background-rgb : 255, 255, 255; --navigation-text-color : #5c5c5c; --navigation-text-color-light: rgba(92, 92, 92, 0.5); --navigation-border-color : rgba(92, 92, 92, 0.25); --newsletter-popup-background : #ffffff; --newsletter-popup-text-color : #1c1b1b; --newsletter-popup-text-color-rgb : 28, 27, 27; --secondary-elements-background : #5c5c5c; --secondary-elements-background-rgb : 255, 255, 255; --secondary-elements-text-color : #ffffff; --secondary-elements-text-color-light : rgba(255, 255, 255, 0.5); --secondary-elements-border-color : rgba(255, 255, 255, 0.25); --product-sale-price-color : #f94c43; --product-sale-price-color-rgb: 249, 76, 67; /* Products / --horizontal-spacing-four-products-per-row: 20px; --horizontal-spacing-two-products-per-row : 20px; --vertical-spacing-four-products-per-row: 60px; --vertical-spacing-two-products-per-row : 75px; / Animation / --drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1); --header-base-height: 80px; / We set a default for browsers that do not support CSS variables / / Cursors / --cursor-zoom-in-svg : url(//andrealeocouture.com/cdn/shop/t/33/assets/cursor-zoom-in.svg?v=11459481310765611391704949293); --cursor-zoom-in-2x-svg : url(//andrealeocouture.com/cdn/shop/t/33/assets/cursor-zoom-in-2x.svg?v=80958546331636841701704949293); } </style> <script> // IE11 does not have support for CSS variables, so we have to polyfill them if (!(((window \|\| {}).CSS \|\| {}).supports && window.CSS.supports('(--a: 0)'))) { const script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2'; script.onload = function() { cssVars({}); }; document.getElementsByTagName('head')[0].appendChild(script); } </script> <!-- OutlinkStickyBtn CODE Start --><!-- OutlinkStickyBtn END --> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/45695533209/digital_wallets/dialog"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/silver-formal-dresses.atom" /> <link rel="alternate" hreflang="x-default" href="https://andrealeocouture.com/collections/silver-formal-dresses"> <link rel="alternate" hreflang="en-US" href="https://andrealeocouture.com/collections/silver-formal-dresses"> <link rel="alternate" hreflang="es-US" href="https://andrealeocouture.com/es/collections/silver-formal-dresses"> <link rel="alternate" type="application/json+oembed" href="https://andrealeocouture.com/collections/silver-formal-dresses.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-LT"></script> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-LT&shop_id=45695533209" crossorigin="anonymous"></script> <script id="shopify-features" type="application/json">{"accessToken":"aaf47a4bb9bf955da226a5b697335282","betas":["rich-media-storefront-analytics"],"domain":"andrealeocouture.com","predictiveSearch":true,"shopId":45695533209,"smart_payment_buttons_url":"https:\/\/andrealeocouture.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/andrealeocouture.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en","flg4ff40b22":false}</script> <script>var Shopify = Shopify \|\| {}; Shopify.shop = "evening-room.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "LT"; Shopify.theme = {"name":"[Live]Prestige 0820 \| Adex - 11 Jan 2024","id":133786337467,"theme_store_id":855,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "andrealeocouture.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-features" type="application/json">{"compact":""}</script> <script>(function() { function asyncLoad() { var urls = ["\/\/swymv3starter01.azureedge.net\/code\/swym-shopify.js?shop=evening-room.myshopify.com","https:\/\/api.omegatheme.com\/related-videos\/related-videos.js?shop=evening-room.myshopify.com","https:\/\/app.kiwisizing.com\/web\/js\/dist\/kiwiSizing\/plugin\/SizingPlugin.prod.js?v=310\u0026shop=evening-room.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-3e2eac0dd50ac693279d8e4c51b33de7.js?shop=evening-room.myshopify.com","\/\/searchserverapi.com\/widgets\/shopify\/init.js?a=4x2i3T7t6N\u0026shop=evening-room.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":45695533209,"offset":-25200,"reqid":"9be4cfb8-14e3-4ee2-9363-c9ff38b8a9fe-1711565753","pageurl":"andrealeocouture.com\/collections\/silver-formal-dresses","u":"d38672fc07e0","p":"collection","rtyp":"collection","rid":300140822715};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify\|\|{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3\|\|{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action="/contact"] input[name="form_type"][value="contact"]','form[action="/comments"] input[name="form_type"][value="new_comment"]','form[action="/account"] input[name="form_type"][value="customer_login"]','form[action="/account"] input[name="form_type"][value="recover_customer_password"]','form[action="/account"] input[name="form_type"][value="create_customer"]','form[action="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e\|\|null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script> <script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//andrealeocouture.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//andrealeocouture.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="//andrealeocouture.com/cdn/shop/t/33/compiled_assets/styles.css?4580"> <script id="sections-script" data-sections="richtext-section" defer="defer" src="//andrealeocouture.com/cdn/shop/t/33/compiled_assets/scripts.js?4580"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 60px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link rel="stylesheet" href="//andrealeocouture.com/cdn/shop/t/33/assets/theme.css?v=28549480563885211151711141368"> <link rel="stylesheet" href="//andrealeocouture.com/cdn/shop/t/33/assets/custom-theme.css?v=110724835560117274581704949293"> <link rel="stylesheet" href="//andrealeocouture.com/cdn/shop/t/33/assets/font.css?v=38060259291234707721704949816"> <!-- Google Tag Manager --> <script>(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-KR86K68K');</script> <!-- End Google Tag Manager --> <script> // This allows to expose several variables to the global scope, to be used in scripts window.theme = { pageType: "collection", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", productImageSize: "natural", searchMode: "product,article", showPageTransition: false, showElementStaggering: true, showImageZooming: false }; window.routes = { rootUrl: "\/", cartUrl: "\/cart", cartAddUrl: "\/cart\/add", cartChangeUrl: "\/cart\/change", searchUrl: "\/search", productRecommendationsUrl: "\/recommendations\/products" }; window.languages = { cartAddNote: "Add Order Note", cartEditNote: "Edit Order Note", productImageLoadingError: "This image could not be loaded. Please try to reload the page.", productFormAddToCart: "Add to cart", productFormUnavailable: "Unavailable", productFormSoldOut: "Sold Out", shippingEstimatorOneResult: "1 option available:", shippingEstimatorMoreResults: "{{count}} options available:", shippingEstimatorNoResults: "No shipping could be found" }; window.lazySizesConfig = { loadHidden: false, hFac: 0.5, expFactor: 2, ricTimeout: 150, lazyClass: 'Image--lazyLoad', loadingClass: 'Image--lazyLoading', loadedClass: 'Image--lazyLoaded' }; document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.style.setProperty('--window-height', window.innerHeight + 'px'); // We do a quick detection of some features (we could use Modernizr but for so little...) (function() { document.documentElement.className += ((window.CSS && window.CSS.supports('(position: sticky) or (position: -webkit-sticky)')) ? ' supports-sticky' : ' no-supports-sticky'); document.documentElement.className += (window.matchMedia('(-moz-touch-enabled: 1), (hover: none)')).matches ? ' no-supports-hover' : ' supports-hover'; }()); </script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/lazysizes.min.js?v=174358363404432586981704949293" async></script><script src="https://cdn.polyfill.io/v3/polyfill.min.js?unknown=polyfill&features=fetch,Element.prototype.closest,Element.prototype.remove,Element.prototype.classList,Array.prototype.includes,Array.prototype.fill,Object.assign,CustomEvent,IntersectionObserver,IntersectionObserverEntry,URL" defer></script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/libs.min.js?v=26178543184394469741704949293" defer></script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/theme.js?v=97196138291696594601704949293" defer></script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/custom.js?v=136820622344706651911704949293" defer></script> <script> (function () { window.onpageshow = function() { if (window.theme.showPageTransition) { var pageTransition = document.querySelector('.PageTransition'); if (pageTransition) { pageTransition.style.visibility = 'visible'; pageTransition.style.opacity = '0'; } } // When the page is loaded from the cache, we have to reload the cart content document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true })); }; })(); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Translation missing: en.general.breadcrumb.home", "item": "https://andrealeocouture.com" },{ "@type": "ListItem", "position": 2, "name": "SILVER FORMAL DRESSES", "item": "https://andrealeocouture.com/collections/silver-formal-dresses" }] } </script> <!-- BEGIN app block: shopify://apps/powerful-contact-form-builder/blocks/app-embed/e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d --> <script type="text/javascript" hs-ignore> var Globo = Globo \|\| {}; var globoFormbuilderRecaptchaInit = function(){}; window.Globo.FormBuilder = window.Globo.FormBuilder \|\| {}; window.Globo.FormBuilder.shop = {"configuration":{"money_format":"${{amount}}"},"pricing":{"features":{"bulkOrderForm":false,"cartForm":false,"fileUpload":2,"removeCopyright":false}},"settings":{"copyright":"Powered by <a href=\"https://globosoftware.net\" target=\"_blank\">Globo</a> <a href=\"https://apps.shopify.com/form-builder-contact-form\" target=\"_blank\">Contact Form</a>","hideWaterMark":false,"reCaptcha":{"recaptchaType":"v2","siteKey":false,"languageCode":"en"},"scrollTop":true,"additionalColumns":[]},"encryption_form_id":1,"url":"https://app.powerfulform.com/"}; window.Globo.FormBuilder.forms = []; window.Globo.FormBuilder.forms[1106] = {"1106":{"elements":[{"id":"group-1","type":"group","label":"Page 1","description":"","elements":[{"id":"text","type":"text","label":"Your Name","placeholder":"Your name","description":"","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":true,"ifHideLabel":false,"inputIcon":"","columnWidth":50},{"id":"email","type":"email","label":"Email","placeholder":"Your email","description":"","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":true,"ifHideLabel":false,"inputIcon":"","columnWidth":50},{"id":"phone","type":"phone","label":"Phone","placeholder":"Your phone (optional)","description":"","validatePhone":false,"onlyShowFlag":false,"defaultCountryCode":"us","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":100},{"id":"textarea","type":"textarea","label":"Message","placeholder":"Your message","description":"","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":true,"ifHideLabel":false,"columnWidth":100}]}],"errorMessage":{"required":"Please fill in field","invalid":"Invalid","invalidName":"Invalid name","invalidEmail":"Invalid email","invalidURL":"Invalid URL","invalidPhone":"Invalid phone","invalidNumber":"Invalid number","invalidPassword":"Invalid password","confirmPasswordNotMatch":"Confirmed password doesn't match","customerAlreadyExists":"Customer already exists","fileSizeLimit":"File size limit exceeded","fileNotAllowed":"File extension not allowed","requiredCaptcha":"Please, enter the captcha","requiredProducts":"Please select product","limitQuantity":"The number of products left in stock has been exceeded","shopifyInvalidPhone":"phone - Enter a valid phone number to use this delivery method","shopifyPhoneHasAlready":"phone - Phone has already been taken","shopifyInvalidProvice":"addresses.province - is not valid","otherError":"Something went wrong, please try again"},"appearance":{"layout":"boxed","width":"750","style":"flat","mainColor":"rgba(255,255,255,1)","headingColor":"rgba(92,92,92,1)","labelColor":"rgba(147,147,147,1)","descriptionColor":"rgba(147,147,147,1)","optionColor":"rgba(147,147,147,1)","paragraphColor":"#000","paragraphBackground":"rgba(255,255,255,1)","background":"color","backgroundColor":"#FFF","backgroundImage":"","backgroundImageAlignment":"middle","floatingIcon":"\u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"envelope\" class=\"svg-inline--fa fa-envelope fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e","floatingText":"","displayOnAllPage":false,"position":"bottom right","formType":"normalForm","newTemplate":true},"afterSubmit":{"action":"clearForm","message":"\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e","redirectUrl":"","enableGa":false,"gaEventName":"globo_form_submit","gaEventCategory":"Form Builder by Globo","gaEventAction":"Submit","gaEventLabel":"Contact us form","enableFpx":false,"fpxTrackerName":""},"accountPage":{"showAccountDetail":false,"registrationPage":false,"editAccountPage":false,"header":"Header","active":false,"title":"Account details","headerDescription":"Fill out the form to change account information","afterUpdate":"Message after update","message":"\u003ch5\u003eAccount edited successfully!\u003c\/h5\u003e","footer":"Footer","updateText":"Update","footerDescription":""},"footer":{"description":"","previousText":"Previous","nextText":"Next","submitText":"SEND","resetButton":false,"resetButtonText":"Reset","submitFullWidth":true,"submitAlignment":"center"},"header":{"active":true,"title":"","description":"\u003cp class=\"ql-align-center\"\u003eWe are so thrilled to begin a partnership with you!\u003c\/p\u003e"},"isStepByStepForm":true,"publish":{"requiredLogin":false,"requiredLoginMessage":"Please \u003ca href='\/account\/login' title='login'\u003elogin\u003c\/a\u003e to continue","publishType":"embedCode","embedCode":"\u003cdiv class=\"globo-formbuilder\" data-id=\"MTEwNg==\"\u003e\u003c\/div\u003e","shortCode":"{formbuilder:MTEwNg==}","popup":"\u003cbutton class=\"globo-formbuilder-open\" data-id=\"MTEwNg==\"\u003eOpen form\u003c\/button\u003e","lightbox":"\u003cdiv class=\"globo-form-publish-modal lightbox hidden\" data-id=\"MTEwNg==\"\u003e\u003cdiv class=\"globo-form-modal-content\"\u003e\u003cdiv class=\"globo-formbuilder\" data-id=\"MTEwNg==\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e","enableAddShortCode":false,"selectPage":"index","selectPositionOnPage":"top","selectTime":"forever","setCookie":"1","setCookieHours":"1","setCookieWeeks":"1"},"reCaptcha":{"enable":false,"note":"Please make sure that you have set Google reCaptcha v2 Site key and Secret key in \u003ca href=\"\/admin\/settings\"\u003eSettings\u003c\/a\u003e"},"html":"\n\u003cdiv class=\"globo-form boxed-form globo-form-id-1106\"\u003e\n\u003cstyle\u003e\n.globo-form-id-1106 .globo-form-app{\n max-width: 750px;\n width: -webkit-fill-available;\n \n background-color: #FFF;\n \n \n}\n\n.globo-form-id-1106 .globo-form-app .globo-heading{\n color: rgba(92,92,92,1)\n}\n.globo-form-id-1106 .globo-form-app .globo-description,\n.globo-form-id-1106 .globo-form-app .header .globo-description{\n color: rgba(147,147,147,1)\n}\n.globo-form-id-1106 .globo-form-app .globo-label,\n.globo-form-id-1106 .globo-form-app .globo-form-control label.globo-label,\n.globo-form-id-1106 .globo-form-app .globo-form-control label.globo-label span.label-content{\n color: rgba(147,147,147,1);\n text-align: left !important;\n}\n.globo-form-id-1106 .globo-form-app .globo-label.globo-position-label{\n height: 20px !important;\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .help-text.globo-description{\n color: rgba(147,147,147,1)\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .checkbox-wrapper .globo-option,\n.globo-form-id-1106 .globo-form-app .globo-form-control .radio-wrapper .globo-option\n{\n color: rgba(147,147,147,1)\n}\n.globo-form-id-1106 .globo-form-app .footer{\n text-align:center;\n}\n.globo-form-id-1106 .globo-form-app .footer button{\n border:1px solid rgba(255,255,255,1);\n \n width:100%;\n \n}\n.globo-form-id-1106 .globo-form-app .footer button.submit,\n.globo-form-id-1106 .globo-form-app .footer button.checkout,\n.globo-form-id-1106 .globo-form-app .footer button.action.loading .spinner{\n background-color: rgba(255,255,255,1);\n color : #000000;\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:before {\n content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(255,255,255,1)\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset\u003einput:checked ~ label:before {\n content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(255,255,255,1)\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover:before,\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover ~ label:before{\n content : url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(255,255,255,1)\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e')\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .radio-wrapper .radio-input:checked ~ .radio-label:after {\n background: rgba(255,255,255,1);\n background: radial-gradient(rgba(255,255,255,1) 40%, #fff 45%);\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input:checked ~ .checkbox-label:before {\n border-color: rgba(255,255,255,1);\n box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);\n background-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-form-app .step.-completed .step__number,\n.globo-form-id-1106 .globo-form-app .line.-progress,\n.globo-form-id-1106 .globo-form-app .line.-start{\n background-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-form-app .checkmark__check,\n.globo-form-id-1106 .globo-form-app .checkmark__circle{\n stroke: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .floating-button{\n background-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before,\n.globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:after{\n border-color : rgba(255,255,255,1);\n}\n.globo-form-id-1106 .flatpickr-day.selected, \n.globo-form-id-1106 .flatpickr-day.startRange, \n.globo-form-id-1106 .flatpickr-day.endRange, \n.globo-form-id-1106 .flatpickr-day.selected.inRange, \n.globo-form-id-1106 .flatpickr-day.startRange.inRange, \n.globo-form-id-1106 .flatpickr-day.endRange.inRange, \n.globo-form-id-1106 .flatpickr-day.selected:focus, \n.globo-form-id-1106 .flatpickr-day.startRange:focus, \n.globo-form-id-1106 .flatpickr-day.endRange:focus, \n.globo-form-id-1106 .flatpickr-day.selected:hover, \n.globo-form-id-1106 .flatpickr-day.startRange:hover, \n.globo-form-id-1106 .flatpickr-day.endRange:hover, \n.globo-form-id-1106 .flatpickr-day.selected.prevMonthDay, \n.globo-form-id-1106 .flatpickr-day.startRange.prevMonthDay, \n.globo-form-id-1106 .flatpickr-day.endRange.prevMonthDay, \n.globo-form-id-1106 .flatpickr-day.selected.nextMonthDay, \n.globo-form-id-1106 .flatpickr-day.startRange.nextMonthDay, \n.globo-form-id-1106 .flatpickr-day.endRange.nextMonthDay {\n background: rgba(255,255,255,1);\n border-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-paragraph,\n.globo-form-id-1106 .globo-paragraph {\n background: rgba(255,255,255,1) !important;\n color: #000 !important;\n width: 100%!important;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"globo-form-app boxed-layout\"\u003e\n \u003cdiv class=\"header dismiss hidden\" onclick=\"Globo.FormBuilder.closeModalForm(this)\"\u003e\n \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cform class=\"g-container\" novalidate action=\"\/api\/front\/form\/1106\/send\" method=\"POST\" enctype=\"multipart\/form-data\" data-id=1106\u003e\n \n \n \u003cdiv class=\"header\"\u003e\n \u003ch3 class=\"title globo-heading\"\u003e\u003c\/h3\u003e\n \n \u003cdiv class=\"description globo-description\"\u003e\u003cp class=\"ql-align-center\"\u003eWe are so thrilled to begin a partnership with you!\u003c\/p\u003e\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"globo-formbuilder-wizard\" data-id=1106\u003e\n \u003cdiv class=\"wizard__content\"\u003e\n \u003cheader class=\"wizard__header\"\u003e\n \u003cdiv class=\"wizard__steps\"\u003e\n \u003cnav class=\"steps hidden\"\u003e\n \n \n \n \n \u003cdiv class=\"step last \" data-step=\"0\"\u003e\n \u003cdiv class=\"step__content\"\u003e\n \u003cp class=\"step__number\"\u003e\u003c\/p\u003e\n \u003csvg class=\"checkmark\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=52 height=52 viewBox=\"0 0 52 52\"\u003e\n \u003ccircle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/\u003e\n \u003cpath class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"lines\"\u003e\n \n \u003cdiv class=\"line -start\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"line -background\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"line -progress\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n \u003cdiv class=\"panels\"\u003e\n \n \n \n \n \u003cdiv class=\"panel \" data-id=1106 data-step=\"0\" style=\"padding-top:0\"\u003e\n \n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" \u003e\n \u003clabel for=\"1106-text\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Your Name\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"text\" class=\"flat-input\" id=\"1106-text\" name=\"text\" placeholder=\"Your name\" presence \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" \u003e\n \u003clabel for=\"1106-email\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Email\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"email\" class=\"flat-input\" id=\"1106-email\" name=\"email\" placeholder=\"Your email\" presence \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" \u003e\n \u003clabel for=\"1106-phone\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Phone\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"phone\" class=\"flat-input\" id=\"1106-phone\" name=\"phone\" placeholder=\"Your phone (optional)\" default-country-code=\"us\"\u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" \u003e\n \u003clabel for=\"1106-textarea\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Message\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003ctextarea id=\"1106-textarea\" data-type=\"textarea\" class=\"flat-input\" rows=\"3\" name=\"textarea\" placeholder=\"Your message\" presence \u003e\u003c\/textarea\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cp style=\"text-align: right;font-size:small;display: block !important;\"\u003ePowered by \u003ca href=\"https:\/\/globosoftware.net\" target=\"_blank\"\u003eGlobo\u003c\/a\u003e \u003ca href=\"https:\/\/apps.shopify.com\/form-builder-contact-form\" target=\"_blank\"\u003eContact Form\u003c\/a\u003e\u003c\/p\u003e\n \n \n \u003cdiv class=\"message error\" data-other-error=\"Something went wrong, please try again\"\u003e\n \u003cdiv class=\"content\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"message success\"\u003e\n \u003cdiv class=\"content\"\u003e\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg width=20 height=20 width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"footer wizard__footer\"\u003e\n \n \n \n \u003cbutton type=\"button\" class=\"action previous hidden flat-button\"\u003ePrevious\u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"action next submit flat-button\" data-submitting-text=\"\" data-submit-text='\u003cspan class=\"spinner\"\u003e\u003c\/span\u003eSEND' data-next-text=\"Next\" \u003e\u003cspan class=\"spinner\"\u003e\u003c\/span\u003eNext\u003c\/button\u003e\n \n \u003ch1 class=\"wizard__congrats-message\"\u003e\u003c\/h1\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cinput type=\"hidden\" value=\"\" name=\"customer[id]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"customer[email]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"customer[name]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"page[title]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"page[href]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"_keyLabel\"\u003e\n \u003c\/form\u003e\n \n \u003cdiv class=\"message success\"\u003e\n \u003cdiv class=\"content\"\u003e\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c\/div\u003e\n"}}[1106]; window.Globo.FormBuilder.url = window.Globo.FormBuilder.shop.url; window.Globo.FormBuilder.themeOs20 = true; window.Globo.FormBuilder.searchProductByJson = true;Globo.FormBuilder.page = { title : `SILVER FORMAL DRESSES`, href : window.location.href, type: "collection" }; </script> <style> .globo-formbuilder[data-id="1106"],.globo-formbuilder[data-id="MTEwNg=="]{ display: block; height:485px; margin: 30px auto; } </style> <!-- END app app block --><!-- BEGIN app block: shopify://apps/smart-product-filter-search/blocks/app-embed/5cc1944c-3014-4a2a-af40-7d65abc0ef73 --><style>.spf-filter-loading #gf-products > , .spf-filter-loading [data-globo-filter-items] > {visibility:hidden;opacity:0 }#gf-products{display:-ms-flexbox;margin-right:-15px;margin-left:-15px;padding:0;margin-bottom:0;min-width:100%;width:auto;z-index:1;position:relative;display:-webkit-box;display:flex;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto!important }.gf-block-title-skeleton span{width:100%;height:12px;display:block;border-radius:5px;background:#f6f6f7 }.gf-top_one .gf-block-title-skeleton span{height:22px;border-radius:2px;min-width:100px }.gf-block-title-skeleton h3::after, .gf-top_one .gf-block-content.gf-block-skeleton{display:none!important }#gf-tree .gf-label.gf-label-skeleton{height:8px;display:block;border-radius:3px!important;background:#f6f6f7 }.gf-label-width-75{max-width:75% }.gf-label-width-90{max-width:90% }.gf-label-width-50{max-width:50% }</style><link rel="preconnect" href="https://filter-v1.globosoftware.net" /> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.js" as="script" rel="preload"> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.759.min.js" as="script" rel="preload"> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.filter.min.js" as="script" rel="preload"> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.index.min.js" as="script" rel="preload"> <link href="//cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.search.min.js" as="script" rel="preload"> <link href="//cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.search.css" rel="stylesheet" type="text/css" media="all" /> <meta id="search_terms_value" content="" /> <script type="text/javascript" hs-ignore data-ccm-injected> document.getElementsByTagName('html')[0].classList.add('spf-filter-loading', 'spf-has-filter'); window.enabledEmbedFilter = true; window.sortByRelevance = false; window.moneyFormat = "${{amount}}"; window.GloboMoneyFormat = "${{amount}}"; window.GloboMoneyWithCurrencyFormat = "${{amount}} USD"; window.filterPriceRate = 1; window.filterPriceAdjustment = 1; window.shopCurrency = "USD"; window.currentCurrency = "USD";window.isMultiCurrency =false; window.globoEmbedFilterAssetsUrl = 'https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/'; window.assetsUrl = 'https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/'; window.filesUrl = '//andrealeocouture.com/cdn/shop/files/'; var GloboEmbedFilterConfig = { api: { filterUrl: "https://filter-v1.globosoftware.net/filter", searchUrl: "https://filter-v1.globosoftware.net/search", url: "https://filter-v1.globosoftware.net", }, shop: { name: "Andrea Leo Couture", url: "https://andrealeocouture.com", domain: "evening-room.myshopify.com", currency: "USD", cur_currency: "USD", locale: "en", cur_locale: "en", predictive_search_url: "/search/suggest", country_code: "US", cur_country: "LT", root_url: "", product_image: {width: 500, height: 500}, no_image_url: "https://cdn.shopify.com/s/images/themes/product-1.png", swatches: {"color":{"lilac":{"mode":1,"color_1":"rgba(234, 50, 223, 1)"},"gold":{"mode":1,"color_1":"#e7cc7d"},"paris-blue\t 0":{"mode":1,"color_1":"#b1cdee"},"navy":{"mode":1,"color_1":"#214577"},"pink":{"mode":1,"color_1":"#fa9a9b"},"black":{"mode":1,"color_1":"#141414"},"mauve":{"mode":1,"color_1":"#c99896"},"red":{"mode":1,"color_1":"#da4931"},"yellow":{"mode":1,"color_1":"#fff69d"},"rose gold":{"mode":1,"color_1":"#ecd6c6"},"emerald":{"mode":1,"color_1":"#107555"},"pale-mauve":{"mode":1,"color_1":"#eee1e1"},"tea rose":{"mode":1,"color_1":"#ecbab9"},"blush":{"mode":1,"color_1":"#eed9d9"},"burgundy-gold":{"mode":2,"color_1":"#9b3632","color_2":"#ecd28d"},"champagne":{"mode":1,"color_1":"#f1e1c0"},"ice blue":{"mode":1,"color_1":"#d2f5ff"},"rose":{"mode":1,"color_1":"#eea7a4"},"silver":{"mode":1,"color_1":"#dfdfdf"},"blue":{"mode":1,"color_1":"rgba(18, 32, 222, 1)"},"burgundy":{"mode":1,"color_1":"rgba(170, 9, 13, 1)"},"lt-blue":{"mode":1,"color_1":"rgba(109, 147, 234, 1)"},"rosewood":{"mode":1,"color_1":"rgba(222, 148, 148, 1)"}},"tag":{"gold":{"mode":3,"image":"https://d1uwa4w1dfbjyt.cloudfront.net/"}}}, swatchConfig: {"enable":true,"color":["color"]}, hideOneValue: false, newUrlStruct: false, translation: {"default":{"search":{"suggestions":"Suggestions","collections":"Collections","pages":"Pages","products":"Products","view_all":"Search for","not_found":"Sorry, nothing found for"},"filter":{"filter_by":"Filter By","clear_all":"Clear All","clear":"Clear","in_stock":"In Stock","out_of_stock":"Out of Stock","ready_to_ship":"Ready to ship"},"sort":{"sort_by":"Sort By","manually":"Featured","availability_in_stock_first":"Availability","best_selling":"Best Selling","alphabetically_a_z":"Alphabetically, A-Z","alphabetically_z_a":"Alphabetically, Z-A","price_low_to_high":"Price, low to high","price_high_to_low":"Price, high to low","date_new_to_old":"Date, new to old","date_old_to_new":"Date, old to new","sale_off":"% Sale off"},"product":{"add_to_cart":"Add to cart","unavailable":"Unavailable","sold_out":"Sold out","sale":"Sale","load_more":"Load more","limit":"Show"}},"es":{"search":{"suggestions":"Suggestions","collections":"Collections","pages":"Pages","product":"Product","products":"Products","view_all":"Search for","view_all_products":"View all products","not_found":"Sorry, nothing found for","product_not_found":"No products were found","no_result_keywords_suggestions_title":"Popular searches","no_result_products_suggestions_title":"However, You may like","zero_character_keywords_suggestions_title":"Suggestions","zero_character_popular_searches_title":"Popular searches","zero_character_products_suggestions_title":"Trending products"},"form":{"heading":"Search products","select":"-- Select --","search":"Search","submit":"Search","clear":"Clear"},"filter":{"filter_by":"Filter By","clear_all":"Clear All","view":"View","clear":"Clear","in_stock":"In Stock","out_of_stock":"Out of Stock","ready_to_ship":"Ready to ship","search":"Search options","choose_values":"Choose values"},"sort":{"sort_by":"Sort By","manually":"Featured","availability_in_stock_first":"Availability","relevance":"Relevance","best_selling":"Best Selling","alphabetically_a_z":"Alphabetically, A-Z","alphabetically_z_a":"Alphabetically, Z-A","price_low_to_high":"Price, low to high","price_high_to_low":"Price, high to low","date_new_to_old":"Date, new to old","date_old_to_new":"Date, old to new","sale_off":"% Sale off"},"product":{"add_to_cart":"Add to cart","unavailable":"Unavailable","sold_out":"Sold out","sale":"Sale","load_more":"Load more","limit":"Show","search":"Search products","no_results":"Sorry, there are no products in this collection"},"labels":{"244095":"Collection","244097":"Product Type","244099":"Percent Sale","244101":"Tag","244103":"Color"}}},redirects: [], images: {}, settings: {"heading_color":"#222222","text_color":"#393939","text_light_color":"#5b5b5b","link_color":"#323232","background":"#ffffff","light_background":"#ffffff","product_on_sale_color":"#f94c43","button_background":"rgba(0,0,0,0)","button_text_color":"#ffffff","header_background":"#ffffff","header_heading_color":"#222222","header_light_color":"#222222","footer_background":"#ffffff","footer_heading_color":"#3d3d3d","footer_text_color":"#403f3f","navigation_background":"#ffffff","navigation_text_color":"#5c5c5c","newsletter_popup_background":"#ffffff","newsletter_popup_text_color":"#1c1b1b","secondary_elements_background":"#5c5c5c","secondary_elements_text_color":"#ffffff","heading_font":{"error":"json not allowed for this object"},"heading_size":"large","uppercase_heading":false,"text_font":{"error":"json not allowed for this object"},"base_text_font_size":13,"show_page_transition":false,"show_button_transition":false,"show_image_zooming":false,"show_element_staggering":true,"search_mode":"product,article","product_show_price_on_hover":false,"product_show_secondary_image":true,"product_info_alignment":"left","product_image_size":"natural","product_list_horizontal_spacing":"extra_small","product_list_vertical_spacing":"small","cart_type":"drawer","cart_enable_notes":false,"cart_show_free_shipping_threshold":false,"cart_free_shipping_threshold":"50","social_facebook":"https:\/\/www.facebook.com\/andrealeocouture","social_tik-tok":"https:\/\/www.tiktok.com\/@andrealeo_couture","social_twitter":"","social_pinterest":"https:\/\/www.pinterest.com\/andrealeocouture\/_saved\/","social_instagram":"https:\/\/www.instagram.com\/andrea_leo_couture\/","social_vimeo":"","social_tumblr":"","social_youtube":"https:\/\/www.youtube.com\/@andrealeocouture","social_linkedin":"","social_snapchat":"","social_fancy":"","favicon":"\/\/andrealeocouture.com\/cdn\/shop\/files\/ALlogo_black_alonly.png?v=1690406979","checkout_header_image":null,"checkout_logo_image":null,"checkout_logo_position":"center","checkout_logo_size":"small","checkout_body_background_image":null,"checkout_body_background_color":"#fff","checkout_input_background_color_mode":"white","checkout_sidebar_background_image":null,"checkout_sidebar_background_color":"#fafafa","checkout_heading_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_body_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_accent_color":"#323232","checkout_button_color":"#5c5c5c","checkout_error_color":"#e32c2b","customer_layout":"customer_area"}, home_filter: false, page: "collection", sorts: ["best-selling","title-ascending","title-descending","created-descending","created-ascending"], cache: true, layout: "theme", useCustomTemplate: true, hasQuickviewTemplate: false, useCustomTreeTemplate: true }, taxes: [], special_countries: null, adjustments: null, year_make_model: { id: 0 }, filter: { id:34479, layout: 1, showCount: true, showRefine: true, isLoadMore: 0, filter_on_search_page: true }, search:{ enable: true, zero_character_suggestion: false, pages_suggestion: {enable:false,limit:5}, keywords_suggestion: {enable:false,limit:5}, articles_suggestion: {enable:false,limit:5}, layout: 1, }, collection: { id:300140822715, handle:"silver-formal-dresses", sort: "manual", vendor: null, tags: null, type: null, term: document.getElementById("search_terms_value") != null ? document.getElementById("search_terms_value").content : "", limit: 48, settings: {"133112692923":{"show_collection_info":true,"show_collection_image":true,"apply_overlay":true,"show_color_swatch":true,"show_vendor":true,"collection_image_size":"small","show_sort_by":false,"show_layout_switch":false,"toolbar_position":"top","filter_position":"sidebar","filter_mode":"tag","show_filter_color_swatch":true,"filter_menu":"","grid_items_per_page":16,"grid_mobile_items_per_row":"2","grid_desktop_items_per_row":4}}, products_count: 13, enableCollectionSearch: false, excludeTags:null, showSelectedVariantInfo: true }, customer: false, selector: {products: ""} } </script><style>.gf-block-title h3, .gf-block-title .h3, .gf-form-input-inner label { font-size: 14px !important; color: #3a3a3a !important; text-transform: uppercase !important; font-weight: 500 !important; } .gf-option-block ul li a, .gf-option-block ul li button, .gf-option-block ul li a span.gf-count, .gf-option-block ul li button span.gf-count, .gf-clear, .gf-clear-all, .selected-item.gf-option-label a, .gf-form-input-inner select, .gf-refine-toggle{ font-size: 13px !important; color: #000000 !important; text-transform: none !important; font-weight: 500 !important; } .gf-refine-toggle-mobile, .gf-form-button-group button { font-size: 14px !important; text-transform: none !important; font-weight: normal !important; color: #3a3a3a !important; border: 1px solid #bfbfbf !important; background: #ffffff !important; } .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a, .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button { border-color: #000000 !important; } .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a.checked, .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button.checked{ color: #fff !important; background-color: #000000 !important; } @media (min-width: 768px) { .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button:hover, .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a:hover { color: #fff !important; background-color: #000000 !important; } } .gf-option-block.gf-option-block-select select { color: #000000 !important; } #gf-form.loaded, .gf-YMM-forms.loaded { background: #FFFFFF !important; } #gf-form h2, .gf-YMM-forms h2 { color: #3a3a3a !important; } #gf-form label, .gf-YMM-forms label{ color: #3a3a3a !important; } .gf-form-input-wrapper select, .gf-form-input-wrapper input{ border: 1px solid #DEDEDE !important; background-color: #FFFFFF !important; border-radius: 0px !important; } #gf-form .gf-form-button-group button, .gf-YMM-forms .gf-form-button-group button{ color: #FFFFFF !important; background: #3a3a3a !important; border-radius: 0px !important; } .spf-product-card.spf-product-card__template-3 .spf-product__info.hover{ background: #FFFFFF; } a.spf-product-card__image-wrapper{ padding-top: 100%; } .h4.spf-product-card__title a{ color: #4d5959; font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 700; font-style: normal; text-transform: none; } .h4.spf-product-card__title a:hover{ color: #b59677; } .spf-product-card button.spf-product__form-btn-addtocart{ font-size: 14px; font-family: inherit; font-weight: normal font-style: normal text-transform: none } .spf-product-card button.spf-product__form-btn-addtocart, .spf-product-card.spf-product-card__template-4 a.open-quick-view, .spf-product-card.spf-product-card__template-5 a.open-quick-view, #gfqv-btn{ color: #FFFFFF !important; border: 1px solid #B59677 !important; background: #B59677 !important; } .spf-product-card button.spf-product__form-btn-addtocart:hover, .spf-product-card.spf-product-card__template-4 a.open-quick-view:hover, .spf-product-card.spf-product-card__template-5 a.open-quick-view:hover{ color: #FFFFFF !important; border: 1px solid #B59677 !important; background: #B59677 !important; } span.spf-product__label.spf-product__label-soldout{ color: #ffffff; background: #989898; } span.spf-product__label.spf-product__label-sale{ color: #F0F0F0; background: #d21625; } .spf-product-card__vendor a{ color: #696969; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } .spf-product-card__vendor a:hover{ color: #b59677; } .spf-product-card__price-wrapper{ font-size: 14px; } .spf-image-ratio{ padding-top:100% !important; } .spf-product-card__oldprice, .spf-product-card__saleprice, .spf-product-card__price, .gfqv-product-card__oldprice, .gfqv-product-card__saleprice, .gfqv-product-card__price { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } span.spf-product-card__price, span.gfqv-product-card__price{ color: #141414; } span.spf-product-card__oldprice, span.gfqv-product-card__oldprice{ color: #858585; } span.spf-product-card__saleprice, span.gfqv-product-card__saleprice{ color: #141414; } /* Product Title / .h4.spf-product-card__title{ } .h4.spf-product-card__title a{ } / Product Vendor / .spf-product-card__vendor{ } .spf-product-card__vendor a{ } / Product Price / .spf-product-card__price-wrapper{ } / Product Old Price / span.spf-product-card__oldprice{ } / Product Sale Price / span.spf-product-card__saleprice{ } / Product Regular Price / span.spf-product-card__price{ } / Quickview button / .open-quick-view{ } / Add to cart button / button.spf-product__form-btn-addtocart{ } / Product image / img.spf-product-card__image{ } / Sale label / span.spf-product__label.spf-product__label.spf-product__label-sale{ } / Sold out label / span.spf-product__label.spf-product__label.spf-product__label-soldout{ }</style><script> window.addEventListener('globoFilterRenderSearchCompleted', function () { if (document.querySelector('[data-action="close-search"]') !== null) { document.querySelector('[data-action="close-search"]').click(); } setTimeout(function(){ document.querySelector('.gl-d-searchbox-input').focus(); }, 600); }); </script> <style></style><script></script> <script id="gspfProductTemplate133112692923" type="template/html"> {%- assign swatch_options = 'color' \| downcase \| split: "~~" \| uniq -%} {%- assign image_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign text_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign image_size = '500x500' -%} {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} {%- assign featured_image = product.featured_image -%} {%- assign product_price = product.price -%} {%- assign product_compare_at_price = product.compare_at_price -%} {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} {%- assign variant_url = '' -%} {% if product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {%- assign images_count = product.images \| size -%} {%- assign variants_count = product.variants \| size -%} {%- if section.settings.show_layout_switch -%} {%- assign desktop_items_per_row = cart.attributes.collection_desktop_items_per_row \| default: section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = cart.attributes.collection_mobile_items_per_row \| default: section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- if desktop_items_per_row >= 3 and desktop_items_per_row != section.settings.grid_desktop_items_per_row -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row -%} {%- endif -%} {%- else -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- endif -%} {%- if desktop_items_per_row == 4 -%} {%- assign tablet_items_per_row = 3 -%} {%- else -%} {%- assign tablet_items_per_row = 2 -%} {%- endif -%} {%- assign show_product_info = true %} {%- assign show_vendor = section.settings.show_vendor %} {%- assign show_color_swatch = section.settings.show_color_swatch %} {%- assign show_labels = true %} <div{% if showPageData %} data-page="{{page}}"{% endif %} class="Grid__Cell 1/{{ mobile_items_per_row }}--phone 1/{{ tablet_items_per_row }}--tablet-and-up 1/{{ desktop_items_per_row }}--{% if section.settings.filter_position == 'drawer' %}lap-and-up{% else %}desk{% endif %}"> <div class="ProductItem {% if use_horizontal %}ProductItem--horizontal{% endif %}"> <div class="ProductItem__Wrapper"> {%- if settings.product_image_size == 'natural' or use_horizontal -%} {%- assign use_natural_size = true -%} {%- else -%} {%- assign use_natural_size = false -%} {%- endif -%} {%- if settings.product_show_secondary_image and product.images[1] != blank and use_horizontal != true -%} {%- assign has_alternate_image = true -%} {%- else -%} {%- assign has_alternate_image = false -%} {%- endif -%} <a href="{{ product.url \| within: collection }}{{variant_url}}" class="ProductItem__ImageWrapper {% if has_alternate_image %}ProductItem__ImageWrapper--withAlternateImage{% endif %}"> {%- if use_horizontal -%} {%- assign max_width = 125 -%} {%- else -%} {%- assign max_width = product.featured_image.preview_image.width -%} {%- endif -%} {%- assign media_aspect_ratio = product.featured_image.aspect_ratio \| default: product.featured_image.preview_image.aspect_ratio -%} <div class="AspectRatio AspectRatio--{% if use_natural_size %}withFallback{% else %}{{ settings.product_image_size }}{% endif %}" style="max-width: {{ max_width }}px; {% if use_natural_size %}padding-bottom: {{ 100.0 \| divided_by: media_aspect_ratio }}%;{% endif %} --aspect-ratio: {{ media_aspect_ratio }}"> {%- if has_alternate_image -%} {%- assign image_url = product.images[1] \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.images[1].alt \| escape }}" data-media-id="{{ product.images[1].id }}"> {%- endif -%} {%- assign image_url = product.featured_image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.featured_image.alt \| escape }}" data-media-id="{{ product.featured_image.id }}"> <span class="Image__Loader"></span> <noscripttag> <img class="ProductItem__Image ProductItem__Image--alternate" src="{{ product.images[1] \| img_url: '600x' }}" alt="{{ product.images[1].alt \| escape }}"> <img class="ProductItem__Image" src="{{ product.featured_image\| img_url: '600x' }}" alt="{{ product.featured_image.alt \| escape }}"> </noscripttag> </div> </a> {%- if show_labels -%} {%- capture product_labels -%} {%- for tag in product.tags -%} {%- if tag contains '__label' -%} <span class="ProductItem__Label Heading Text--subdued">{{ tag \| split: '__label:' \| last }}</span> {%- break -%} {%- endif -%} {%- endfor -%} {%- if product.available -%} {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Label ProductItem__Label--onSale Heading Text--subdued">{{ themeTranslation.product.labels.on_sale }}</span> {%- endif -%} {%- else -%} <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued">{{ themeTranslation.product.labels.sold_out }}</span> {%- endif -%} {%- endcapture -%} {%- if product_labels != blank -%} <div class="ProductItem__LabelList"> {{ product_labels }} </div> {%- endif -%} {%- endif -%} {%- if show_product_info -%} <div class="ProductItem__Info {% unless use_horizontal %}ProductItem__Info--{{ settings.product_info_alignment }}{% endunless %}"> {%- if show_vendor -%} <p class="ProductItem__Vendor Heading">{{ product.vendor }}</p> {%- endif -%} <h2 class="ProductItem__Title Heading"> <a href="{{ product.url \| within: collection }}{{variant_url}}">{{ product.title }}</a> </h2> {%- if show_color_swatch -%} {%- assign color_swatch_list = '' -%} {%- capture color_swatch -%} {%- assign color_label = 'color,colour,couleur,colore,farbe,색,色,färg,farve' \| split: ',' -%} {%- capture color_name -%}{{ section.id }}-{{ product.id }}{%- endcapture -%} {%- for option in product.options -%} {%- assign downcased_option = option.name \| downcase -%} {%- if color_label contains downcased_option -%} {%- assign variant_option = 'option' \| append: forloop.index -%} {%- for value in option.values -%} {%- assign downcased_value = value \| downcase -%} {%- capture color_id -%}{{ section.id }}-{{ product.id }}-{{ forloop.index }}{%- endcapture -%} {%- for variant in product.variants -%} {%- if variant[variant_option] == value -%} {%- assign variant_for_value = variant -%} {%- break -%} {%- endif -%} {%- endfor -%} <div class="ProductItem__ColorSwatchItem"> {%- if variant_for_value.image -%} {%- assign variant_image_url = variant_for_value.image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} {%- endif -%} {%- assign color_swatch_name = value \| handle \| append: '.png' -%} {%- assign color_swatch_image = color_swatch_name \| file_img_url: '64x64' -%} <input class="ColorSwatch__Radio" type="radio" name="{{ color_name }}" id="{{ color_id }}" value="{{ value \| escape }}" {% if option.values[0] == value %}checked="checked"{% endif %} data-variant-url="{{ variant_for_value.url }}{% if variant_for_value.image %}#Image{{ variant_for_value.image.id }}{% endif %}" {% if variant_for_value.image %}data-image-id="{{ variant_for_value.image.id }}" data-image-url="{{ variant_image_url }}" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="{{ variant_for_value.image.aspect_ratio }}"{% endif %} aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small {% if downcased_value == 'white' %}ColorSwatch--white{% endif %}" for="{{ color_id }}" style="background-color: {{ value \| replace: ' ', '' \| downcase }}; {% if color_swatch_image != blank %}background-image: url({{ color_swatch_image }}){% endif %}" title="{{ value \| escape }}" data-tooltip="{{ value \| escape }}"></label> </div> {%- endfor -%} {%- endif -%} {%- endfor -%} {%- endcapture -%} {%- if color_swatch != blank -%} {%- capture color_swatch_list -%} <div class="ProductItem__ColorSwatchList"> {{- color_swatch -}} </div> {%- endcapture -%} {%- endif -%} {%- endif -%} {%- if show_price_on_hover == nil -%} {%- assign show_price_on_hover = settings.product_show_price_on_hover -%} {%- endif -%} {%- if show_price_on_hover and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} {%- if product.template_suffix != 'coming-soon' -%} <div class="ProductItem__PriceList {% if show_price_on_hover %}ProductItem__PriceList--showOnHover{% endif %} Heading"> {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Price Price Price--highlight Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> <span class="ProductItem__Price Price Price--compareAt Text--subdued">{{ product.compare_at_price \| money_without_trailing_zeros }}</span> {%- elsif product.price_varies -%} {%- capture formatted_min_price -%}{{ product.price_min \| money_without_trailing_zeros }}{%- endcapture -%} {%- capture formatted_max_price -%}{{ product.price_max \| money_without_trailing_zeros }}{%- endcapture -%} <span class="ProductItem__Price Price Text--subdued">From {{ formatted_min_price }}</span> {%- else -%} <span class="ProductItem__Price Price Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> {%- endif -%} </div> {%- endif -%} {%- if show_price_on_hover == false and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} </div> {%- endif -%} </div> {%- if use_horizontal -%} <a href="{{ product.url }}{{variant_url}}" class="ProductItem__ViewButton Button Button--secondary hidden-pocket">{{ themeTranslation.collection.product.view_product }}</a> {%- endif -%} </div> </div> </script><script id="gspfProductTemplate" type="template/html"> {%- assign swatch_options = 'color' \| downcase \| split: "~~" \| uniq -%} {%- assign image_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign text_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign image_size = '500x500' -%} {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} {%- assign featured_image = product.featured_image -%} {%- assign product_price = product.price -%} {%- assign product_compare_at_price = product.compare_at_price -%} {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} {%- assign variant_url = '' -%} {% if product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {%- assign images_count = product.images \| size -%} <div {% if showPageData %} data-page="{{page}}"{% endif %} class="spf-col-xl-3 spf-col-lg-4 spf-col-md-6 spf-col-sm-6 spf-col-6"> <div class="spf-product-card spf-product-card__ spf-product-card__template-1{% unless product.available %} spf-soldout{% endunless %}"> <div class="spf-product-card__inner"> {%- unless product.available -%} {% elsif product_compare_at_price > product_price %} <span translatable class="spf-product__label spf-product__label-sale sale-percent"> -{{ product_compare_at_price \| minus: product_price \| times: 100.0 \| divided_by: product_compare_at_price \| round }}% </span> {%- endunless -%} <a class="spf-product-card__image-wrapper{% if images_count > 1 %} hover-effect{% endif %}" href="{{root_url}}{{ product.url }}{{variant_url}}" style="padding-top:100%;"> {%- if images_count > 0 -%} {%- for image in product.images -%} <img data-variants="{% if image.variant_ids %}{{image.variant_ids \| join: ','}}{% endif %}" class="gflazyload spf-product-card__image spf-product-card__image-{% if featured_image.id == image.id %}main{% elsif image.id == product.second_image.id %}secondary{% else %}hidden{% endif %}" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{image.src \| img_url: image_size}}" data-src="{{image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{image.aspect_ratio}}" data-parent-fit="contain" alt="{{image.alt \| escape}}" /> {%- endfor -%} {%- else -%} <img data-variants="" class="gflazyload spf-product-card__image spf-product-card__image-main" src="{{no_image}}" alt="{{product.title \| escape}}"> {%- endif -%} </a> <form class="spf-product__form" action="{{ root_url }}/cart/add" method="post"> <select name="id" class="spf-product__variants"> {%- for variant in product.variants -%} <option data-option1="{{variant.option1 \| escape}}" data-option2="{{variant.option2 \| escape}}" data-option3="{{variant.option3 \| escape}}" data-price="{{variant.price}}" data-compare_at_price="{{variant.compare_at_price}}" data-available="{{variant.available}}" data-image="{% if variant.image.src %}{{variant.image.src \| img_url: image_size }}{% endif %}" {% if variant.id == selected_or_first_available_variant.id %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }}</option> {%- endfor -%} </select> </form> </div> <div class="spf-product__info"> {%- if product.vendor -%}<div class="spf-product-card__vendor"><a href="/collections/vendors?q={{product.vendor \| url_encode}}">{{product.vendor}}</a></div>{%- endif -%} <div class="h4 spf-product-card__title"> <a translatable href="{{root_url}}{{ product.url }}{{variant_url}}">{{product.title}}</a> </div> {%- for option in product.options -%} {%- assign optionIndex = 'option' \| append: forloop.index -%} {%- assign optionIndexNumber = forloop.index -%} {%- if option.isSwatch -%} <div class="spf-product__swatchs"> {%- for value in option.values -%} {%- assign swatch = option.swatches[forloop.index0] -%} <span data-option="{{optionIndexNumber}}" data-option-value="{{value \| escape}}" class="spf-product__swatch{% if product.selected_or_first_available_variant and product.selected_or_first_available_variant[optionIndex] == value %} is-selected{% endif %}{% unless swatch.available %} soldout{% endunless %}" title="{{value \| escape}}"> <span translatable class="spf-product__swatch-inner"> {%- if swatch.mode == 4 and swatch.image -%} <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image \| img_url: '24x' }}')"></span> {%- elsif swatch.mode == 3 and swatch.image -%} <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image }}')"></span> {%- elsif swatch.mode == 2 and swatch.color_1 and swatch.color_2 -%} <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span> <span class="spf-product__swatch-color" style="border-right-color: {{ swatch.color_2 }}"></span> {%- elsif swatch.mode == 1 and swatch.color_1 -%} <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span> {%- elsif swatch.lable -%} <span class="spf-product__swatch-text">{{swatch.lable}}</span> {%- else -%} <span class="spf-product__swatch-text">{{value}}</span> {%- endif -%} </span> </span> {%- endfor -%} </div> {%- endif -%} {%- endfor -%} </div> </div> </div> </script><script id="gspfFilterSortTemplate" type="template/html"><!-- BEGIN app snippet: sort --> <div id="gf-controls-container"> <div class="gf-actions"> <div class="gf-filter-trigger"> <div class="gf-refine-toggle-mobile" tabindex="0"> <span onclick="globofilter.toggleCanvas()"><i class="fa fa-tasks" aria-hidden="true"></i> {{translation.filter.filter_by \| default: "Filter by"}}</span> </div> </div> <span class="gf-summary"> {% assign plurality = translation.search.products \| default: "Products" %} {% assign singular = translation.search.product \| default: "Product" %} <b>{{pagination.total}}</b> {{pagination.total \| pluralize: singular, plurality}} </span> <div class="gf-filter-selection"> <div class="sort-by limit-by hidden-xs"> <label for="setLimit">{{translation.product.limit \| default: "Show"}}</label> <select id="setLimit" class="sortby-select" onchange="setLimit(this.value); return false;"> <option {% if limit == 12 %} selected{% endif %} value="12">12</option><option {% if limit == 24 %} selected{% endif %} value="24">24</option><option {% if limit == 48 %} selected{% endif %} value="48">48</option> </select> </div> {% assign relevance = '' %} {% if terms %}{% assign relevance = 'relevance,' %}{% endif %} {% assign allSorts = "best-selling,title-ascending,title-descending,created-descending,created-ascending" %} {% assign allSorts = allSorts \| prepend: relevance \| append: "," \| append: sort_by \| append: ',manual' \| replace: "featured", "manual" \| split: "," \| uniq %} {%- capture selectedSortText -%} {%- if sort_by =='best-selling' -%} {{-translation.sort.best_selling \| default: "Best Selling"-}} {%- elsif sort_by == 'manual' or sort_by == 'featured' -%} {{-translation.sort.manually \| default: "Featured"-}} {%- elsif sort_by == 'relevance' -%} {{-translation.sort.relevance \| default: "Relevance"-}} {%- elsif sort_by == 'stock-descending' -%} {{-translation.sort.availability_in_stock_first \| default: "Availability"-}} {%- elsif sort_by == 'title-ascending' -%} {{-translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"-}} {%- elsif sort_by == 'title-descending' -%} {{-translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"-}} {%- elsif sort_by == 'price-ascending' -%} {{-translation.sort.price_low_to_high \| default: "Price, low to high"-}} {%- elsif sort_by == 'price-descending' -%} {{-translation.sort.price_high_to_low \| default: "Price, high to low"-}} {%- elsif sort_by == 'created-descending' -%} {{-translation.sort.date_new_to_old \| default: "Date, new to old"-}} {%- elsif sort_by == 'created-ascending' -%} {{-translation.sort.date_old_to_new \| default: "Date, old to new"-}} {%- elsif sort_by == 'sale-descending' -%} {{-translation.sort.sale_off \| default: "% Sale off"-}} {%- elsif sort_by == 'inventory-ascending' -%} {{-translation.sort.inventory_ascending \| default: "Inventory quantity, low to high"-}} {%- elsif sort_by == 'inventory-descending' -%} {{-translation.sort.inventory_descending \| default: "Inventory quantity, high to low"-}} {%- elsif sort_by == 'sale-ascending' -%} {{-translation.sort.sale_off \| default: "% Sale off"-}} {%- elsif translation.sort[sort_by] -%} {{-translation.sort[sort_by]-}} {%- else -%} {{- sort_by \| remove_first: "mf-custom-" \| replace: "-", " " \| capitalize -}} {%- endif -%} {%- endcapture -%} {% if allSorts.size > 1 %} <div class="sort-by"> <label for="globo-dropdown-sort_options" class="sort-by-toggle" role="button" tabindex="0" aria-expanded="false"><span>{{selectedSortText}}</span></label> <div id="globo-dropdown-sort_options" class="globo-dropdown-custom__options"> {% for sort in allSorts %} {% case sort %} {% when 'best-selling' %} <span data-sort="best-selling" onclick="changeSortBy('best-selling');">{{translation.sort.best_selling \| default: "Best Selling"}}</span> {% when 'featured' %} <span data-sort="manual" onclick="changeSortBy('manual');">{{translation.sort.manually \| default: "Featured"}}</span> {% when 'manual' %} <span data-sort="manual" onclick="changeSortBy('manual');">{{translation.sort.manually \| default: "Featured"}}</span> {% when 'stock-descending' %} <span data-sort="stock-descending" onclick="changeSortBy('stock-descending');">{{translation.sort.availability_in_stock_first \| default: "Availability"}}</span> {% when 'relevance' %} <span data-sort="relevance" onclick="changeSortBy('relevance');">{{translation.sort.relevance \| default: "Relevance"}}</span> {% when 'title-ascending' %} <span data-sort="title-ascending" onclick="changeSortBy('title-ascending');">{{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}}</span> {% when 'title-descending' %} <span data-sort="title-descending" onclick="changeSortBy('title-descending');">{{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}}</span> {% when 'price-ascending' %} <span data-sort="price-ascending" onclick="changeSortBy('price-ascending');">{{translation.sort.price_low_to_high \| default: "Price, low to high"}}</span> {% when 'price-descending' %} <span data-sort="price-descending" onclick="changeSortBy('price-descending');">{{translation.sort.price_high_to_low \| default: "Price, high to low"}}</span> {% when 'created-descending' %} <span data-sort="created-descending" onclick="changeSortBy('created-descending');">{{translation.sort.date_new_to_old \| default: "Date, new to old"}}</span> {% when 'created-ascending' %} <span data-sort="created-ascending" onclick="changeSortBy('created-ascending');">{{translation.sort.date_old_to_new \| default: "Date, old to new"}}</span> {% when 'inventory-descending' %} <span data-sort="inventory-descending" onclick="changeSortBy('inventory-descending');">{{translation.sort.inventory_descending \| default: "Inventory quantity, high to low"}}</span> {% when 'inventory-ascending' %} <span data-sort="inventory-ascending" onclick="changeSortBy('inventory-ascending');">{{translation.sort.inventory_ascending \| default: "Inventory quantity, low to high"}}</span> {% when 'sale-descending' %} <span data-sort="sale-descending" onclick="changeSortBy('sale-descending');">{{translation.sort.sale_off \| default: "% Sale off"}}</span> {% when 'sale-ascending' %} <span data-sort="sale-ascending" onclick="changeSortBy('sale-ascending');">{{translation.sort.sale_off \| default: "% Sale off"}}</span> {% else %} <span data-sort="{{sort}}" onclick="changeSortBy('{{sort}}');">{% if translation.sort[sort] %}{{translation.sort[sort]}}{% else %}{{sort \| remove_first: "mf-custom-" \| replace: "-", " " \| capitalize}}{% endif %}</span> {% endcase %} {% endfor %} </div> </div> {% endif %} </div> <div class="globo-selected-items-wrapper visible-xs"> {% if selectedItems %} <ul class="globo-selected-items"> {% assign numberSelectedFilters = 0 %} {% capture selectedItemHtml %} {% for selectedItem in selectedItems %} {% assign filterLabel = selectedItem.label \| escape %} {% if translation.labels and translation.labels[selectedItem.id] %} {% assign filterLabel = translation.labels[selectedItem.id] \| escape %} {% endif %} {% if selectedItem.style == 'Slider' %} {% assign numberSelectedFilters = numberSelectedFilters \| plus: 1 %} <li class="selected-item gf-option-label"> <a onclick="removeFilter({{selectedItem.id}})"> <span class="selected-item"> <span class="hidden-xs">{{filterLabel}}</span> <strong> {% if selectedItem.attribute == 'Price' %} <span class="money">{{selectedItem.values.min \| money}}</span> - <span class="money">{{selectedItem.values.max \| money}}</span> {% elsif selectedItem.attribute == 'Percent Sale' %} {{selectedItem.values.min}}% - {{selectedItem.values.max}}% {% else %} {{selectedItem.values.min}} - {{selectedItem.values.max}} {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </li> {% else %} {% for value in selectedItem.values %} {% assign numberSelectedFilters = numberSelectedFilters \| plus: 1 %} {% assign value_label = value.label \| escape %} <li class="selected-item gf-option-label"> <a onclick="removeFilterValue({{selectedItem.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filterLabel}}</span> <strong> {% if style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% elsif attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% elsif value.label contains '#' and value.label.size == 7 %} <span class="gf-option-one-color" style="background-color:{{value.label}}"></span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </li> {% endfor %} {% endif %} {% endfor %} {% endcapture %} {% if numberSelectedFilters > 1 %} <li class="selected-item gf-option-label"><a onclick="clearAllFilter()" class="clear-refinements">{{ translation.filter.clear_all \| default: "Clear all"}}</a></li> {% endif %} {{selectedItemHtml}} </ul> {% endif %} </div> </div> </div> <!-- END app snippet --></script> <script id="gspfNoResultsTemplate" type="template/html"><!-- BEGIN app snippet: no_results --> {% assign root_url = "" %} <div class="spf-col-xl-12 spf-col-lg-12 spf-col-md-12 spf-col-sm-12"> {% if translation.product.no_results %}{{translation.product.no_results \| default: "No products found"}}{% endif %} </div> <!-- END app snippet --></script><script id="gspfSearchResultTemplate" type="template/html"><!-- BEGIN app snippet: search --> {% assign root_url = "" %} {% assign search_url = "/search" %} {% assign zero_character_result = true %} {% if result.term %}{% assign zero_character_result = false %}{% endif %} {% assign product_list_layout = "grid" %} {% assign products_suggestions_title = translation.search.products \| default: "Products" %} {% assign keywords_suggestions_title = translation.search.suggestions \| default: "Suggestions" %} {% if zero_character_result %} {% assign product_list_layout = "grid" %} {% if translation.search.zero_character_products_suggestions_title %} {% assign products_suggestions_title = translation.search.zero_character_products_suggestions_title %} {% endif %} {% if translation.search.zero_character_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.zero_character_keywords_suggestions_title %} {% endif %} {% elsif result.isEmpty %} {% assign product_list_layout = "grid" %} {% if translation.search.no_result_products_suggestions_title %} {% assign products_suggestions_title = translation.search.no_result_products_suggestions_title %} {% endif %} {% if translation.search.no_result_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.no_result_keywords_suggestions_title %} {% endif %} {% endif %} {% assign page_limit = 3 %} {% assign article_limit = 3 %} {% assign elements = "vendor" \| split: "," %} {%- if layout == 1 -%} <div id="glFilter-search-popup" class="ui-menu glFilter-search-popup gl-filter-search-fullscreen gl-filter-animate"> <div class="gl-backdrop gl-close-layer"></div> <div class="gl-fullscreen-layer gl-animate-transition"> <div class="gl-fullscreen-header"> <form class="gl-d-searchbox" method="GET" action="{{ search_url }}"> <label class="gl-icon gl-d-searchbox-icon" for="gl-d-searchbox-input"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></label> <input type="text" class="gl-d-searchbox-input" id="gl-d-searchbox-input" placeholder="{{translation.product.search}}" name="q" value="{{result.term \| escape}}" autocapitalize="off" autocomplete="off" autocorrect="off"> </form> <button type="button" class="gl-d-close-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg></button> </div> <div class="gl-fullscreen-suggestions"> {% if result.isEmpty and result.term %} <div>{% if translation.search.not_found %}{{translation.search.not_found}}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> {% endif %} {% if zero_character_result and result.popular_keywords %} <div>{% for keyword in result.popular_keywords %}<a href="{{ search_url }}?q={{keyword.keyword \| url_encode}}">{{keyword.keyword \| escape}}</a>{% endfor %}</div> {% endif %} </div> <div class="gl-fullscreen-initial-content"> <div class="gl-row"> {% if result.suggestions or result.collections or result.pages %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.suggestions %} <div class="gl-list__group"> <div class="gl-list__title">{{keywords_suggestions_title \| escape}}</div> <div class="gl-list__content"><ul>{% for suggestion in result.suggestions %}<li><a href="{{ search_url }}?q={{suggestion.keyword \| url_encode}}">{{suggestion.keyword \| escape}}<span class="count">{{suggestion.count}}</span></a></li>{% endfor %}</ul></div> </div> {% endif %} {%- if result.collections -%} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"><ul>{%- for collection in result.collections -%}<li class="gl-list__item"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li>{%- endfor -%}</ul></div> </div> {%- endif -%} {%- if result.pages and result.pages.size > 0 -%} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.pages \| default: "Pages"}}</div> <div class="gl-list__content"><ul>{%- for page in result.pages limit: page_limit -%}<li class="gl-list__item"><a href="{{page.url}}">{{page.title \| escape}}</a></li>{%- endfor -%}</ul></div> </div> {%- endif -%} {%- if result.articles and result.articles.size > 0 -%} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.articles \| default: "Blog Posts"}}</div> <div class="gl-list__content"><ul>{%- for article in result.articles limit: article_limit -%}<li class="gl-list__item"><a href="{{article.url}}">{{article.title \| escape}}</a></li>{%- endfor -%}</ul></div> </div> {%- endif -%} </div> </div> {% endif %} <div class="gl-col-right"> {% if result.products %} <div class="gl-list gl-fullscreen-top-clicked"> <div class="gl-fullscreen-results__meta"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.term and result.isEmpty == false %} <a href="{% if result.url %}{{result.url}}{% else %}{{ search_url }}?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all_products %}{{translation.search.view_all_products}}{% else %}View all products{% endif %} </a> {% endif %} </div> <div class="gl-list__content"> {% if product_list_layout == "carousel" %}<div class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products">{% else %}<div class="gl-fullscreen-results__content">{% endif %} {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}" aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" width="{{product.image.width}}" height="{{product.image.height}}" alt="{{product.image.alt \| escape}}" /> {% else %} <img width="200" height="200" src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"><a href="{{root_url}}/products/{{product.handle}}">{{ product.title \| escape }}</a></div> {%- if product.vendor and elements contains "vendor" -%}<div class="gf-search-item-product-vendor">{{product.vendor}}</div>{%- endif -%} {%- if elements contains 'type' -%}<div class="gf-search-item-product-vendor">{{ product.product_type \| escape }}</div>{%- endif -%} {%- if product.first_available_variant.sku and elements contains 'sku' -%}<div class="gf-search-item-product-vendor">{{ product.first_available_variant.sku }}</div>{%- endif -%} <div class="gl-card-flex"></div> {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span class="gl-card-price">{{ product.price \| money}}</span>{%- if product.compare_at_price and product.compare_at_price > product.price -%} <span class="gl-card-old-price">{{ product.compare_at_price \| money}}</span>{%- endif -%}</div>{%- endif -%} </div> </div> {% endfor %} </div> </div> </div> {% endif %} </div> </div> </div> </div> </div> {%- endif -%} <!-- END app snippet --></script><script id="gspfSearchResult" type="template/html"> {% assign root_url = "" %} {% assign zero_character_result = true %} {% if result.term %}{% assign zero_character_result = false %}{% endif %} {% assign product_list_layout = 'grid' %} {% assign products_suggestions_title = translation.search.products \| default: "Products" %} {% assign keywords_suggestions_title = translation.search.suggestions \| default: "Suggestions" %} {% if zero_character_result %} {% if translation.search.zero_character_products_suggestions_title %} {% assign products_suggestions_title = translation.search.zero_character_products_suggestions_title %} {% endif %} {% if translation.search.zero_character_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.zero_character_keywords_suggestions_title %} {% endif %} {% elsif result.isEmpty %} {% if translation.search.no_result_products_suggestions_title %} {% assign products_suggestions_title = translation.search.no_result_products_suggestions_title %} {% endif %} {% if translation.search.no_result_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.no_result_keywords_suggestions_title %} {% endif %} {% endif %} {% if layout == 1 %} <div id="glFilter-search-popup" class="ui-menu gl-filter-search-fullscreen gl-filter-animate"> <div class="gl-backdrop gl-close-layer"></div> <div class="gl-fullscreen-layer gl-animate-transition"> <div class="gl-fullscreen-header"> <form class="gl-d-searchbox" method="GET" action="/search"> <label class="gl-icon gl-d-searchbox-icon" for="gl-d-searchbox-input"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px"> <path d="M0 0h24v24H0V0z" fill="none"></path> <path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </svg> </label> <input type="text" class="gl-d-searchbox-input" id="gl-d-searchbox-input" placeholder="{{translation.product.search}}" name="q" value="{{result.term \| escape}}" autocapitalize="off" autocomplete="off" autocorrect="off"> </form> <button type="button" class="gl-d-close-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg></button> </div> <div class="gl-fullscreen-suggestions"> {% if result.isEmpty and result.term %} <div>{% if translation.search.not_found %}{{translation.search.not_found}}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> {% endif %} </div> <div class="gl-fullscreen-initial-content"> {% if false and result.loading %} <div class="gl-fullscreen-loading-content"> <svg class="lds-spinner" width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(30 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(60 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(90 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(120 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(150 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(180 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(210 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(240 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(270 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(300 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(330 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate></rect></g></svg> </div> {% else %} <div class="gl-row"> {% if result.suggestions or result.collections or result.pages %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.collections %} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"> <ul> {% for collection in result.collections %} <li><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </div> </div> {% endif %} </div> </div> {% endif %} <div class="gl-col-right"> {% if result.products %} <div class="gl-list gl-fullscreen-top-clicked"> <div class="gl-fullscreen-results__meta"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.term and result.isEmpty == false %} <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all_products %}{{translation.search.view_all_products}}{% else %}View all products{% endif %} </a> {% endif %} </div> <div class="gl-list__content"> {% if product_list_layout == 'carousel' %} <div class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products"> {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% else %} <div class="gl-fullscreen-results__content"> {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% endif %} </div> </div> {% endif %} </div> </div> {% endif %} </div> </div> </div> {% endif %} {% if layout == 2 %} {% if result.isEmpty and result.term %} <li class="gf-search-no-result" aria-label="{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %} "{{result.term \| escape}}": {{result.term \| escape}}"> <p>{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></p> </li> {% endif %} {% if result.collections %} <li class="gf-search-collections"> <a class="gf-search-header">{{translation.search.collections \| default: "Collections"}}</a> <ul> {% for collection in result.collections %} <li aria-label="{{translation.search.collections \| default: "Collections"}}: {{collection.title \| escape}}"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </li> {% endif %} {% if result.products %} <li class="gf-search-products"> <a class="gf-search-header">{{products_suggestions_title}}</a> <ul> {% for product in result.products %} <li aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}"> <a aria-label="{{product.handle}}" href="{{root_url}}/products/{{product.handle}}"> <div class="gf-search-left"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '100x'}}"> {% endif %} </div> <div class="gf-search-right"> <div class="gf-search-item-product-title">{{product.title \| escape}}</div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} </div> </a> </li> {% endfor %} </ul> </li> {% endif %} {% if result.term and result.isEmpty == false %} <li class="gf-search-item gf-search-item-product gf-search-viewall"> <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all %}{{translation.search.view_all}}{% else %}Search for{% endif %} "{{result.term \| escape}}" </a> </li> {% endif %} {% endif %} {% if layout == 3 %} {% if result.isEmpty and result.term %} <div class="gl-fullscreen-suggestions"> <div>{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> </div> {% endif %} <div class="gl-grid-layer"> <div class="gl-fullscreen-layer"> <div class="gl-fullscreen-initial-content"> {% if false and result.loading %} <div class="gl-fullscreen-loading-content"> <svg class="lds-spinner" width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(30 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(60 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(90 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(120 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(150 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(180 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(210 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(240 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(270 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(300 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(330 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate></rect></g></svg> </div> {% else %} <div class="gl-row"> {% if result.suggestions or result.collections or result.pages or result.popular_keywords %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.suggestions %} <div class="gl-list__group"> <div class="gl-list__title">{{keywords_suggestions_title}}</div> <div class="gl-list__content"> <ul> {% for suggestion in result.suggestions %} <li aria-label="{{keywords_suggestions_title}}: {{suggestion.keyword \| escape}}"> <a href="/search?q={{suggestion.keyword \| url_encode}}">{{suggestion.keyword \| escape}}<span class="count">{{suggestion.count}}</span></a> </li> {% endfor %} </ul> </div> </div> {% endif %} {% if result.collections %} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"> <ul> {% for collection in result.collections %} <li aria-label="{{translation.search.collections \| default: "Collections"}}: {{collection.title \| escape}}"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </div> </div> {% endif %} </div> </div> {% endif %} <div class="gl-col-right"> <div class="gf-search-products"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.products %} <div class="gl-list__content"> {% if product_list_layout == 'carousel' %} <ul class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products"> {% for product in result.products %} <li aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </li> {% endfor %} </ul> {% else %} <div class="gl-fullscreen-results__content"> {% for product in result.products %} <div aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% endif %} </div> {% else %} <li aria-label="{{products_suggestions_title \| escape}}: {{translation.search.product_not_found \| default: "No products were found"}}">{{translation.search.product_not_found \| default: "No products were found"}}</li> {% endif %} </div> </div> </div> </div> {% endif %} </div> </div> </div> {% if result.term and result.isEmpty == false %} <div class="gf-search-item gf-search-item-product gf-search-viewall"> <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all %}{{translation.search.view_all}}{% else %}Search for{% endif %} "{{result.term \| escape}}" </a> </div> {% endif %} {% endif %} </script><script id="gspfProduct" type="template/html"> {% assign root_url = "" %} {% assign currencyFormat = "${{amount}}" %} {% assign swatch_options = 'color' \| downcase \| split: "~~" \| uniq %} {% assign image_options = '' \| downcase \| split: "~~" \| uniq %} {% assign text_options = '' \| downcase \| split: "~~" \| uniq %} {% assign show_selected_variant_info = true %} {% assign image_size = '500x500' %} {% assign images_count = product.images \| size %} {% assign variants_count = product.variants \| size %} {% assign options_count = product.options \| size %} {% assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' %} {% assign featured_image = product.featured_image %} {% assign product_price = product.price %} {% assign product_compare_at_price = product.compare_at_price %} {% assign second_image_index = 2 %} {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %} {% assign variant_url = '' %} {% if show_selected_variant_info and product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {% for image in product.images %} {% if image.id == featured_image.id %} {% if forloop.index == images_count %} {% assign second_image_index = 1 %} {% else %} {% assign second_image_index = forloop.index \| plus: 1 %} {% endif %} {% endif %} {% endfor %} {%- if section.settings.show_layout_switch -%} {%- assign desktop_items_per_row = cart.attributes.collection_desktop_items_per_row \| default: section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = cart.attributes.collection_mobile_items_per_row \| default: section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- if desktop_items_per_row >= 3 and desktop_items_per_row != section.settings.grid_desktop_items_per_row -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row -%} {%- endif -%} {%- else -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- endif -%} {%- if desktop_items_per_row == 4 -%} {%- assign tablet_items_per_row = 3 -%} {%- else -%} {%- assign tablet_items_per_row = 2 -%} {%- endif -%} {% assign show_product_info = true %} {% assign show_vendor = section.settings.show_vendor %} {% assign show_color_swatch = true %} {% assign show_labels = true %} <div{% if showPageData %} data-page="{{page}}"{% endif %} class="Grid__Cell 1/{{ mobile_items_per_row }}--phone 1/{{ tablet_items_per_row }}--tablet-and-up 1/{{ desktop_items_per_row }}--{% if section.settings.filter_position == 'drawer' %}lap-and-up{% else %}desk{% endif %}"> <div class="ProductItem {% if use_horizontal %}ProductItem--horizontal{% endif %}"> <div class="ProductItem__Wrapper"> {%- if settings.product_image_size == 'natural' or use_horizontal -%} {%- assign use_natural_size = true -%} {%- else -%} {%- assign use_natural_size = false -%} {%- endif -%} {%- if settings.product_show_secondary_image and product.images[1] != blank and use_horizontal != true -%} {%- assign has_alternate_image = true -%} {%- else -%} {%- assign has_alternate_image = false -%} {%- endif -%} <a href="{{ product.url \| within: collection }}{{variant_url}}" class="ProductItem__ImageWrapper {% if has_alternate_image %}ProductItem__ImageWrapper--withAlternateImage{% endif %}"> {%- if use_horizontal -%} {%- assign max_width = 125 -%} {%- else -%} {%- assign max_width = product.featured_image.preview_image.width -%} {%- endif -%} {%- assign media_aspect_ratio = product.featured_image.aspect_ratio \| default: product.featured_image.preview_image.aspect_ratio -%} <div class="AspectRatio AspectRatio--{% if use_natural_size %}withFallback{% else %}{{ settings.product_image_size }}{% endif %}" style="max-width: {{ max_width }}px; {% if use_natural_size %}padding-bottom: {{ 100.0 \| divided_by: media_aspect_ratio }}%;{% endif %} --aspect-ratio: {{ media_aspect_ratio }}"> {%- if has_alternate_image -%} {%- assign image_url = product.images[1] \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.images[1].alt \| escape }}" data-media-id="{{ product.images[1].id }}"> {%- endif -%} {%- assign image_url = product.featured_image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.featured_image.alt \| escape }}" data-media-id="{{ product.featured_image.id }}"> <span class="Image__Loader"></span> <noscripttag> <img class="ProductItem__Image ProductItem__Image--alternate" src="{{ product.images[1] \| img_url: '600x' }}" alt="{{ product.images[1].alt \| escape }}"> <img class="ProductItem__Image" src="{{ product.featured_image\| img_url: '600x' }}" alt="{{ product.featured_image.alt \| escape }}"> </noscripttag> </div> </a> {%- if show_labels -%} {%- capture product_labels -%} {%- for tag in product.tags -%} {%- if tag contains '__label' -%} <span class="ProductItem__Label Heading Text--subdued">{{ tag \| split: '__label:' \| last }}</span> {%- break -%} {%- endif -%} {%- endfor -%} {%- if product.available -%} {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Label ProductItem__Label--onSale Heading Text--subdued">Translation missing: en.product.labels.on_sale</span> {%- endif -%} {%- else -%} <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued">Translation missing: en.product.labels.sold_out</span> {%- endif -%} {%- endcapture -%} {%- if product_labels != blank -%} <div class="ProductItem__LabelList"> {{ product_labels }} </div> {%- endif -%} {%- endif -%} {% for t in product.tags %} {% if t contains 'label_' %} <div class="label_products">{{ t \| remove :"label_" }}</div> {% endif %} {% endfor %} {%- if show_product_info -%} <div class="ProductItem__Info {% unless use_horizontal %}ProductItem__Info--{{ settings.product_info_alignment }}{% endunless %}"> <p class="ProductItem__Vendor Heading">{{ product.vendor }}</p> <h2 class="ProductItem__Title Heading"> <a href="{{ product.url \| within: collection }}{{variant_url}}">{{ product.title }}</a> </h2> {%- if show_color_swatch -%} {%- assign color_swatch_list = '' -%} {%- capture color_swatch -%} {%- assign color_label = 'color,colour,couleur,colore,farbe,색,色,färg,farve' \| split: ',' -%} {%- capture color_name -%}{{ section.id }}-{{ product.id }}{%- endcapture -%} {%- for option in product.options -%} {%- assign downcased_option = option.name \| downcase -%} {%- if color_label contains downcased_option -%} {%- assign variant_option = 'option' \| append: forloop.index -%} {%- for value in option.values -%} {%- assign downcased_value = value \| downcase -%} {%- capture color_id -%}{{ section.id }}-{{ product.id }}-{{ forloop.index }}{%- endcapture -%} {%- for variant in product.variants -%} {%- if variant[variant_option] == value -%} {%- assign variant_for_value = variant -%} {%- break -%} {%- endif -%} {%- endfor -%} <div class="ProductItem__ColorSwatchItem"> {%- if variant_for_value.image -%} {%- assign variant_image_url = variant_for_value.image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} {%- endif -%} {%- assign color_swatch_name = value \| handle \| append: '.png' -%} {%- assign color_swatch_image = color_swatch_name \| file_img_url: '64x64' -%} <input class="ColorSwatch__Radio" type="radio" name="{{ color_name }}" id="{{ color_id }}" value="{{ value \| escape }}" {% if option.values[0] == value %}checked="checked"{% endif %} data-variant-url="{{ variant_for_value.url }}{% if variant_for_value.image %}#Image{{ variant_for_value.image.id }}{% endif %}" {% if variant_for_value.image %}data-image-id="{{ variant_for_value.image.id }}" data-image-url="{{ variant_image_url }}" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="{{ variant_for_value.image.aspect_ratio }}"{% endif %} aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small {% if downcased_value == 'white' %}ColorSwatch--white{% endif %}" for="{{ color_id }}" style="background-color: {{ value \| replace: ' ', '' \| downcase }}; {% if color_swatch_image != blank %}background-image: url({{ color_swatch_image }}){% endif %}" title="{{ value \| escape }}" data-tooltip="{{ value \| escape }}"></label> </div> {%- endfor -%} {%- endif -%} {%- endfor -%} {%- endcapture -%} {%- if color_swatch != blank -%} {%- capture color_swatch_list -%} <div class="ProductItem__ColorSwatchList"> {{- color_swatch -}} </div> {%- endcapture -%} {%- endif -%} {%- endif -%} {%- if show_price_on_hover == nil -%} {%- assign show_price_on_hover = settings.product_show_price_on_hover -%} {%- endif -%} {%- if show_price_on_hover and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} {%- if product.template_suffix != 'coming-soon' -%} <div class="ProductItem__PriceList {% if show_price_on_hover %}ProductItem__PriceList--showOnHover{% endif %} Heading"> {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Price Price Price--highlight Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> <span class="ProductItem__Price Price Price--compareAt Text--subdued">{{ product.compare_at_price \| money_without_trailing_zeros }}</span> {%- elsif product.price_varies -%} {%- capture formatted_min_price -%}{{ product.price_min \| money_without_trailing_zeros }}{%- endcapture -%} {%- capture formatted_max_price -%}{{ product.price_max \| money_without_trailing_zeros }}{%- endcapture -%} <span class="ProductItem__Price Price Text--subdued">From {{ formatted_min_price }}</span> {%- else -%} <span class="ProductItem__Price Price Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> {%- endif -%} </div> {%- endif -%} {%- if show_price_on_hover == false and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} </div> {%- endif -%} </div> {%- if use_horizontal -%} <a href="{{ product.url }}{{variant_url}}" class="ProductItem__ViewButton Button Button--secondary hidden-pocket">Translation missing: en.collection.product.view_product</a> {%- endif -%} </div> </div> </script> <script id="gspfFilterTree" type="template/html"> <div class="gf-filter-header"> <div class="gf-filter-heading">{{translation.filter.filter_by \| default: "Filter by"}}</div> <span onclick="globofilter.toggleCanvas()" class="gf-close-canvas"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"></path></svg></span> </div> {% assign selected_html = '' %} {% capture filter_tree_html %} {% if filters %} {% for filter in filters %} {% if filter.is_selected and filter.style == 'Slider' %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilter({{filter.id}})"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.attribute == 'Price' %} <span class="money">{{filter.values.min \| money}}</span> - <span class="money">{{filter.values.max \| money}}</span> {% elsif filter.attribute == 'Percent Sale' %} {{filter.values.min}}% - {{filter.values.max}}% {% else %} {{filter.values.min}} - {{filter.values.max}} {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <div data-filter-type="{{filter.attribute \| replace: 'option:', ''}}" data-filter-id="{{filter.id}}" class="gf-option-block {{filter.class}}{% if filter.is_collapse %} is-collapsed{% endif %}"> <div class="gf-block-title"> <div class="h3"> <span>{{filter.label \| escape}}</span> {% if filter.help %} <span class="gf-tooltip-trigger" aria-hidden="true">?</span> <div class="gf-tooltip"><div class="gf-tooltip-content" >{{filter.help \| newline_to_br}}</div></div> {% endif %} </div> {% if filter.is_selected %} <a class="gf-clear" onclick="removeFilter({{filter.id}})">{{ translation.filter.clear \| default: "Clear"}}</a> {% endif %} </div> <div class="gf-block-content"> {% if filter.searchable and filter.style != 'Slider' %}<input type="text" placeholder="{{ translation.filter.search \| default: "Search options"}}" value="" onkeyup="globofilter.searchValues(this);" class="gf-search">{% endif %} {% assign values_count = 0 %} {% if filter.values %}{% assign values_count = filter.values \| size %}{% endif %} <div class="gf-scroll {% if filter.style != 'Select' and filter.style != 'Slider' and values_count > 10 %}gf-block-scroll{% endif %}"> {% if filter.style == 'Slider' %} <div class="gf-range-inputs"> <input class="gf-range-min" id="min-{{filter.id}}" data-value="{{filter.values.min}}" data-min-value="{% if filter.attribute == 'Price' %}{{filter.ranges.min \| money_without_format}}{% else %}{{filter.ranges.min}}{% endif %}" value="{% if filter.attribute == 'Price' %}{{filter.values.min \| money_without_format}}{% else %}{{filter.values.min}}{% endif %}" type="text" aria-label="Min value" /> <span class="gf-range-split"> - </span> <input class="gf-range-max" id="max-{{filter.id}}" data-value="{{filter.values.max}}" data-max-value="{% if filter.attribute == 'Price' %}{{filter.ranges.max \| money_without_format}}{% else %}{{filter.ranges.max}}{% endif %}" value="{% if filter.attribute == 'Price' %}{{filter.values.max \| money_without_format}}{% else %}{{filter.values.max}}{% endif %}" type="text" aria-label="Max value" /> </div> <div class="gf-range-slider" data-min="{{filter.ranges.min}}" data-max="{{filter.ranges.max}}" aria-label="{{filter.label \| escape}}" data-id="{{filter.id}}" data-attribute="{{filter.id}}" id="slider-{{filter.id}}"></div> {% elsif filter.style == 'Select' %} <select onchange="toggleRadioFilter({{filter.id}}, this.value)"> <option value="">{{ translation.filter.choose_values \| default: "Choose values"}}</option> {% for value in filter.values %} {% assign value_label = value.label \| escape %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <option {% if value.selected %}selected="selected"{% endif %} value='{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}'> {{value_label}} ({{value.count}}) </option> {% endfor %} </select> {% else %} <ul class="gf-option-box"> {% if filter.attribute == 'Collection' %} {% assign collection_id = 300140822715 %} {% if filter.tree %} {% for node in filter.tree %} {% if node.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{node.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{node.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{node.value}}"{% if node.is_collapse %} class="is-collapsed"{% endif %}> <div> {% if filter.style == 'Checkbox' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{node.value}}')" title="{{node.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{node.value}}')" title="{{node.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{node.handle}}')" title="{{node.label \| escape}}"> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% endif %} {% if node.children %}<span></span>{% endif %} </div> {% if node.children %} <ul{% if node.is_collapse %} style="display:none"{% endif %}> {% for child in node.children %} {% if child.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li{% if child.is_collapse %} class="is-collapsed"{% endif %} data-collection="{{child.value}}"> <div> {% if filter.style == 'Checkbox' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child.handle}}')" title="{{child.label \| escape}}"> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% endif %} {% if child.children %}<span></span>{% endif %} </div> {% if child.children %} <ul{% if child.is_collapse %} style="display:none"{% endif %}> {% for child2 in child.children %} {% if child2.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child2.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{child2.value}}"> <div> {% if filter.style == 'Checkbox' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child2.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child2.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child2.handle}}')" title="{{child2.label \| escape}}"> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% endif %} {% if child2.children %}<span></span>{% endif %} </div> {% if child2.children %} <ul{% if child.is_collapse %} style="display:none"{% endif %}> {% for child3 in child2.children %} {% if child3.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child3.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{child3.value}}"> {% if filter.style == 'Checkbox' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child3.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child3.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child3.handle}}')" title="{{child3.label \| escape}}"> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} {% else %} {% for value in filter.values %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label"> {% if filter.attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% else %} {{value.label}} {% endif %} </span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li> <div> {% if filter.style == 'Checkbox' %} <a {% if value.selected or value.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if value.selected or value.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if node.selected or value.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{value.handle}}')" title="{{value.label \| escape}}"> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% endif %} </div> </li> {% endfor %} {% endif %} {% else %} {% for value in filter.values %} {% assign value_label = value.label \| escape %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% elsif filter.attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} {% if filter.style == 'Checkbox' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style == 'Radio' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style contains 'Box - Rectangle' %} <li class="gf-box-rectangle"> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style == 'Rating' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style contains 'Swatch' %} {% assign attribute = filter.attribute \| replace: 'option:', '' \| downcase %} {% assign value_handle = value.value \| downcase %} <li> <a {% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> {% if swatches[attribute] and swatches[attribute][value_handle] %} {% if swatches[attribute][value_handle].mode == 1 %} <span class="gf-option-one-color" style="background-color:{{ swatches[attribute][value_handle].color_1 }}"></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% elsif swatches[attribute][value_handle].mode == 2 %} <span class="gf-option-two-color" style="background-color:{{ swatches[attribute][value_handle].color_1 }}"><span class="bottom-color" style="border-bottom-color:{{ swatches[attribute][value_handle].color_2 }}"></span></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% elsif swatches[attribute][value_handle].mode == 3 %} <span class="gf-swatch-image" style="background-image: url('{{ swatches[attribute][value_handle].image }}');background-color: {{ value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape }}"></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% endif %} {% else %} {% assign value_handle = value.value \| handle %} {% assign value_jpg = value_handle \| append: '.jpg' %} {% assign value_png = value_handle \| append: '.png' %} {% assign value_jpeg = value_handle \| append: '.jpeg' %} {% assign has_swatch = false %} {% capture background_image_css %} {% if images contains value_jpg %} {% assign has_swatch = true %} background-image: url('{{ value_jpg \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif images contains value_png %} {% assign has_swatch = true %} background-image: url('{{ value_png \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif images contains value_jpeg %} {% assign has_swatch = true %} background-image: url('{{ value_jpeg \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif value.value contains 'https:' or value.value contains 'http:' %} {% assign has_swatch = true %} background-image: url('{{ value.value }}'); {% endif %} background-color: {{ value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape }}; {% endcapture %} {% if has_swatch %} <span class="gf-swatch-image" style="{{background_image_css}}"></span> {% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span> {% endif %} {% else %} <span class="gf-option-value">{{value.label \| escape}}</span> {% endif %} {% endif %} </a> </li> {% endif %} {% endfor %} {% if filter.style == 'Swatch' %} <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> {% endif %} {% endif %} </ul> {% endif %} </div> </div> </div> {% endfor %} {% endif %} {% endcapture %} <div class="globo-selected-items-wrapper"> {% if has_filter %} <div class="gf-block-title hidden-xs"> <div class="h3"><span>{{ translation.filter.filter_by \| default: "Filter by"}}</span></div> <a onclick="clearAllFilter()" class="gf-refine-toggle hidden-xs">{{ translation.filter.clear_all \| default: "Clear all"}}</a> </div> <div class="gf-block-content globo-selected-items"> <button onclick="clearAllFilter()" class="clear-refinements visible-xs">{{ translation.filter.clear_all \| default: "Clear all"}}</button> {{selected_html}} </div> {% endif %} </div> <div class="gf-filter-contents"> {{filter_tree_html}} </div> <div class="gf-filter-footer"> {% assign plurality = translation.search.products \| default: "Products" %} {% assign singular = translation.search.product \| default: "Product" %} <button type="button" onclick="globofilter.toggleCanvas()">{{ translation.filter.view \| default: "View"}} <b>{{pagination.total}}</b> {{pagination.total \| pluralize: singular, plurality}}</button> </div> </script> <script id="gspfFilterSort" type="template/html"> {% assign root_url = "" %} {% assign page = "collection" %} <div id="gf-controls-container"> {% if pagination.total > 0 %} <div class="gf-actions"> <div class="gf-filter-trigger"> <div class="gf-refine-toggle-mobile" tabindex="0"> <span onclick="globofilter.toggleCanvas()"><i class="fa fa-tasks" aria-hidden="true"></i> {{translation.filter.filter_by \| default: "Filter by"}}</span> </div> </div> <span class="gf-summary"> {% assign plurality = translation.search.products \| default: "Products" %} {% assign singular = translation.search.product \| default: "Product" %} <b>{{pagination.total}}</b> {{pagination.total \| pluralize: singular, plurality}} </span> <div class="gf-filter-selection"> <div class="sort-by limit-by hidden-xs"> <label for="setLimit">{{translation.product.limit \| default: "Show"}}</label> <select id="setLimit" class="sortby-select" onchange="setLimit(this.value); return false;"> <option selected value="12">12</option><option value="24">24</option><option value="48">48</option> </select> </div> {% assign relevance = '' %} {% assign available_sort = relevance \| append: 'best-selling,title-ascending,title-descending,created-descending,created-ascending,' \| append: sort_by \| append: ',manual' \| replace: "featured", "manual" \| split: "," \| uniq %} {% capture sort_by_text %} {% if sort_by =='best-selling' %} {{translation.sort.best_selling \| default: "Best Selling"}} {% elsif sort_by == 'manual' %} {{translation.sort.manually \| default: "Featured"}} {% elsif sort_by == 'relevance' %} {{translation.sort.relevance \| default: "Relevance"}} {% elsif sort_by == 'featured' %} {{translation.sort.manually \| default: "Featured"}} {% elsif sort_by == 'stock-descending' %} {{translation.sort.availability_in_stock_first \| default: "Availability"}} {% elsif sort_by == 'title-ascending' %} {{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}} {% elsif sort_by == 'title-descending' %} {{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}} {% elsif sort_by == 'price-ascending' %} {{translation.sort.price_low_to_high \| default: "Price, low to high"}} {% elsif sort_by == 'price-descending' %} {{translation.sort.price_high_to_low \| default: "Price, high to low"}} {% elsif sort_by == 'created-descending' %} {{translation.sort.date_new_to_old \| default: "Date, new to old"}} {% elsif sort_by == 'created-ascending' %} {{translation.sort.date_old_to_new \| default: "Date, old to new"}} {% elsif sort_by == 'sale-descending' %} {{translation.sort.sale_off \| default: "% Sale off"}} {% else %} {{sort \| replace: "-", " " \| capitalize}} {% endif %} {% endcapture %} {% comment %} <div class="sort-by"> <label for="changeSortBy" class="sort-by-toggle" role="button" tabindex="0" aria-expanded="false">{{translation.sort.sort_by \| default: "Sort by"}}</label> <select id="changeSortBy" class="sortby-select" onchange="changeSortBy(this.value); return false;"> {% if available_sort contains 'best-selling' %}<option {% if sort_by == 'best-selling' %} selected{% endif %} value="best-selling">{{translation.sort.best_selling \| default: "Best Selling"}}</option>{% endif %} {% if available_sort contains 'featured' or available_sort contains 'manual' %}<option {% if sort_by == 'manual' %} selected{% endif %} value="manual">{{translation.sort.manually \| default: "Featured"}}</option>{% endif %} {% if available_sort contains 'stock-descending' %}<option {% if sort_by == 'stock-descending' %} selected{% endif %} value="stock-descending">{{translation.sort.availability_in_stock_first \| default: "Availability"}}</option>{% endif %} {% if available_sort contains 'relevance' %}<option {% if sort_by == 'relevance' %} selected{% endif %} value="relevance">{{translation.sort.relevance \| default: "Relevance"}}</option>{% endif %} {% if available_sort contains 'title-ascending' %}<option {% if sort_by == 'title-ascending' %} selected{% endif %} value="title-ascending">{{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}}</option>{% endif %} {% if available_sort contains 'title-descending' %}<option {% if sort_by == 'title-descending' %} selected{% endif %} value="title-descending">{{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}}</option>{% endif %} {% if available_sort contains 'price-ascending' %}<option {% if sort_by == 'price-ascending' %} selected{% endif %} value="price-ascending">{{translation.sort.price_low_to_high \| default: "Price, low to high"}}</option>{% endif %} {% if available_sort contains 'price-descending' %}<option {% if sort_by == 'price-descending' %} selected{% endif %} value="price-descending">{{translation.sort.price_high_to_low \| default: "Price, high to low"}}</option>{% endif %} {% if available_sort contains 'created-descending' %}<option {% if sort_by == 'created-descending' %} selected{% endif %} value="created-descending">{{translation.sort.date_new_to_old \| default: "Date, new to old"}}</option>{% endif %} {% if available_sort contains 'created-ascending' %}<option {% if sort_by == 'created-ascending' %} selected{% endif %} value="created-ascending">{{translation.sort.date_old_to_new \| default: "Date, old to new"}}</option>{% endif %} {% if available_sort contains 'sale-descending' %}<option {% if sort_by == 'sale-descending' %} selected{% endif %} value="sale-descending">{{translation.sort.sale_off \| default: "% Sale off"}}</option>{% endif %} </select> </div> {% endcomment %} <div class="sort-by"> <label for="globo-dropdown-sort_options" class="sort-by-toggle" role="button" tabindex="0" aria-expanded="false"><span>{{sort_by_text}}</span></label> <div id="globo-dropdown-sort_options" class="globo-dropdown-custom__options"> {% for sort in available_sort %} {% if sort == 'best-selling' %} <span data-sort="best-selling" onclick="changeSortBy('best-selling');">{{translation.sort.best_selling \| default: "Best Selling"}}</span> {% elsif sort == 'featured' or sort == 'manual' %} <span data-sort="manual" onclick="changeSortBy('manual');">{{translation.sort.manually \| default: "Featured"}}</span> {% elsif sort == 'stock-descending' %} <span data-sort="stock-descending" onclick="changeSortBy('stock-descending');">{{translation.sort.availability_in_stock_first \| default: "Availability"}}</span> {% elsif sort == 'relevance' %} <span data-sort="relevance" onclick="changeSortBy('relevance');">{{translation.sort.relevance \| default: "Relevance"}}</span> {% elsif sort == 'title-ascending' %} <span data-sort="title-ascending" onclick="changeSortBy('title-ascending');">{{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}}</span> {% elsif sort == 'title-descending' %} <span data-sort="title-descending" onclick="changeSortBy('title-descending');">{{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}}</span> {% elsif sort == 'price-ascending' %} <span data-sort="price-ascending" onclick="changeSortBy('price-ascending');">{{translation.sort.price_low_to_high \| default: "Price, low to high"}}</span> {% elsif sort == 'price-descending' %} <span data-sort="price-descending" onclick="changeSortBy('price-descending');">{{translation.sort.price_high_to_low \| default: "Price, high to low"}}</span> {% elsif sort == 'created-descending' %} <span data-sort="created-descending" onclick="changeSortBy('created-descending');">{{translation.sort.date_new_to_old \| default: "Date, new to old"}}</span> {% elsif sort == 'created-ascending' %} <span data-sort="created-ascending" onclick="changeSortBy('created-ascending');">{{translation.sort.date_old_to_new \| default: "Date, old to new"}}</span> {% elsif sort == 'sale-descending' %} <span data-sort="sale-descending" onclick="changeSortBy('sale-descending');">{{translation.sort.sale_off \| default: "% Sale off"}}</span> {% else %} <span data-sort="{{sort}}" onclick="changeSortBy('{{sort}}');">{% if translation.sort[sort] %}{{translation.sort[sort]}}{% else %}{{sort \| replace: "-", " " \| capitalize}}{% endif %}</span> {% endif %} {% endfor %} </div> </div> </div> <div class="globo-selected-items-wrapper visible-xs"> {% if has_filter and filters %} <ul class="globo-selected-items"> {% capture selected_item_html %} {% assign filter_count = 0 %} {% for filter in filters %} {% if filter.is_selected %} {% if filter.style == 'Slider' %} {% assign filter_count = filter_count \| plus: 1 %} <li class="selected-item gf-option-label"> <a onclick="removeFilter({{filter.id}})"> <span class="selected-item"> <strong> {% if filter.attribute == 'Price' %} <span class="money">{{filter.values.min \| money}}</span> - <span class="money">{{filter.values.max \| money}}</span> {% elsif filter.attribute == 'Percent Sale' %} {{filter.values.min}}% - {{filter.values.max}}% {% else %} {{filter.values.min}} - {{filter.values.max}} {% endif %} </strong> </span> <span class="gf-clear"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg> </span> </a> </li> {% else %} {% for value in filter.values %} {% if value.selected %} {% assign filter_count = filter_count \| plus: 1 %} <li class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}}, '{{value.value \| replace:"\'", "\\\'" \| escape_once}}')"> <span class="selected-item"> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% elsif filter.attribute contains 'metafield:' and value.value contains 'https:' -%} <img style="max-height: 21px;display: block;" src="{{ value.value }}" /> {%- else -%} {{value.label}} {%- endif -%} </strong> </span> <span class="gf-clear"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg></span> </a> </li> {% endif %} {% endfor %} {% endif %} {% endif %} {% endfor %} {% endcapture %} {% if filter_count > 1 %} <li class="selected-item gf-option-label"><a onclick="clearAllFilter()" class="clear-refinements">{{ translation.filter.clear_all \| default: "Clear all"}}</a></li> {% endif %} {{selected_item_html}} </ul> {% endif %} </div> </div> {% endif %} </div> </script> <!-- END app app block --><!-- BEGIN app block: shopify://apps/searchanise-search-discovery/blocks/app-embed/d8f24ada-02b1-458a-bbeb-5bf16d5c921e --> <!-- END app app block --><script src="https://cdn.shopify.com/extensions/a36385f4-0a09-420d-b94f-7067ce268546/powerful-form-builder-65/assets/globo.formbuilder.index.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/b60ccc7c-49e1-43df-bf04-ebd2037c09e7/1.4.0/assets/disable-app.js" type="text/javascript" defer="defer"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;])/);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: 45695533209,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};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,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify\|\|{};var i=window.Shopify;i.analytics=i.analytics\|\|{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a\|\|a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t\|\|"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 45695533209,storefrontBaseUrl: "https://andrealeocouture.com",cdnBaseUrl: "https://andrealeocouture.com/cdn",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"300140822715","title":"SILVER FORMAL DRESSES","productVariants":[{"id":"44658089492667","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A0824_midnight_3_n.jpg?v=1687551464"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7850502193339","title":"A0824","untranslatedTitle":"A0824","url":"\/products\/a0824","vendor":"ANDREA \u0026 LEO COUTURE","type":"A-LINE DRESS"},"sku":"","title":"MIDNIGHT","untranslatedTitle":"MIDNIGHT"},{"id":"44656843194555","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/a0993.jpg?v=1687481838"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7850044162235","title":"A0993","untranslatedTitle":"A0993","url":"\/products\/a0993","vendor":"ANDREA \u0026 LEO COUTURE","type":"BEADED DRESS"},"sku":"","title":"SILVER","untranslatedTitle":"SILVER"},{"id":"44658300256443","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1023.jpg?v=1687564439"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7850546823355","title":"A1023","untranslatedTitle":"A1023","url":"\/products\/a1023","vendor":"ANDREA \u0026 LEO COUTURE","type":"A-LINE DRESS"},"sku":"","title":"SILVER","untranslatedTitle":"SILVER"},{"id":"44661812134075","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/a1062_1.jpg?v=1687818931"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7852065226939","title":"A1062","untranslatedTitle":"A1062","url":"\/products\/a1062","vendor":"ANDREA \u0026 LEO COUTURE","type":"MERMAID DRESS"},"sku":"","title":"SILVER","untranslatedTitle":"SILVER"},{"id":"44661846769851","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1094_silver_1.jpg?v=1687826490"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7852073484475","title":"A1094","untranslatedTitle":"A1094","url":"\/products\/a1094","vendor":"ANDREA \u0026 LEO COUTURE","type":"BEADED DRESS"},"sku":"","title":"SILVER","untranslatedTitle":"SILVER"},{"id":"44665054199995","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1182_silver.jpg?v=1687999760"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7853772406971","title":"A1182","untranslatedTitle":"A1182","url":"\/products\/a1182","vendor":"ANDREA \u0026 LEO COUTURE","type":"FITTED DRESS"},"sku":"","title":"SILVER","untranslatedTitle":"SILVER"},{"id":"44668483010747","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1190_silver.jpg?v=1688162629"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7854588428475","title":"A1190","untranslatedTitle":"A1190","url":"\/products\/a1190","vendor":"ANDREA \u0026 LEO COUTURE","type":"COCKTAIL DRESS"},"sku":"","title":"SILVER","untranslatedTitle":"SILVER"},{"id":"44870762954939","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229_blacknude.jpg?v=1710891189"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7906504704187","title":"A1229","untranslatedTitle":"A1229","url":"\/products\/a1229","vendor":"ANDREA \u0026 LEO COUTURE","type":""},"sku":"","title":"BLACK NUDE","untranslatedTitle":"BLACK NUDE"},{"id":"44870767050939","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1230_silvernude_2.jpg?v=1710888648"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7906506637499","title":"A1230","untranslatedTitle":"A1230","url":"\/products\/a1230","vendor":"ANDREA \u0026 LEO COUTURE","type":""},"sku":"","title":"SILVER NUDE","untranslatedTitle":"SILVER NUDE"},{"id":"44870869909691","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1256_silver-nude.jpg?v=1710892352"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7906540028091","title":"A1256","untranslatedTitle":"A1256","url":"\/products\/a1256","vendor":"ANDREA \u0026 LEO COUTURE","type":""},"sku":"","title":"SILVER NUDE","untranslatedTitle":"SILVER NUDE"},{"id":"44875725701307","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1312_silver-nude.jpg?v=1703179955"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7906974400699","title":"A1312","untranslatedTitle":"A1312","url":"\/products\/a1312","vendor":"ANDREA \u0026 LEO COUTURE","type":""},"sku":"","title":"SILVER NUDE","untranslatedTitle":"SILVER NUDE"},{"id":"44875820728507","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1325_silver_1.jpg?v=1710894111"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7906976071867","title":"A1325","untranslatedTitle":"A1325","url":"\/products\/a1325","vendor":"ANDREA \u0026 LEO COUTURE","type":""},"sku":"","title":"SILVER","untranslatedTitle":"SILVER"},{"id":"44870870958267","image":{"src":"\/\/andrealeocouture.com\/cdn\/shop\/files\/A1257_dustymauve_1.jpg?v=1703105167"},"price":{"amount":0.0,"currencyCode":"USD"},"product":{"id":"7906540552379","title":"A1257","untranslatedTitle":"A1257","url":"\/products\/a1257","vendor":"ANDREA \u0026 LEO COUTURE","type":""},"sku":"","title":"DUSTY MAUVE","untranslatedTitle":"DUSTY MAUVE"}]}});},"https://andrealeocouture.com/cdn","0.0.463","af064dacw059a0243p359f28e4m038b1d93",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics \|\| {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta \|\| {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"products":[{"id":7850502193339,"gid":"gid:\/\/shopify\/Product\/7850502193339","vendor":"ANDREA \u0026 LEO COUTURE","type":"A-LINE DRESS","variants":[{"id":44658089492667,"price":0,"name":"A0824 - MIDNIGHT","public_title":"MIDNIGHT","sku":""}]},{"id":7850044162235,"gid":"gid:\/\/shopify\/Product\/7850044162235","vendor":"ANDREA \u0026 LEO COUTURE","type":"BEADED DRESS","variants":[{"id":44656843194555,"price":0,"name":"A0993 - SILVER","public_title":"SILVER","sku":""}]},{"id":7850546823355,"gid":"gid:\/\/shopify\/Product\/7850546823355","vendor":"ANDREA \u0026 LEO COUTURE","type":"A-LINE DRESS","variants":[{"id":44658300256443,"price":0,"name":"A1023 - SILVER","public_title":"SILVER","sku":""}]},{"id":7852065226939,"gid":"gid:\/\/shopify\/Product\/7852065226939","vendor":"ANDREA \u0026 LEO COUTURE","type":"MERMAID DRESS","variants":[{"id":44661812134075,"price":0,"name":"A1062 - SILVER","public_title":"SILVER","sku":""}]},{"id":7852073484475,"gid":"gid:\/\/shopify\/Product\/7852073484475","vendor":"ANDREA \u0026 LEO COUTURE","type":"BEADED DRESS","variants":[{"id":44661846769851,"price":0,"name":"A1094 - SILVER","public_title":"SILVER","sku":""}]},{"id":7853772406971,"gid":"gid:\/\/shopify\/Product\/7853772406971","vendor":"ANDREA \u0026 LEO COUTURE","type":"FITTED DRESS","variants":[{"id":44665054199995,"price":0,"name":"A1182 - SILVER","public_title":"SILVER","sku":""}]},{"id":7854588428475,"gid":"gid:\/\/shopify\/Product\/7854588428475","vendor":"ANDREA \u0026 LEO COUTURE","type":"COCKTAIL DRESS","variants":[{"id":44668483010747,"price":0,"name":"A1190 - SILVER","public_title":"SILVER","sku":""}]},{"id":7906504704187,"gid":"gid:\/\/shopify\/Product\/7906504704187","vendor":"ANDREA \u0026 LEO COUTURE","type":"","variants":[{"id":44870762954939,"price":0,"name":"A1229 - BLACK NUDE","public_title":"BLACK NUDE","sku":""},{"id":44870762987707,"price":0,"name":"A1229 - EMERALD","public_title":"EMERALD","sku":""},{"id":44870763020475,"price":0,"name":"A1229 - MAUVE","public_title":"MAUVE","sku":""},{"id":44870763053243,"price":0,"name":"A1229 - ROYAL","public_title":"ROYAL","sku":""},{"id":44870763086011,"price":0,"name":"A1229 - SILVER NUDE","public_title":"SILVER NUDE","sku":""}]},{"id":7906506637499,"gid":"gid:\/\/shopify\/Product\/7906506637499","vendor":"ANDREA \u0026 LEO COUTURE","type":"","variants":[{"id":44870767050939,"price":0,"name":"A1230 - SILVER NUDE","public_title":"SILVER NUDE","sku":""}]},{"id":7906540028091,"gid":"gid:\/\/shopify\/Product\/7906540028091","vendor":"ANDREA \u0026 LEO COUTURE","type":"","variants":[{"id":44870869909691,"price":0,"name":"A1256 - SILVER NUDE","public_title":"SILVER NUDE","sku":""}]},{"id":7906974400699,"gid":"gid:\/\/shopify\/Product\/7906974400699","vendor":"ANDREA \u0026 LEO COUTURE","type":"","variants":[{"id":44875725701307,"price":0,"name":"A1312 - SILVER NUDE","public_title":"SILVER NUDE","sku":""}]},{"id":7906976071867,"gid":"gid:\/\/shopify\/Product\/7906976071867","vendor":"ANDREA \u0026 LEO COUTURE","type":"","variants":[{"id":44875820728507,"price":0,"name":"A1325 - SILVER","public_title":"SILVER","sku":""}]},{"id":7906540552379,"gid":"gid:\/\/shopify\/Product\/7906540552379","vendor":"ANDREA \u0026 LEO COUTURE","type":"","variants":[{"id":44870870958267,"price":0,"name":"A1257 - DUSTY MAUVE","public_title":"DUSTY MAUVE","sku":""}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":300140822715}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </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: 45695533209, theme_id: 133786337467, app_name: "storefront", context_url: window.location.href, source_url: "//andrealeocouture.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//andrealeocouture.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//andrealeocouture.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":45695533209,"isMerchantRequest":null,"themeId":133786337467,"themeCityHash":"14042805067823066428","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Pinterest Pixel":{"pixelId":"2612823051273"},"Google Gtag Pixel":{"conversionId":"G-VSGYB4NZG3","eventLabels":[{"type":"purchase","action_label":"G-VSGYB4NZG3"},{"type":"page_view","action_label":"G-VSGYB4NZG3"},{"type":"view_item","action_label":"G-VSGYB4NZG3"},{"type":"search","action_label":"G-VSGYB4NZG3"},{"type":"add_to_cart","action_label":"G-VSGYB4NZG3"},{"type":"begin_checkout","action_label":"G-VSGYB4NZG3"},{"type":"add_payment_info","action_label":"G-VSGYB4NZG3"}],"targetCountry":"US"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer"}} ); 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":"collection","resourceType":"collection","resourceId":300140822715}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you\|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: silver-formal-dresses","collectionName":"silver-formal-dresses","collectionId":300140822715,"nonInteraction":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//andrealeocouture.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { if (window.BOOMR && (window.BOOMR.version \|\| window.BOOMR.snippetExecuted)) { return; } window.BOOMR = window.BOOMR \|\| {}; window.BOOMR.snippetStart = new Date().getTime(); window.BOOMR.snippetExecuted = true; window.BOOMR.snippetVersion = 12; window.BOOMR.application = "storefront-renderer"; window.BOOMR.themeName = "Prestige"; window.BOOMR.themeVersion = "4.9.2"; window.BOOMR.shopId = 45695533209; window.BOOMR.themeId = 133786337467; window.BOOMR.renderRegion = "gcp-europe-west1"; window.BOOMR.url = "https://andrealeocouture.com/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js"; var where = document.currentScript \|\| document.getElementsByTagName("script")[0]; var parentNode = where.parentNode; var promoted = false; var LOADER_TIMEOUT = 3000; function promote() { if (promoted) { return; } var script = document.createElement("script"); script.id = "boomr-scr-as"; script.src = window.BOOMR.url; script.async = true; parentNode.appendChild(script); promoted = true; } function iframeLoader(wasFallback) { promoted = true; var dom, bootstrap, iframe, iframeStyle; var doc = document; var win = window; window.BOOMR.snippetMethod = wasFallback ? "if" : "i"; bootstrap = function(parent, scriptId) { var script = doc.createElement("script"); script.id = scriptId \|\| "boomr-if-as"; script.src = window.BOOMR.url; BOOMR_lstart = new Date().getTime(); parent = parent \|\| doc.body; parent.appendChild(script); }; if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) { window.BOOMR.snippetMethod = "s"; bootstrap(parentNode, "boomr-async"); return; } iframe = document.createElement("IFRAME"); iframe.src = "about:blank"; iframe.title = ""; iframe.role = "presentation"; iframe.loading = "eager"; iframeStyle = (iframe.frameElement \|\| iframe).style; iframeStyle.width = 0; iframeStyle.height = 0; iframeStyle.border = 0; iframeStyle.display = "none"; parentNode.appendChild(iframe); try { win = iframe.contentWindow; doc = win.document.open(); } catch (e) { dom = document.domain; iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);"; win = iframe.contentWindow; doc = win.document.open(); } if (dom) { doc._boomrl = function() { this.domain = dom; bootstrap(); }; doc.write("<body onload='document._boomrl();'>"); } else { win._boomrl = function() { bootstrap(); }; if (win.addEventListener) { win.addEventListener("load", win._boomrl, false); } else if (win.attachEvent) { win.attachEvent("onload", win._boomrl); } } doc.close(); } var link = document.createElement("link"); if (link.relList && typeof link.relList.supports === "function" && link.relList.supports("preload") && ("as" in link)) { window.BOOMR.snippetMethod = "p"; link.href = window.BOOMR.url; link.rel = "preload"; link.as = "script"; link.addEventListener("load", promote); link.addEventListener("error", function() { iframeLoader(true); }); setTimeout(function() { if (!promoted) { iframeLoader(true); } }, LOADER_TIMEOUT); BOOMR_lstart = new Date().getTime(); parentNode.appendChild(link); } else { iframeLoader(false); } function boomerangSaveLoadTime(e) { window.BOOMR_onload = (e && e.timeStamp) \|\| new Date().getTime(); } if (window.addEventListener) { window.addEventListener("load", boomerangSaveLoadTime, false); } else if (window.attachEvent) { window.attachEvent("onload", boomerangSaveLoadTime); } if (document.addEventListener) { document.addEventListener("onBoomerangLoaded", function(e) { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); }); } else if (document.attachEvent) { document.attachEvent("onpropertychange", function(e) { if (!e) e=event; if (e.propertyName === "onBoomerangLoaded") { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })();</script> </head><body
76	Error Start tag body seen but an element of the same type was already open. On line 2984, column 113 t> </head><body class="prestige--v4 features--heading-large features--show-element-staggering template-collection"> <
77	Error Duplicate ID localization_form_header. On line 3351, column 198 llection"> <a class="PageSkipLink u-visually-hidden" href="#main">Skip to content</a> <span class="LoadingBar"></span> <div class="PageOverlay"></div><div id="shopify-section-popup" class="shopify-section"></div> <div id="shopify-section-sidebar-menu" class="shopify-section"><section id="sidebar-menu" class="SidebarMenu Drawer Drawer--small Drawer--fromLeft" aria-hidden="true" data-section-id="sidebar-menu" data-section-type="sidebar-menu"> <header class="Drawer__Header" data-drawer-animated-left> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-menu" aria-label="Close navigation"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </header> <div class="Drawer__Content"> <div class="Drawer__Main" data-drawer-animated-left data-scrollable> <div class="Drawer__Container"> <nav class="SidebarMenu__Nav SidebarMenu__Nav--primary" aria-label="Sidebar navigation"><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 open-ac" data-action="toggle-collapsible" aria-expanded="true">COLLECTION<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7 open-ac" data-action="toggle-collapsible" aria-expanded="true">OCCASION<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item"> <a href="/collections/all" class="Text--subdued Link Link--primary MenuLinks">ALL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/prom" class="Text--subdued Link Link--primary MenuLinks">PROM GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/prom-evening-dress" class="Text--subdued Link Link--primary MenuLinks">EVENING GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/short-dress" class="Text--subdued Link Link--primary MenuLinks">COCKTAIL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Text--subdued Link Link--primary MenuLinks">MOTHER OF BRIDE</a> </li></ul> </div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7 " data-action="toggle-collapsible" aria-expanded="false">BY COLOR<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item"> <a href="/collections/black-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">BLACK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/red-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">RED DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/blue-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">BLUE DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/green-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">GREEN DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/pink-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">PINK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/silver-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">SILVER DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/gold-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">GOLD DRESSES</a> </li></ul> </div> </div></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">EDIT<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/collections/easter-picnic-prom-edit" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">Easter Picnic Prom Edit</a></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">WEDDING SHOP<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7 open-ac" data-action="toggle-collapsible" aria-expanded="true">THE WEDDING SHOP<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item"> <a href="/collections/bridal" class="Text--subdued Link Link--primary MenuLinks">BRIDAL</a> </li><li class="Linklist__Item"> <a href="/collections/bridesmaid" class="Text--subdued Link Link--primary MenuLinks">BRIDESMAID</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Text--subdued Link Link--primary MenuLinks">MOTHER OF BRIDE</a> </li></ul> </div> </div></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">THE BRAND<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/pages/our-story" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">ABOUT A&amp;L</a></div><div class="Collapsible"><a href="/blogs/press-media" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">PRESS &amp; MEDIA</a></div><div class="Collapsible"><a href="/pages/archive" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">ARCHIVE</a></div><div class="Collapsible"><a href="/blogs/empower" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">EMPOWER</a></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">FIND A STORE<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/pages/online-stores" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">ONLINE STORES</a></div><div class="Collapsible"><a href="/pages/store-locator" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">BOUTIQUE LOCATOR</a></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">WHOLESALE<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/pages/become-a-retailer" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">How to become a RETAILER</a></div><div class="Collapsible"><a href="https://order.ladivine.com/customer/account/login" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">RETAILER LOGIN</a></div><div class="Collapsible"><a href="https://order.ladivine.com/customer/account/create/" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">RETAILER APPLICATION</a></div></div> </div></div><div class="Collapsible"><a href="https://ladivine.com?utm_source=AL&utm_medium=referral" class="Collapsible__Button Heading Link Link--primary u-h6 MenuLinks">SISTER BRAND</a></div></nav><nav class="SidebarMenu__Nav SidebarMenu__Nav--secondary"> <ul class="Linklist Linklist--spacingLoose"></ul> </nav> </div> </div><aside class="Drawer__Footer" data-drawer-animated-bottom><ul class="SidebarMenu__Social HorizontalList HorizontalList--spacingFill"> <li class="HorizontalList__Item"> <a href="https://www.facebook.com/andrealeocouture" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Facebook"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--facebook" viewBox="0 0 9 17"> <path d="M5.842 17V9.246h2.653l.398-3.023h-3.05v-1.93c0-.874.246-1.47 1.526-1.47H9V.118C8.718.082 7.75 0 6.623 0 4.27 0 2.66 1.408 2.66 3.994v2.23H0v3.022h2.66V17h3.182z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.instagram.com/andrea_leo_couture/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Instagram"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--instagram" role="presentation" viewBox="0 0 32 32"> <path d="M15.994 2.886c4.273 0 4.775.019 6.464.095 1.562.07 2.406.33 2.971.552.749.292 1.283.635 1.841 1.194s.908 1.092 1.194 1.841c.216.565.483 1.41.552 2.971.076 1.689.095 2.19.095 6.464s-.019 4.775-.095 6.464c-.07 1.562-.33 2.406-.552 2.971-.292.749-.635 1.283-1.194 1.841s-1.092.908-1.841 1.194c-.565.216-1.41.483-2.971.552-1.689.076-2.19.095-6.464.095s-4.775-.019-6.464-.095c-1.562-.07-2.406-.33-2.971-.552-.749-.292-1.283-.635-1.841-1.194s-.908-1.092-1.194-1.841c-.216-.565-.483-1.41-.552-2.971-.076-1.689-.095-2.19-.095-6.464s.019-4.775.095-6.464c.07-1.562.33-2.406.552-2.971.292-.749.635-1.283 1.194-1.841s1.092-.908 1.841-1.194c.565-.216 1.41-.483 2.971-.552 1.689-.083 2.19-.095 6.464-.095zm0-2.883c-4.343 0-4.889.019-6.597.095-1.702.076-2.864.349-3.879.743-1.054.406-1.943.959-2.832 1.848S1.251 4.473.838 5.521C.444 6.537.171 7.699.095 9.407.019 11.109 0 11.655 0 15.997s.019 4.889.095 6.597c.076 1.702.349 2.864.743 3.886.406 1.054.959 1.943 1.848 2.832s1.784 1.435 2.832 1.848c1.016.394 2.178.667 3.886.743s2.248.095 6.597.095 4.889-.019 6.597-.095c1.702-.076 2.864-.349 3.886-.743 1.054-.406 1.943-.959 2.832-1.848s1.435-1.784 1.848-2.832c.394-1.016.667-2.178.743-3.886s.095-2.248.095-6.597-.019-4.889-.095-6.597c-.076-1.702-.349-2.864-.743-3.886-.406-1.054-.959-1.943-1.848-2.832S27.532 1.247 26.484.834C25.468.44 24.306.167 22.598.091c-1.714-.07-2.26-.089-6.603-.089zm0 7.778c-4.533 0-8.216 3.676-8.216 8.216s3.683 8.216 8.216 8.216 8.216-3.683 8.216-8.216-3.683-8.216-8.216-8.216zm0 13.549c-2.946 0-5.333-2.387-5.333-5.333s2.387-5.333 5.333-5.333 5.333 2.387 5.333 5.333-2.387 5.333-5.333 5.333zM26.451 7.457c0 1.059-.858 1.917-1.917 1.917s-1.917-.858-1.917-1.917c0-1.059.858-1.917 1.917-1.917s1.917.858 1.917 1.917z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.pinterest.com/andrealeocouture/_saved/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Pinterest"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--pinterest" role="presentation" viewBox="0 0 32 32"> <path d="M16 0q3.25 0 6.208 1.271t5.104 3.417 3.417 5.104T32 16q0 4.333-2.146 8.021t-5.833 5.833T16 32q-2.375 0-4.542-.625 1.208-1.958 1.625-3.458l1.125-4.375q.417.792 1.542 1.396t2.375.604q2.5 0 4.479-1.438t3.063-3.937 1.083-5.625q0-3.708-2.854-6.437t-7.271-2.729q-2.708 0-4.958.917T8.042 8.689t-2.104 3.208-.729 3.479q0 2.167.812 3.792t2.438 2.292q.292.125.5.021t.292-.396q.292-1.042.333-1.292.167-.458-.208-.875-1.083-1.208-1.083-3.125 0-3.167 2.188-5.437t5.729-2.271q3.125 0 4.875 1.708t1.75 4.458q0 2.292-.625 4.229t-1.792 3.104-2.667 1.167q-1.25 0-2.042-.917t-.5-2.167q.167-.583.438-1.5t.458-1.563.354-1.396.167-1.25q0-1.042-.542-1.708t-1.583-.667q-1.292 0-2.167 1.188t-.875 2.979q0 .667.104 1.292t.229.917l.125.292q-1.708 7.417-2.083 8.708-.333 1.583-.25 3.708-4.292-1.917-6.938-5.875T0 16Q0 9.375 4.687 4.688T15.999.001z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.youtube.com/@andrealeocouture" class="Link Link--primary" target="_blank" rel="noopener" aria-label="YouTube"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--youtube" role="presentation" viewBox="0 0 33 32"> <path d="M0 25.693q0 1.997 1.318 3.395t3.209 1.398h24.259q1.891 0 3.209-1.398t1.318-3.395V6.387q0-1.997-1.331-3.435t-3.195-1.438H4.528q-1.864 0-3.195 1.438T.002 6.387v19.306zm12.116-3.488V9.876q0-.186.107-.293.08-.027.133-.027l.133.027 11.61 6.178q.107.107.107.266 0 .107-.107.213l-11.61 6.178q-.053.053-.107.053-.107 0-.16-.053-.107-.107-.107-.213z"></path> </svg></span> </a> </li> </ul> </aside></div> </section> </div> <div id="sidebar-cart" class="Drawer Drawer--fromRight" aria-hidden="true" data-section-id="cart" data-section-type="cart" data-section-settings='{ "type": "drawer", "itemCount": 0, "drawer": true, "hasShippingEstimator": false }'> <div class="Drawer__Header Drawer__Header--bordered Drawer__Container"> <span class="Drawer__Title Heading u-h4" style="font-size:21px;">SHOPPING BAG</span> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-cart" aria-label="Close cart"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <form class="Cart Drawer__Content" action="/cart" method="POST" novalidate> <div class="Drawer__Main" data-scrollable><p class="Cart__Empty Heading u-h5">Your cart is empty</p></div></form> </div> <div class="PageContainer"> <div id="shopify-section-announcement" class="shopify-section"></div> <div id="shopify-section-header" class="shopify-section shopify-section--header section-header__new"><link href="//andrealeocouture.com/cdn/shop/t/33/assets/custom-header-style.css?v=115507868571079734781711049929" rel="stylesheet" type="text/css" media="all" /> <div id="Search" class="Search hide" aria-hidden="true" > <div class="Search__Inner" > <div class="Search__SearchBar" > <form action="/search" name="GET" role="search" class="Search__Form"> <div class="Search__InputIconWrapper"> <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17"> <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M16 16l-5.0752-5.0752"></path> <circle cx="6.4" cy="6.4" r="6.4"></circle> </g> </svg></span> <span class="hidden-phone"><svg class="Icon Icon--search-desktop" role="presentation" viewBox="0 0 21 21"> <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M18 18l-5.7096-5.7096"></path> <circle cx="7.2" cy="7.2" r="7.2"></circle> </g> </svg></span> </div> <input type="search" class="Search__Input Heading" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Search..." autofocus style="color:#fff;"> <input type="hidden" name="type" value="product"> </form> <button class="Search__Close Link Link--primary" data-action="close-search"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <div class="Search__Results" aria-hidden="true" style="color:#fff;"><div class="PageLayout PageLayout--breakLap"> <div class="PageLayout__Section"></div> <div class="PageLayout__Section PageLayout__Section--secondary"></div> </div></div> </div> </div><header id="section-header" class="gradient-black Header Header--center Header--initialized Header--withIcons" data-section-id="header" data-section-type="header" data-section-settings='{ "navigationStyle": "center", "hasTransparentHeader": false, "isSticky": false }' role="banner"> <div class="Header__Wrapper"> <div class="Header__FlexItem Header__stickyLogo hidden-pocket hidden-lap"> <a href="/" class="Header__LogoLink"> <img class="Header__LogoImage StickyHeader__LogoIamge" title="AL-logo" src="//andrealeocouture.com/cdn/shop/files/sticky_logo_image_600x.png?v=1687287073" srcset="//andrealeocouture.com/cdn/shop/files/sticky_logo_image_600x.png?v=1687287073 1x, //andrealeocouture.com/cdn/shop/files/[email protected]?v=1687287073 2x" width="" alt="Andrea Leo Couture" height=""> </a> </div> <div class="Header__FlexItem Header__FlexItem--fill Header__FlexItemLeft"> <button class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable hidden-desk" aria-expanded="false" data-action="open-drawer" data-drawer-id="sidebar-menu" aria-label="Open navigation"> <span class="hidden-tablet-and-up"><svg class="Icon Icon--nav" role="presentation" viewBox="0 0 20 14"> <path d="M0 14v-1h20v1H0zm0-7.5h20v1H0v-1zM0 0h20v1H0V0z" fill="currentColor"></path> </svg></span> <span class="hidden-phone"><svg class="Icon Icon--nav-desktop" role="presentation" viewBox="0 0 24 16"> <path d="M0 15.985v-2h24v2H0zm0-9h24v2H0v-2zm0-7h24v2H0v-2z" fill="currentColor"></path> </svg></span> </button><nav class="Header__MainNav hidden-pocket hidden-lap" aria-label="Main navigation"> <ul class="HorizontalList HorizontalList--spacingExtraLoose"><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/collections/all" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">COLLECTION<span class="Header__LinkSpacer">COLLECTION</span></a><div class="MegaMenu " aria-hidden="true" > <div class="MegaMenu__Inner"> <div class="MegaMenu-Inner__Item"><div class="MegaMenu__Item MegaMenu__Item--fit MegaMenu__Item-links Item__multi-links "> <a href="/pages/edit" class="MegaMenu__Title Heading Text--subdued u-h7">OCCASION</a><ul class="Linklist"><li class="Linklist__Item"> <a href="/collections/all" class="Link Link--secondary">ALL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/prom" class="Link Link--secondary">PROM GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/prom-evening-dress" class="Link Link--secondary">EVENING GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/short-dress" class="Link Link--secondary">COCKTAIL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Link Link--secondary">MOTHER OF BRIDE</a> </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit MegaMenu__Item-links Item__multi-links "> <a href="#" class="MegaMenu__Title Heading Text--subdued u-h7">BY COLOR</a><ul class="Linklist"><li class="Linklist__Item"> <a href="/collections/black-formal-dresses" class="Link Link--secondary">BLACK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/red-formal-dresses" class="Link Link--secondary">RED DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/blue-formal-dresses" class="Link Link--secondary">BLUE DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/green-formal-dresses" class="Link Link--secondary">GREEN DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/pink-formal-dresses" class="Link Link--secondary">PINK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/silver-formal-dresses" class="Link Link--secondary">SILVER DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/gold-formal-dresses" class="Link Link--secondary">GOLD DRESSES</a> </li></ul></div></div><div class="MegaMenu-Inner__Item MegaMenu-Inner__Item-img has_half "> <div class="MegaMenu__Item half__Item " style=""><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/prom"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/A1285_blue_3_1x1.jpg?v=1703018010); max-width: 370px; --aspect-ratio: 0.6666666666666666"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703018010" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">PROM</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/prom-evening-dress"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/A1229_silver-nude_1x1.jpg?v=1703019062); max-width: 370px; --aspect-ratio: 0.6666666666666666"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703019062" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">EVENING</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/short-dress"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/A1347_rosegold_orchid-1_1x1.jpg?v=1703019062); max-width: 370px; --aspect-ratio: 0.6666666666666666"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703019062" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">COCKTAIL</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div></div> </div></div> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="#" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">EDIT</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/collections/easter-picnic-prom-edit" class="Link Link--secondary">Easter Picnic Prom Edit </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/collections/the-wedding-shop" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">WEDDING SHOP<span class="Header__LinkSpacer">WEDDING SHOP</span></a><div class="MegaMenu MegaMenu--spacingEvenly " aria-hidden="true" > <div class="MegaMenu__Inner"> <div class="MegaMenu-Inner__Item"><div class="MegaMenu__Item MegaMenu__Item--fit MegaMenu__Item-links Item__single-links "> <a href="/collections/the-wedding-shop" class="MegaMenu__Title Heading Text--subdued u-h7">THE WEDDING SHOP</a><ul class="Linklist"><li class="Linklist__Item"> <a href="/collections/bridal" class="Link Link--secondary">BRIDAL</a> </li><li class="Linklist__Item"> <a href="/collections/bridesmaid" class="Link Link--secondary">BRIDESMAID</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Link Link--secondary">MOTHER OF BRIDE</a> </li></ul></div></div><div class="MegaMenu-Inner__Item MegaMenu-Inner__Item-img "> <div class="MegaMenu__Item " style="width: 370px; min-width: 250px;"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/bridal"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/CDS431W_1_1x1.jpg?v=1703096258); max-width: 370px; --aspect-ratio: 1.262970168612192"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703096258" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">BRIDAL</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div></div> </div></div> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/pages/our-story" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">THE BRAND</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/pages/our-story" class="Link Link--secondary">ABOUT A&amp;L </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/blogs/press-media" class="Link Link--secondary">PRESS &amp; MEDIA </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/pages/archive" class="Link Link--secondary">ARCHIVE </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/blogs/empower" class="Link Link--secondary">EMPOWER </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/pages/find-a-store" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">FIND A STORE</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/pages/online-stores" class="Link Link--secondary">ONLINE STORES </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/pages/store-locator" class="Link Link--secondary">BOUTIQUE LOCATOR </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/pages/become-a-retailer" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">WHOLESALE</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/pages/become-a-retailer" class="Link Link--secondary">How to become a RETAILER </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="https://order.ladivine.com/customer/account/login" class="Link Link--secondary">RETAILER LOGIN </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="https://order.ladivine.com/customer/account/create/" class="Link Link--secondary">RETAILER APPLICATION </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " > <a href="https://ladivine.com?utm_source=AL&utm_medium=referral" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">SISTER BRAND<span class="Header__LinkSpacer">SISTER BRAND</span></a></li></ul> </nav><form method="post" action="/localization" id="localization_form_header" accept-charset="UTF-8" class="Header__LocalizationForm hidden-pocket hidden-lap" enctype="multipart/form-data"><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="/collections/silver-formal-dresses" /><div id="astreeheaderselectors" class="HorizontalList HorizontalList--spacingLoose"><div class="HorizontalList__Item astreeheaderselectors"> <input type="hidden" name="locale_code" value="en"> <span class="u-visually-hidden">Language</span> <button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="header-locale-popover" style="font-size:15px;">English<svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12"> <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline> </svg></button> <div id="header-locale-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true"> <header class="Popover__Header"> <button type="button" class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> <span class="Popover__Title Heading u-h4">Language</span> </header> <div class="Popover__Content"> <div class="Popover__ValueList Popover__ValueList--center" data-scrollable><button type="submit" name="locale_code" class="Popover__Value is-selected Heading Link Link--primary u-h6" value="en" aria-current="true">English</button><button type="submit" name="locale_code" class="Popover__Value Heading Link Link--primary u-h6" value="es" >Español</button></div> </div> </div> </div></div></form></div><div class="Header__FlexItem Header__FlexItem--logo"><div class="Header__Logo"><a href="/" class="Header__LogoLink"><img class="Header__LogoImage Header__LogoImage--primary" title="AL-logo" src="//andrealeocouture.com/cdn/shop/files/AL_stamp_155x.png?v=1677091103" srcset="//andrealeocouture.com/cdn/shop/files/AL_stamp_155x.png?v=1677091103 1x, //andrealeocouture.com/cdn/shop/files/[email protected]?v=1677091103 2x" width="155" alt="Andrea Leo Couture"> <img class="Header__LogoImage StickyHeader__LogoIamge" title="AL-logo" src="//andrealeocouture.com/cdn/shop/files/sticky_logo_image_600x.png?v=1687287073" srcset="//andrealeocouture.com/cdn/shop/files/sticky_logo_image_600x.png?v=1687287073 1x, //andrealeocouture.com/cdn/shop/files/[email protected]?v=1687287073 2x" width="" alt="Andrea Leo Couture" height=""> </a></div></div> <div class="Header__FlexItem Header__FlexItem--fill"><nav class="Header__SecondaryNav"> <ul class="HorizontalList HorizontalList--spacingLoose hidden-pocket hidden-lap"> <li class="HorizontalList__Item"> <form method="post" action="/localization" id="localization_form_header" accept-charset="UTF-8" class="Header__LocalizationForm hidden-pocket hidden-lap" enctype="multipart/form-data"><input
78	Info The first occurrence of ID localization_form_header was here. On line 3315, column 198 llection"> <a class="PageSkipLink u-visually-hidden" href="#main">Skip to content</a> <span class="LoadingBar"></span> <div class="PageOverlay"></div><div id="shopify-section-popup" class="shopify-section"></div> <div id="shopify-section-sidebar-menu" class="shopify-section"><section id="sidebar-menu" class="SidebarMenu Drawer Drawer--small Drawer--fromLeft" aria-hidden="true" data-section-id="sidebar-menu" data-section-type="sidebar-menu"> <header class="Drawer__Header" data-drawer-animated-left> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-menu" aria-label="Close navigation"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </header> <div class="Drawer__Content"> <div class="Drawer__Main" data-drawer-animated-left data-scrollable> <div class="Drawer__Container"> <nav class="SidebarMenu__Nav SidebarMenu__Nav--primary" aria-label="Sidebar navigation"><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 open-ac" data-action="toggle-collapsible" aria-expanded="true">COLLECTION<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7 open-ac" data-action="toggle-collapsible" aria-expanded="true">OCCASION<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item"> <a href="/collections/all" class="Text--subdued Link Link--primary MenuLinks">ALL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/prom" class="Text--subdued Link Link--primary MenuLinks">PROM GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/prom-evening-dress" class="Text--subdued Link Link--primary MenuLinks">EVENING GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/short-dress" class="Text--subdued Link Link--primary MenuLinks">COCKTAIL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Text--subdued Link Link--primary MenuLinks">MOTHER OF BRIDE</a> </li></ul> </div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7 " data-action="toggle-collapsible" aria-expanded="false">BY COLOR<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item"> <a href="/collections/black-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">BLACK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/red-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">RED DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/blue-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">BLUE DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/green-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">GREEN DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/pink-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">PINK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/silver-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">SILVER DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/gold-formal-dresses" class="Text--subdued Link Link--primary MenuLinks">GOLD DRESSES</a> </li></ul> </div> </div></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">EDIT<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/collections/easter-picnic-prom-edit" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">Easter Picnic Prom Edit</a></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">WEDDING SHOP<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><button class="Collapsible__Button Heading Text--subdued Link--primary u-h7 open-ac" data-action="toggle-collapsible" aria-expanded="true">THE WEDDING SHOP<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist Linklist--bordered Linklist--spacingLoose"><li class="Linklist__Item"> <a href="/collections/bridal" class="Text--subdued Link Link--primary MenuLinks">BRIDAL</a> </li><li class="Linklist__Item"> <a href="/collections/bridesmaid" class="Text--subdued Link Link--primary MenuLinks">BRIDESMAID</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Text--subdued Link Link--primary MenuLinks">MOTHER OF BRIDE</a> </li></ul> </div> </div></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">THE BRAND<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/pages/our-story" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">ABOUT A&amp;L</a></div><div class="Collapsible"><a href="/blogs/press-media" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">PRESS &amp; MEDIA</a></div><div class="Collapsible"><a href="/pages/archive" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">ARCHIVE</a></div><div class="Collapsible"><a href="/blogs/empower" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">EMPOWER</a></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">FIND A STORE<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/pages/online-stores" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">ONLINE STORES</a></div><div class="Collapsible"><a href="/pages/store-locator" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">BOUTIQUE LOCATOR</a></div></div> </div></div><div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">WHOLESALE<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"><div class="Collapsible"><a href="/pages/become-a-retailer" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">How to become a RETAILER</a></div><div class="Collapsible"><a href="https://order.ladivine.com/customer/account/login" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">RETAILER LOGIN</a></div><div class="Collapsible"><a href="https://order.ladivine.com/customer/account/create/" class="Collapsible__Button Heading Text--subdued Link Link--primary u-h7">RETAILER APPLICATION</a></div></div> </div></div><div class="Collapsible"><a href="https://ladivine.com?utm_source=AL&utm_medium=referral" class="Collapsible__Button Heading Link Link--primary u-h6 MenuLinks">SISTER BRAND</a></div></nav><nav class="SidebarMenu__Nav SidebarMenu__Nav--secondary"> <ul class="Linklist Linklist--spacingLoose"></ul> </nav> </div> </div><aside class="Drawer__Footer" data-drawer-animated-bottom><ul class="SidebarMenu__Social HorizontalList HorizontalList--spacingFill"> <li class="HorizontalList__Item"> <a href="https://www.facebook.com/andrealeocouture" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Facebook"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--facebook" viewBox="0 0 9 17"> <path d="M5.842 17V9.246h2.653l.398-3.023h-3.05v-1.93c0-.874.246-1.47 1.526-1.47H9V.118C8.718.082 7.75 0 6.623 0 4.27 0 2.66 1.408 2.66 3.994v2.23H0v3.022h2.66V17h3.182z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.instagram.com/andrea_leo_couture/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Instagram"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--instagram" role="presentation" viewBox="0 0 32 32"> <path d="M15.994 2.886c4.273 0 4.775.019 6.464.095 1.562.07 2.406.33 2.971.552.749.292 1.283.635 1.841 1.194s.908 1.092 1.194 1.841c.216.565.483 1.41.552 2.971.076 1.689.095 2.19.095 6.464s-.019 4.775-.095 6.464c-.07 1.562-.33 2.406-.552 2.971-.292.749-.635 1.283-1.194 1.841s-1.092.908-1.841 1.194c-.565.216-1.41.483-2.971.552-1.689.076-2.19.095-6.464.095s-4.775-.019-6.464-.095c-1.562-.07-2.406-.33-2.971-.552-.749-.292-1.283-.635-1.841-1.194s-.908-1.092-1.194-1.841c-.216-.565-.483-1.41-.552-2.971-.076-1.689-.095-2.19-.095-6.464s.019-4.775.095-6.464c.07-1.562.33-2.406.552-2.971.292-.749.635-1.283 1.194-1.841s1.092-.908 1.841-1.194c.565-.216 1.41-.483 2.971-.552 1.689-.083 2.19-.095 6.464-.095zm0-2.883c-4.343 0-4.889.019-6.597.095-1.702.076-2.864.349-3.879.743-1.054.406-1.943.959-2.832 1.848S1.251 4.473.838 5.521C.444 6.537.171 7.699.095 9.407.019 11.109 0 11.655 0 15.997s.019 4.889.095 6.597c.076 1.702.349 2.864.743 3.886.406 1.054.959 1.943 1.848 2.832s1.784 1.435 2.832 1.848c1.016.394 2.178.667 3.886.743s2.248.095 6.597.095 4.889-.019 6.597-.095c1.702-.076 2.864-.349 3.886-.743 1.054-.406 1.943-.959 2.832-1.848s1.435-1.784 1.848-2.832c.394-1.016.667-2.178.743-3.886s.095-2.248.095-6.597-.019-4.889-.095-6.597c-.076-1.702-.349-2.864-.743-3.886-.406-1.054-.959-1.943-1.848-2.832S27.532 1.247 26.484.834C25.468.44 24.306.167 22.598.091c-1.714-.07-2.26-.089-6.603-.089zm0 7.778c-4.533 0-8.216 3.676-8.216 8.216s3.683 8.216 8.216 8.216 8.216-3.683 8.216-8.216-3.683-8.216-8.216-8.216zm0 13.549c-2.946 0-5.333-2.387-5.333-5.333s2.387-5.333 5.333-5.333 5.333 2.387 5.333 5.333-2.387 5.333-5.333 5.333zM26.451 7.457c0 1.059-.858 1.917-1.917 1.917s-1.917-.858-1.917-1.917c0-1.059.858-1.917 1.917-1.917s1.917.858 1.917 1.917z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.pinterest.com/andrealeocouture/_saved/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Pinterest"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--pinterest" role="presentation" viewBox="0 0 32 32"> <path d="M16 0q3.25 0 6.208 1.271t5.104 3.417 3.417 5.104T32 16q0 4.333-2.146 8.021t-5.833 5.833T16 32q-2.375 0-4.542-.625 1.208-1.958 1.625-3.458l1.125-4.375q.417.792 1.542 1.396t2.375.604q2.5 0 4.479-1.438t3.063-3.937 1.083-5.625q0-3.708-2.854-6.437t-7.271-2.729q-2.708 0-4.958.917T8.042 8.689t-2.104 3.208-.729 3.479q0 2.167.812 3.792t2.438 2.292q.292.125.5.021t.292-.396q.292-1.042.333-1.292.167-.458-.208-.875-1.083-1.208-1.083-3.125 0-3.167 2.188-5.437t5.729-2.271q3.125 0 4.875 1.708t1.75 4.458q0 2.292-.625 4.229t-1.792 3.104-2.667 1.167q-1.25 0-2.042-.917t-.5-2.167q.167-.583.438-1.5t.458-1.563.354-1.396.167-1.25q0-1.042-.542-1.708t-1.583-.667q-1.292 0-2.167 1.188t-.875 2.979q0 .667.104 1.292t.229.917l.125.292q-1.708 7.417-2.083 8.708-.333 1.583-.25 3.708-4.292-1.917-6.938-5.875T0 16Q0 9.375 4.687 4.688T15.999.001z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.youtube.com/@andrealeocouture" class="Link Link--primary" target="_blank" rel="noopener" aria-label="YouTube"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--youtube" role="presentation" viewBox="0 0 33 32"> <path d="M0 25.693q0 1.997 1.318 3.395t3.209 1.398h24.259q1.891 0 3.209-1.398t1.318-3.395V6.387q0-1.997-1.331-3.435t-3.195-1.438H4.528q-1.864 0-3.195 1.438T.002 6.387v19.306zm12.116-3.488V9.876q0-.186.107-.293.08-.027.133-.027l.133.027 11.61 6.178q.107.107.107.266 0 .107-.107.213l-11.61 6.178q-.053.053-.107.053-.107 0-.16-.053-.107-.107-.107-.213z"></path> </svg></span> </a> </li> </ul> </aside></div> </section> </div> <div id="sidebar-cart" class="Drawer Drawer--fromRight" aria-hidden="true" data-section-id="cart" data-section-type="cart" data-section-settings='{ "type": "drawer", "itemCount": 0, "drawer": true, "hasShippingEstimator": false }'> <div class="Drawer__Header Drawer__Header--bordered Drawer__Container"> <span class="Drawer__Title Heading u-h4" style="font-size:21px;">SHOPPING BAG</span> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-cart" aria-label="Close cart"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <form class="Cart Drawer__Content" action="/cart" method="POST" novalidate> <div class="Drawer__Main" data-scrollable><p class="Cart__Empty Heading u-h5">Your cart is empty</p></div></form> </div> <div class="PageContainer"> <div id="shopify-section-announcement" class="shopify-section"></div> <div id="shopify-section-header" class="shopify-section shopify-section--header section-header__new"><link href="//andrealeocouture.com/cdn/shop/t/33/assets/custom-header-style.css?v=115507868571079734781711049929" rel="stylesheet" type="text/css" media="all" /> <div id="Search" class="Search hide" aria-hidden="true" > <div class="Search__Inner" > <div class="Search__SearchBar" > <form action="/search" name="GET" role="search" class="Search__Form"> <div class="Search__InputIconWrapper"> <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17"> <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M16 16l-5.0752-5.0752"></path> <circle cx="6.4" cy="6.4" r="6.4"></circle> </g> </svg></span> <span class="hidden-phone"><svg class="Icon Icon--search-desktop" role="presentation" viewBox="0 0 21 21"> <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M18 18l-5.7096-5.7096"></path> <circle cx="7.2" cy="7.2" r="7.2"></circle> </g> </svg></span> </div> <input type="search" class="Search__Input Heading" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Search..." autofocus style="color:#fff;"> <input type="hidden" name="type" value="product"> </form> <button class="Search__Close Link Link--primary" data-action="close-search"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <div class="Search__Results" aria-hidden="true" style="color:#fff;"><div class="PageLayout PageLayout--breakLap"> <div class="PageLayout__Section"></div> <div class="PageLayout__Section PageLayout__Section--secondary"></div> </div></div> </div> </div><header id="section-header" class="gradient-black Header Header--center Header--initialized Header--withIcons" data-section-id="header" data-section-type="header" data-section-settings='{ "navigationStyle": "center", "hasTransparentHeader": false, "isSticky": false }' role="banner"> <div class="Header__Wrapper"> <div class="Header__FlexItem Header__stickyLogo hidden-pocket hidden-lap"> <a href="/" class="Header__LogoLink"> <img class="Header__LogoImage StickyHeader__LogoIamge" title="AL-logo" src="//andrealeocouture.com/cdn/shop/files/sticky_logo_image_600x.png?v=1687287073" srcset="//andrealeocouture.com/cdn/shop/files/sticky_logo_image_600x.png?v=1687287073 1x, //andrealeocouture.com/cdn/shop/files/[email protected]?v=1687287073 2x" width="" alt="Andrea Leo Couture" height=""> </a> </div> <div class="Header__FlexItem Header__FlexItem--fill Header__FlexItemLeft"> <button class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable hidden-desk" aria-expanded="false" data-action="open-drawer" data-drawer-id="sidebar-menu" aria-label="Open navigation"> <span class="hidden-tablet-and-up"><svg class="Icon Icon--nav" role="presentation" viewBox="0 0 20 14"> <path d="M0 14v-1h20v1H0zm0-7.5h20v1H0v-1zM0 0h20v1H0V0z" fill="currentColor"></path> </svg></span> <span class="hidden-phone"><svg class="Icon Icon--nav-desktop" role="presentation" viewBox="0 0 24 16"> <path d="M0 15.985v-2h24v2H0zm0-9h24v2H0v-2zm0-7h24v2H0v-2z" fill="currentColor"></path> </svg></span> </button><nav class="Header__MainNav hidden-pocket hidden-lap" aria-label="Main navigation"> <ul class="HorizontalList HorizontalList--spacingExtraLoose"><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/collections/all" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">COLLECTION<span class="Header__LinkSpacer">COLLECTION</span></a><div class="MegaMenu " aria-hidden="true" > <div class="MegaMenu__Inner"> <div class="MegaMenu-Inner__Item"><div class="MegaMenu__Item MegaMenu__Item--fit MegaMenu__Item-links Item__multi-links "> <a href="/pages/edit" class="MegaMenu__Title Heading Text--subdued u-h7">OCCASION</a><ul class="Linklist"><li class="Linklist__Item"> <a href="/collections/all" class="Link Link--secondary">ALL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/prom" class="Link Link--secondary">PROM GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/prom-evening-dress" class="Link Link--secondary">EVENING GOWNS</a> </li><li class="Linklist__Item"> <a href="/collections/short-dress" class="Link Link--secondary">COCKTAIL DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Link Link--secondary">MOTHER OF BRIDE</a> </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit MegaMenu__Item-links Item__multi-links "> <a href="#" class="MegaMenu__Title Heading Text--subdued u-h7">BY COLOR</a><ul class="Linklist"><li class="Linklist__Item"> <a href="/collections/black-formal-dresses" class="Link Link--secondary">BLACK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/red-formal-dresses" class="Link Link--secondary">RED DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/blue-formal-dresses" class="Link Link--secondary">BLUE DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/green-formal-dresses" class="Link Link--secondary">GREEN DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/pink-formal-dresses" class="Link Link--secondary">PINK DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/silver-formal-dresses" class="Link Link--secondary">SILVER DRESSES</a> </li><li class="Linklist__Item"> <a href="/collections/gold-formal-dresses" class="Link Link--secondary">GOLD DRESSES</a> </li></ul></div></div><div class="MegaMenu-Inner__Item MegaMenu-Inner__Item-img has_half "> <div class="MegaMenu__Item half__Item " style=""><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/prom"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/A1285_blue_3_1x1.jpg?v=1703018010); max-width: 370px; --aspect-ratio: 0.6666666666666666"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703018010" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">PROM</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/prom-evening-dress"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/A1229_silver-nude_1x1.jpg?v=1703019062); max-width: 370px; --aspect-ratio: 0.6666666666666666"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703019062" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">EVENING</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/short-dress"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/A1347_rosegold_orchid-1_1x1.jpg?v=1703019062); max-width: 370px; --aspect-ratio: 0.6666666666666666"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703019062" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">COCKTAIL</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div></div> </div></div> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="#" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">EDIT</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/collections/easter-picnic-prom-edit" class="Link Link--secondary">Easter Picnic Prom Edit </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/collections/the-wedding-shop" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">WEDDING SHOP<span class="Header__LinkSpacer">WEDDING SHOP</span></a><div class="MegaMenu MegaMenu--spacingEvenly " aria-hidden="true" > <div class="MegaMenu__Inner"> <div class="MegaMenu-Inner__Item"><div class="MegaMenu__Item MegaMenu__Item--fit MegaMenu__Item-links Item__single-links "> <a href="/collections/the-wedding-shop" class="MegaMenu__Title Heading Text--subdued u-h7">THE WEDDING SHOP</a><ul class="Linklist"><li class="Linklist__Item"> <a href="/collections/bridal" class="Link Link--secondary">BRIDAL</a> </li><li class="Linklist__Item"> <a href="/collections/bridesmaid" class="Link Link--secondary">BRIDESMAID</a> </li><li class="Linklist__Item"> <a href="/collections/mother-of-bride" class="Link Link--secondary">MOTHER OF BRIDE</a> </li></ul></div></div><div class="MegaMenu-Inner__Item MegaMenu-Inner__Item-img "> <div class="MegaMenu__Item " style="width: 370px; min-width: 250px;"><div class="MegaMenu__Push"><a class="MegaMenu__PushLink" href="/collections/bridal"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andrealeocouture.com/cdn/shop/files/CDS431W_1_1x1.jpg?v=1703096258); max-width: 370px; --aspect-ratio: 1.262970168612192"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andrealeocouture.com/cdn/shop/files/[email protected]?v=1703096258" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">BRIDAL</p><p class="MegaMenu__PushSubHeading Heading Text--subdued u-h7">shop the edit</p></a></div></div> </div></div> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/pages/our-story" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">THE BRAND</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/pages/our-story" class="Link Link--secondary">ABOUT A&amp;L </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/blogs/press-media" class="Link Link--secondary">PRESS &amp; MEDIA </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/pages/archive" class="Link Link--secondary">ARCHIVE </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/blogs/empower" class="Link Link--secondary">EMPOWER </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/pages/find-a-store" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">FIND A STORE</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/pages/online-stores" class="Link Link--secondary">ONLINE STORES </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="/pages/store-locator" class="Link Link--secondary">BOUTIQUE LOCATOR </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " aria-haspopup="true"> <a href="/pages/become-a-retailer" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">WHOLESALE</a><div class="DropdownMenu" aria-hidden="true"> <ul class="Linklist"><li class="Linklist__Item" > <a href="/pages/become-a-retailer" class="Link Link--secondary">How to become a RETAILER </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="https://order.ladivine.com/customer/account/login" class="Link Link--secondary">RETAILER LOGIN </a> <!--Jiwon 03.27.2023 --></li><li class="Linklist__Item" > <a href="https://order.ladivine.com/customer/account/create/" class="Link Link--secondary">RETAILER APPLICATION </a> <!--Jiwon 03.27.2023 --></li></ul> </div></li><li class="HorizontalList__Item " > <a href="https://ladivine.com?utm_source=AL&utm_medium=referral" class="Heading u-h6 MenuLinks" style="font-size:15px; font-weight: bold; letter-spacing: 1px;">SISTER BRAND<span class="Header__LinkSpacer">SISTER BRAND</span></a></li></ul> </nav><form method="post" action="/localization" id="localization_form_header" accept-charset="UTF-8" class="Header__LocalizationForm hidden-pocket hidden-lap" enctype="multipart/form-data"><input
79	Error Duplicate ID astreeheaderselectors. On line 3351, column 521 orm-data"><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="/collections/silver-formal-dresses" /><div id="astreeheaderselectors" class="HorizontalList HorizontalList--spacingLoose"><div c
80	Info The first occurrence of ID astreeheaderselectors was here. On line 3315, column 521 orm-data"><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="/collections/silver-formal-dresses" /><div id="astreeheaderselectors" class="HorizontalList HorizontalList--spacingLoose"><div c
81	Error Duplicate ID header-locale-popover. On line 3359, column 110 ingLoose"><div class="HorizontalList__Item astreeheaderselectors"> <input type="hidden" name="locale_code" value="en"> <span class="u-visually-hidden">Language</span> <button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="header-locale-popover" style="font-size:15px;">English<svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12"> <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline> </svg></button> <div id="header-locale-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true">
82	Info The first occurrence of ID header-locale-popover was here. On line 3323, column 110 ingLoose"><div class="HorizontalList__Item astreeheaderselectors"> <input type="hidden" name="locale_code" value="en"> <span class="u-visually-hidden">Language</span> <button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="header-locale-popover" style="font-size:15px;">English<svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12"> <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline> </svg></button> <div id="header-locale-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true">
83	Error = in an unquoted attribute value. Probable causes: Attributes running together or a URL query string in an unquoted attribute value. On line 4737, column 106 en="true"> <header class="Popover__Header"> <button type="button" class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> <span class="Popover__Title Heading u-h4">Language</span> </header> <div class="Popover__Content"> <div class="Popover__ValueList Popover__ValueList--center" data-scrollable><button type="submit" name="locale_code" class="Popover__Value is-selected Heading Link Link--primary u-h6" value="en" aria-current="true">English</button><button type="submit" name="locale_code" class="Popover__Value Heading Link Link--primary u-h6" value="es" >Español</button></div> </div> </div> </div></div></form> </li> </ul> </nav> <span href="javascript:void(0);" class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable globo-search-activator 2 " data-action="toggle-search1" aria-label="Search"> <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17"> <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M16 16l-5.0752-5.0752"></path> <circle cx="6.4" cy="6.4" r="6.4"></circle> </g> </svg></span> <span class="hidden-phone"><svg class="Icon Icon--search-desktop" role="presentation" viewBox="0 0 21 21"> <g transform="translate(1 1)" stroke="currentColor" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M18 18l-5.7096-5.7096"></path> <circle cx="7.2" cy="7.2" r="7.2"></circle> </g> </svg></span> </span> </div> </div> </header> <style>:root { --use-sticky-header: 0; --use-unsticky-header: 1; }@media screen and (max-width: 640px) { .Header__LogoImage { max-width: 100px; } }:root { --header-is-not-transparent: 1; --header-is-transparent: 0; }/* Sticky header style */ .Header__sticky .Header__LogoImage, .StickyHeader__LogoIamge{display:none;} .Header__sticky .Header__LogoImage.StickyHeader__LogoIamge {display:block;} .Header__sticky .Header__stickyLogo{z-index: 9;} @media screen and (min-width: 568px){ .Header__sticky .Header__LogoImage.StickyHeader__LogoIamge{width: 100%;max-width: 200px;} } @media screen and (max-width: 567px){ .Header__sticky .Header__LogoImage.StickyHeader__LogoIamge{width: 100%;max-width: 200px;} } @media screen and (max-width: 420px){ .Header__sticky .Header__LogoImage.StickyHeader__LogoIamge{max-width: 200px !important;} } </style> <script> document.documentElement.style.setProperty('--header-height', document.getElementById('shopify-section-header').offsetHeight + 'px'); </script> </div> <main id="main" role="main"> <div id="shopify-section-collection-template" class="shopify-section shopify-section--bordered"><section data-section-id="collection-template" data-section-type="collection" data-section-settings='{ "collectionUrl": "\/collections\/silver-formal-dresses", "currentTags": [], "sortBy": "manual", "filterPosition": "sidebar" }'><header class="PageHeader"> <div class="Container"> <div class="SectionHeader SectionHeader--center"> <h1 class="SectionHeader__Heading Heading u-h1">SILVER FORMAL DRESSES</h1><div class="SectionHeader__Description Rte">Prom &amp; Evening Gowns</div></div> </div> </header><div id="collection-filter-drawer" class="CollectionFilters Drawer Drawer--secondary Drawer--fromRight" aria-hidden="true"> <header class="Drawer__Header Drawer__Header--bordered Drawer__Header--center Drawer__Container"> <span class="Drawer__Title Heading u-h4">Filters</span> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="collection-filter-drawer" aria-label="Close navigation"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </header> <div class="Drawer__Content"> <div class="Drawer__Main" data-scrollable> <div class="Collapsible Collapsible--padded Collapsible--autoExpand"> <button type="button" class="Collapsible__Button Heading u-h6" data-action="toggle-collapsible" aria-expanded="false">Filters<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist"><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="a-line" data-action="toggle-tag">a-line</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="beaded" data-action="toggle-tag">beaded</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="black-dress" data-action="toggle-tag">black dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="blue" data-action="toggle-tag">blue</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="blue-dress" data-action="toggle-tag">blue dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="bridal-party" data-action="toggle-tag">bridal party</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="bridal-shower" data-action="toggle-tag">bridal shower</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="bustier" data-action="toggle-tag">bustier</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="cold-shoulder" data-action="toggle-tag">cold shoulder</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="corset-back" data-action="toggle-tag">corset back</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="corset-top" data-action="toggle-tag">corset top</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="cottage-core" data-action="toggle-tag">cottage core</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="cream" data-action="toggle-tag">cream</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="draped" data-action="toggle-tag">draped</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="dream-dress" data-action="toggle-tag">dream dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="embellished" data-action="toggle-tag">embellished</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="embroidery" data-action="toggle-tag">embroidery</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="emrald-dress" data-action="toggle-tag">emrald dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="feathers" data-action="toggle-tag">feathers</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="fit-flare" data-action="toggle-tag">fit & flare</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="gala" data-action="toggle-tag">gala</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="glam" data-action="toggle-tag">glam</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="glitter-print" data-action="toggle-tag">glitter print</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="gold" data-action="toggle-tag">gold</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="green" data-action="toggle-tag">green</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="green-dress" data-action="toggle-tag">green dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="grey" data-action="toggle-tag">grey</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="halter-neckline" data-action="toggle-tag">halter neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="lace" data-action="toggle-tag">lace</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="lace-up" data-action="toggle-tag">lace up</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="leg-slit" data-action="toggle-tag">leg slit</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="light-blue" data-action="toggle-tag">light blue</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="long-sleeve" data-action="toggle-tag">long sleeve</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="mauve" data-action="toggle-tag">mauve</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="mermaid-dress" data-action="toggle-tag">mermaid dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="nude" data-action="toggle-tag">nude</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="off-the-shoulder" data-action="toggle-tag">off the shoulder</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="one-shoulder" data-action="toggle-tag">one shoulder</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="open-back" data-action="toggle-tag">open back</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="overskirt" data-action="toggle-tag">overskirt</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="pink-dress" data-action="toggle-tag">pink dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="pleated" data-action="toggle-tag">pleated</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="plunging-neckline" data-action="toggle-tag">plunging neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="rehearsal-dinner" data-action="toggle-tag">rehearsal dinner</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="ruffles" data-action="toggle-tag">ruffles</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="sequins" data-action="toggle-tag">sequins</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="sheer" data-action="toggle-tag">sheer</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="silver-dress" data-action="toggle-tag">silver dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="strapless" data-action="toggle-tag">strapless</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="sweetheart-neckline" data-action="toggle-tag">sweetheart neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="tea-length" data-action="toggle-tag">tea length</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="thin-straps" data-action="toggle-tag">thin straps</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="train" data-action="toggle-tag">train</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="tulle" data-action="toggle-tag">tulle</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="v-neckline" data-action="toggle-tag">v-neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="whimsical" data-action="toggle-tag">whimsical</button> </li></ul> </div> </div> </div> </div> <div class="Drawer__Footer Drawer__Footer--padded" data-drawer-animated-bottom> <div class="ButtonGroup"> <button type="button" class="ButtonGroup__Item Button Button--secondary" data-action="reset-tags" style="display: none">Reset</button> <button type="button" class="ButtonGroup__Item ButtonGroup__Item--expand Button Button--primary" data-action="apply-tags">Apply</button> </div> </div> </div> </div><div class="CollectionMain"><div class="CollectionToolbar CollectionToolbar--top CollectionToolbar--reverse"><div class="CollectionToolbar__Group"><button class="CollectionToolbar__Item CollectionToolbar__Item--filter Heading Text--subdued u-h6 hidden-lap-and-up" data-action="open-drawer" data-drawer-id="collection-filter-drawer" aria-label="Show filters"> Filter </button></div></div><div class="CollectionInner"><div class="CollectionInner__Sidebar CollectionInner__Sidebar--withTopToolbar hidden-pocket"> <div class="CollectionFilters"> <div class="Collapsible Collapsible--padded Collapsible--autoExpand"> <button type="button" class="Collapsible__Button Heading u-h6" data-action="toggle-collapsible" aria-expanded="false">Filters<span class="Collapsible__Plus"></span> </button> <div class="Collapsible__Inner"> <div class="Collapsible__Content"> <ul class="Linklist"><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="a-line" data-action="toggle-tag">a-line</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="beaded" data-action="toggle-tag">beaded</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="black-dress" data-action="toggle-tag">black dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="blue" data-action="toggle-tag">blue</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="blue-dress" data-action="toggle-tag">blue dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="bridal-party" data-action="toggle-tag">bridal party</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="bridal-shower" data-action="toggle-tag">bridal shower</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="bustier" data-action="toggle-tag">bustier</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="cold-shoulder" data-action="toggle-tag">cold shoulder</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="corset-back" data-action="toggle-tag">corset back</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="corset-top" data-action="toggle-tag">corset top</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="cottage-core" data-action="toggle-tag">cottage core</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="cream" data-action="toggle-tag">cream</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="draped" data-action="toggle-tag">draped</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="dream-dress" data-action="toggle-tag">dream dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="embellished" data-action="toggle-tag">embellished</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="embroidery" data-action="toggle-tag">embroidery</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="emrald-dress" data-action="toggle-tag">emrald dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="feathers" data-action="toggle-tag">feathers</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="fit-flare" data-action="toggle-tag">fit & flare</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="gala" data-action="toggle-tag">gala</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="glam" data-action="toggle-tag">glam</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="glitter-print" data-action="toggle-tag">glitter print</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="gold" data-action="toggle-tag">gold</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="green" data-action="toggle-tag">green</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="green-dress" data-action="toggle-tag">green dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="grey" data-action="toggle-tag">grey</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="halter-neckline" data-action="toggle-tag">halter neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="lace" data-action="toggle-tag">lace</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="lace-up" data-action="toggle-tag">lace up</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="leg-slit" data-action="toggle-tag">leg slit</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="light-blue" data-action="toggle-tag">light blue</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="long-sleeve" data-action="toggle-tag">long sleeve</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="mauve" data-action="toggle-tag">mauve</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="mermaid-dress" data-action="toggle-tag">mermaid dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="nude" data-action="toggle-tag">nude</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="off-the-shoulder" data-action="toggle-tag">off the shoulder</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="one-shoulder" data-action="toggle-tag">one shoulder</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="open-back" data-action="toggle-tag">open back</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="overskirt" data-action="toggle-tag">overskirt</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="pink-dress" data-action="toggle-tag">pink dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="pleated" data-action="toggle-tag">pleated</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="plunging-neckline" data-action="toggle-tag">plunging neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="rehearsal-dinner" data-action="toggle-tag">rehearsal dinner</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="ruffles" data-action="toggle-tag">ruffles</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="sequins" data-action="toggle-tag">sequins</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="sheer" data-action="toggle-tag">sheer</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="silver-dress" data-action="toggle-tag">silver dress</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="strapless" data-action="toggle-tag">strapless</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="sweetheart-neckline" data-action="toggle-tag">sweetheart neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="tea-length" data-action="toggle-tag">tea length</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="thin-straps" data-action="toggle-tag">thin straps</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="train" data-action="toggle-tag">train</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="tulle" data-action="toggle-tag">tulle</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="v-neckline" data-action="toggle-tag">v-neckline</button> </li><li class="Linklist__Item "> <button type="button" class="Link Link--primary Text--subdued " data-tag="whimsical" data-action="toggle-tag">whimsical</button> </li></ul> </div> </div> </div> <button type="button" class="Button Button--secondary" data-action="reset-tags" style="display: none">Reset</button> </div> </div><div class="CollectionInner__Products"> <div class="ProductListWrapper"> <div data-sectionId="collection-template" data-settings='{"show_collection_info":true,"show_collection_image":true,"apply_overlay":true,"show_color_swatch":true,"show_vendor":true,"collection_image_size":"small","show_sort_by":false,"show_layout_switch":false,"toolbar_position":"top","filter_position":"sidebar","filter_mode":"tag","show_filter_color_swatch":true,"filter_menu":"","grid_items_per_page":48,"grid_mobile_items_per_row":"2","grid_desktop_items_per_row":4}' data-globo-filter-items class="ProductList ProductList--grid Grid" data-mobile-count="2" data-desktop-count="4"><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a0824" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A0824" data-src="//andrealeocouture.com/cdn/shop/files/A0824_midnight_3_n_{width}x.jpg?v=1687551464" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A0824" data-media-id="26958051573947"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A0824" data-src="//andrealeocouture.com/cdn/shop/files/A0824_midnight_n_{width}x.jpg?v=1687551463" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A0824" data-media-id="26958051541179"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A0824" src="//andrealeocouture.com/cdn/shop/files/A0824_midnight_3_n_600x.jpg?v=1687551464" alt="A0824"> <img class="ProductItem__Image" title="A0824" src="//andrealeocouture.com/cdn/shop/files/A0824_midnight_n_600x.jpg?v=1687551463" alt="A0824"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a0824">A0824</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = "A-LINE DRESS"; var o={}, empi=7850502193339, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A0824_midnight_n_620x620.jpg?v=1687551463"; SwymProductVariants[44658089492667] = { empi:empi,epi:44658089492667, du:"https://andrealeocouture.com/products/a0824", dt:"A0824", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A0824_midnight_3_n_620x620.jpg?v=1687551464" , stk: 0, pr: 0/100, variants: [{ "MIDNIGHT" : 44658089492667}] }; SwymWatchProducts[44658089492667] = o[44658089492667] = {"id": 44658089492667, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "MIDNIGHT", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44658089492667, dt :"A0824",du:"https://andrealeocouture.com/products/a0824", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A0824_midnight_3_n_620x620.jpg?v=1687551464" ,variants:[{ "MIDNIGHT" : 44658089492667 }] }; SwymViewProducts["a0824"] = SwymViewProducts[7850502193339] = product_data; SwymWatchProducts["a0824"] = SwymWatchProducts[7850502193339] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7850502193339" data-swaction="addToWishlist" data-product-id="7850502193339"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7850502193339" id="collection-template-7850502193339-1" value="MIDNIGHT" checked="checked" data-variant-url="/products/a0824?variant=44658089492667#Image34593017266363" data-image-id="34593017266363" data-image-url="//andrealeocouture.com/cdn/shop/files/A0824_midnight_3_n_{width}x.jpg?v=1687551464" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7850502193339-1" style="background-color: midnight; background-image: url(//andrealeocouture.com/cdn/shop/files/midnight_64x64.png?v=1691528166)" title="MIDNIGHT" data-tooltip="MIDNIGHT"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a0993" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A0993" data-src="//andrealeocouture.com/cdn/shop/files/a0993_1_{width}x.jpg?v=1687481839" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A0993" data-media-id="26955177459899"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A0993" data-src="//andrealeocouture.com/cdn/shop/files/a0993_{width}x.jpg?v=1687481838" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A0993" data-media-id="26955177427131"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A0993" src="//andrealeocouture.com/cdn/shop/files/a0993_1_600x.jpg?v=1687481839" alt="A0993"> <img class="ProductItem__Image" title="A0993" src="//andrealeocouture.com/cdn/shop/files/a0993_600x.jpg?v=1687481838" alt="A0993"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a0993">A0993</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = "BEADED DRESS"; var o={}, empi=7850044162235, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/a0993_620x620.jpg?v=1687481838"; SwymProductVariants[44656843194555] = { empi:empi,epi:44656843194555, du:"https://andrealeocouture.com/products/a0993", dt:"A0993", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/a0993_620x620.jpg?v=1687481838" , stk: 0, pr: 0/100, variants: [{ "SILVER" : 44656843194555}] }; SwymWatchProducts[44656843194555] = o[44656843194555] = {"id": 44656843194555, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44656843194555, dt :"A0993",du:"https://andrealeocouture.com/products/a0993", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/a0993_620x620.jpg?v=1687481838" ,variants:[{ "SILVER" : 44656843194555 }] }; SwymViewProducts["a0993"] = SwymViewProducts[7850044162235] = product_data; SwymWatchProducts["a0993"] = SwymWatchProducts[7850044162235] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7850044162235" data-swaction="addToWishlist" data-product-id="7850044162235"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7850044162235" id="collection-template-7850044162235-1" value="SILVER" checked="checked" data-variant-url="/products/a0993?variant=44656843194555#Image34590199349435" data-image-id="34590199349435" data-image-url="//andrealeocouture.com/cdn/shop/files/a0993_{width}x.jpg?v=1687481838" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7850044162235-1" style="background-color: silver; background-image: url(//andrealeocouture.com/cdn/shop/files/silver_64x64.png?v=1691528963)" title="SILVER" data-tooltip="SILVER"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1023" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1023" data-src="//andrealeocouture.com/cdn/shop/files/A1023_1_{width}x.jpg?v=1687564439" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1023" data-media-id="26958443249851"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1023" data-src="//andrealeocouture.com/cdn/shop/files/A1023_{width}x.jpg?v=1687564439" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1023" data-media-id="26958443217083"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1023" src="//andrealeocouture.com/cdn/shop/files/A1023_1_600x.jpg?v=1687564439" alt="A1023"> <img class="ProductItem__Image" title="A1023" src="//andrealeocouture.com/cdn/shop/files/A1023_600x.jpg?v=1687564439" alt="A1023"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1023">A1023</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = "A-LINE DRESS"; var o={}, empi=7850546823355, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1023_620x620.jpg?v=1687564439"; SwymProductVariants[44658300256443] = { empi:empi,epi:44658300256443, du:"https://andrealeocouture.com/products/a1023", dt:"A1023", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1023_620x620.jpg?v=1687564439" , stk: 0, pr: 0/100, variants: [{ "SILVER" : 44658300256443}] }; SwymWatchProducts[44658300256443] = o[44658300256443] = {"id": 44658300256443, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44658300256443, dt :"A1023",du:"https://andrealeocouture.com/products/a1023", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1023_620x620.jpg?v=1687564439" ,variants:[{ "SILVER" : 44658300256443 }] }; SwymViewProducts["a1023"] = SwymViewProducts[7850546823355] = product_data; SwymWatchProducts["a1023"] = SwymWatchProducts[7850546823355] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7850546823355" data-swaction="addToWishlist" data-product-id="7850546823355"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7850546823355" id="collection-template-7850546823355-1" value="SILVER" checked="checked" data-variant-url="/products/a1023?variant=44658300256443#Image34593403437243" data-image-id="34593403437243" data-image-url="//andrealeocouture.com/cdn/shop/files/A1023_{width}x.jpg?v=1687564439" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7850546823355-1" style="background-color: silver; background-image: url(//andrealeocouture.com/cdn/shop/files/silver_64x64.png?v=1691528963)" title="SILVER" data-tooltip="SILVER"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1062" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1062" data-src="//andrealeocouture.com/cdn/shop/files/a1062_2_{width}x.jpg?v=1687818931" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1062" data-media-id="26966298493115"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1062" data-src="//andrealeocouture.com/cdn/shop/files/a1062_1_{width}x.jpg?v=1687818931" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1062" data-media-id="26966298460347"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1062" src="//andrealeocouture.com/cdn/shop/files/a1062_2_600x.jpg?v=1687818931" alt="A1062"> <img class="ProductItem__Image" title="A1062" src="//andrealeocouture.com/cdn/shop/files/a1062_1_600x.jpg?v=1687818931" alt="A1062"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1062">A1062</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = "MERMAID DRESS"; var o={}, empi=7852065226939, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/a1062_1_620x620.jpg?v=1687818931"; SwymProductVariants[44661812134075] = { empi:empi,epi:44661812134075, du:"https://andrealeocouture.com/products/a1062", dt:"A1062", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/a1062_1_620x620.jpg?v=1687818931" , stk: 0, pr: 0/100, variants: [{ "SILVER" : 44661812134075}] }; SwymWatchProducts[44661812134075] = o[44661812134075] = {"id": 44661812134075, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44661812134075, dt :"A1062",du:"https://andrealeocouture.com/products/a1062", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/a1062_1_620x620.jpg?v=1687818931" ,variants:[{ "SILVER" : 44661812134075 }] }; SwymViewProducts["a1062"] = SwymViewProducts[7852065226939] = product_data; SwymWatchProducts["a1062"] = SwymWatchProducts[7852065226939] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7852065226939" data-swaction="addToWishlist" data-product-id="7852065226939"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7852065226939" id="collection-template-7852065226939-1" value="SILVER" checked="checked" data-variant-url="/products/a1062?variant=44661812134075#Image34601155035323" data-image-id="34601155035323" data-image-url="//andrealeocouture.com/cdn/shop/files/a1062_1_{width}x.jpg?v=1687818931" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7852065226939-1" style="background-color: silver; background-image: url(//andrealeocouture.com/cdn/shop/files/silver_64x64.png?v=1691528963)" title="SILVER" data-tooltip="SILVER"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1094" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1094" data-src="//andrealeocouture.com/cdn/shop/files/A1094_silver_3_{width}x.jpg?v=1687826490" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1094" data-media-id="26966544187579"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1094" data-src="//andrealeocouture.com/cdn/shop/files/A1094_silver_1_{width}x.jpg?v=1687826490" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1094" data-media-id="26966544154811"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1094" src="//andrealeocouture.com/cdn/shop/files/A1094_silver_3_600x.jpg?v=1687826490" alt="A1094"> <img class="ProductItem__Image" title="A1094" src="//andrealeocouture.com/cdn/shop/files/A1094_silver_1_600x.jpg?v=1687826490" alt="A1094"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1094">A1094</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = "BEADED DRESS"; var o={}, empi=7852073484475, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1094_silver_1_620x620.jpg?v=1687826490"; SwymProductVariants[44661846769851] = { empi:empi,epi:44661846769851, du:"https://andrealeocouture.com/products/a1094", dt:"A1094", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1094_silver_1_620x620.jpg?v=1687826490" , stk: 0, pr: 0/100, variants: [{ "SILVER" : 44661846769851}] }; SwymWatchProducts[44661846769851] = o[44661846769851] = {"id": 44661846769851, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44661846769851, dt :"A1094",du:"https://andrealeocouture.com/products/a1094", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1094_silver_1_620x620.jpg?v=1687826490" ,variants:[{ "SILVER" : 44661846769851 }] }; SwymViewProducts["a1094"] = SwymViewProducts[7852073484475] = product_data; SwymWatchProducts["a1094"] = SwymWatchProducts[7852073484475] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7852073484475" data-swaction="addToWishlist" data-product-id="7852073484475"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7852073484475" id="collection-template-7852073484475-1" value="SILVER" checked="checked" data-variant-url="/products/a1094?variant=44661846769851#Image34601397780667" data-image-id="34601397780667" data-image-url="//andrealeocouture.com/cdn/shop/files/A1094_silver_1_{width}x.jpg?v=1687826490" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7852073484475-1" style="background-color: silver; background-image: url(//andrealeocouture.com/cdn/shop/files/silver_64x64.png?v=1691528963)" title="SILVER" data-tooltip="SILVER"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1182" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1182" data-src="//andrealeocouture.com/cdn/shop/files/A1182_silver_2_{width}x.jpg?v=1687999760" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1182" data-media-id="26974887870651"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1182" data-src="//andrealeocouture.com/cdn/shop/files/A1182_silver_{width}x.jpg?v=1687999760" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1182" data-media-id="26974887903419"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1182" src="//andrealeocouture.com/cdn/shop/files/A1182_silver_2_600x.jpg?v=1687999760" alt="A1182"> <img class="ProductItem__Image" title="A1182" src="//andrealeocouture.com/cdn/shop/files/A1182_silver_600x.jpg?v=1687999760" alt="A1182"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1182">A1182</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = "FITTED DRESS"; var o={}, empi=7853772406971, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1182_silver_620x620.jpg?v=1687999760"; SwymProductVariants[44665054199995] = { empi:empi,epi:44665054199995, du:"https://andrealeocouture.com/products/a1182", dt:"A1182", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1182_silver_620x620.jpg?v=1687999760" , stk: 0, pr: 0/100, variants: [{ "SILVER" : 44665054199995}] }; SwymWatchProducts[44665054199995] = o[44665054199995] = {"id": 44665054199995, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44665054199995, dt :"A1182",du:"https://andrealeocouture.com/products/a1182", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1182_silver_620x620.jpg?v=1687999760" ,variants:[{ "SILVER" : 44665054199995 }] }; SwymViewProducts["a1182"] = SwymViewProducts[7853772406971] = product_data; SwymWatchProducts["a1182"] = SwymWatchProducts[7853772406971] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7853772406971" data-swaction="addToWishlist" data-product-id="7853772406971"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7853772406971" id="collection-template-7853772406971-1" value="SILVER" checked="checked" data-variant-url="/products/a1182?variant=44665054199995#Image34609600987323" data-image-id="34609600987323" data-image-url="//andrealeocouture.com/cdn/shop/files/A1182_silver_{width}x.jpg?v=1687999760" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7853772406971-1" style="background-color: silver; background-image: url(//andrealeocouture.com/cdn/shop/files/silver_64x64.png?v=1691528963)" title="SILVER" data-tooltip="SILVER"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1190" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1190" data-src="//andrealeocouture.com/cdn/shop/files/A1190_silver_2_{width}x.jpg?v=1688162629" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1190" data-media-id="26979124609211"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1190" data-src="//andrealeocouture.com/cdn/shop/files/A1190_silver_{width}x.jpg?v=1688162629" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1190" data-media-id="26979124576443"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1190" src="//andrealeocouture.com/cdn/shop/files/A1190_silver_2_600x.jpg?v=1688162629" alt="A1190"> <img class="ProductItem__Image" title="A1190" src="//andrealeocouture.com/cdn/shop/files/A1190_silver_600x.jpg?v=1688162629" alt="A1190"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1190">A1190</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = "COCKTAIL DRESS"; var o={}, empi=7854588428475, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1190_silver_620x620.jpg?v=1688162629"; SwymProductVariants[44668483010747] = { empi:empi,epi:44668483010747, du:"https://andrealeocouture.com/products/a1190", dt:"A1190", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1190_silver_620x620.jpg?v=1688162629" , stk: 0, pr: 0/100, variants: [{ "SILVER" : 44668483010747}] }; SwymWatchProducts[44668483010747] = o[44668483010747] = {"id": 44668483010747, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44668483010747, dt :"A1190",du:"https://andrealeocouture.com/products/a1190", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1190_silver_620x620.jpg?v=1688162629" ,variants:[{ "SILVER" : 44668483010747 }] }; SwymViewProducts["a1190"] = SwymViewProducts[7854588428475] = product_data; SwymWatchProducts["a1190"] = SwymWatchProducts[7854588428475] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7854588428475" data-swaction="addToWishlist" data-product-id="7854588428475"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7854588428475" id="collection-template-7854588428475-1" value="SILVER" checked="checked" data-variant-url="/products/a1190?variant=44668483010747#Image34613700952251" data-image-id="34613700952251" data-image-url="//andrealeocouture.com/cdn/shop/files/A1190_silver_{width}x.jpg?v=1688162629" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7854588428475-1" style="background-color: silver; background-image: url(//andrealeocouture.com/cdn/shop/files/silver_64x64.png?v=1691528963)" title="SILVER" data-tooltip="SILVER"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1229" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1229" data-src="//andrealeocouture.com/cdn/shop/files/A1229_emerald_2_{width}x.jpg?v=1710891189" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1229" data-media-id="27483669790907"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1229" data-src="//andrealeocouture.com/cdn/shop/files/A1229_silvernude_{width}x.jpg?v=1710891189" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1229" data-media-id="27742282383547"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1229" src="//andrealeocouture.com/cdn/shop/files/A1229_emerald_2_600x.jpg?v=1710891189" alt="A1229"> <img class="ProductItem__Image" title="A1229" src="//andrealeocouture.com/cdn/shop/files/A1229_silvernude_600x.jpg?v=1710891189" alt="A1229"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1229">A1229</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = ""; var o={}, empi=7906504704187, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229_silvernude_620x620.jpg?v=1710891189"; SwymProductVariants[44870762954939] = { empi:empi,epi:44870762954939, du:"https://andrealeocouture.com/products/a1229", dt:"A1229", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229_blacknude_620x620.jpg?v=1710891189" , stk: 0, pr: 0/100, variants: [{ "BLACK NUDE" : 44870762954939}] }; SwymWatchProducts[44870762954939] = o[44870762954939] = {"id": 44870762954939, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "BLACK NUDE", "inventory_policy": "deny"}; SwymProductVariants[44870762987707] = { empi:empi,epi:44870762987707, du:"https://andrealeocouture.com/products/a1229", dt:"A1229", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229_emerald_1_620x620.jpg?v=1710891189" , stk: 0, pr: 0/100, variants: [{ "EMERALD" : 44870762987707}] }; SwymWatchProducts[44870762987707] = o[44870762987707] = {"id": 44870762987707, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "EMERALD", "inventory_policy": "deny"}; SwymProductVariants[44870763020475] = { empi:empi,epi:44870763020475, du:"https://andrealeocouture.com/products/a1229", dt:"A1229", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229_mauve_620x620.jpg?v=1710891189" , stk: 0, pr: 0/100, variants: [{ "MAUVE" : 44870763020475}] }; SwymWatchProducts[44870763020475] = o[44870763020475] = {"id": 44870763020475, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "MAUVE", "inventory_policy": "deny"}; SwymProductVariants[44870763053243] = { empi:empi,epi:44870763053243, du:"https://andrealeocouture.com/products/a1229", dt:"A1229", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229c_royal_620x620.jpg?v=1710891189" , stk: 0, pr: 0/100, variants: [{ "ROYAL" : 44870763053243}] }; SwymWatchProducts[44870763053243] = o[44870763053243] = {"id": 44870763053243, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "ROYAL", "inventory_policy": "deny"}; SwymProductVariants[44870763086011] = { empi:empi,epi:44870763086011, du:"https://andrealeocouture.com/products/a1229", dt:"A1229", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229_silver-nude_dd00f929-b1bd-4f00-afa2-4d7888e838b7_620x620.jpg?v=1710891189" , stk: 0, pr: 0/100, variants: [{ "SILVER NUDE" : 44870763086011}] }; SwymWatchProducts[44870763086011] = o[44870763086011] = {"id": 44870763086011, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER NUDE", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44870762954939, dt :"A1229",du:"https://andrealeocouture.com/products/a1229", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1229_blacknude_620x620.jpg?v=1710891189" ,variants:[{ "BLACK NUDE" : 44870762954939 }] }; SwymViewProducts["a1229"] = SwymViewProducts[7906504704187] = product_data; SwymWatchProducts["a1229"] = SwymWatchProducts[7906504704187] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7906504704187" data-swaction="addToWishlist" data-product-id="7906504704187"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906504704187" id="collection-template-7906504704187-1" value="BLACK NUDE" checked="checked" data-variant-url="/products/a1229?variant=44870762954939#Image35106165751995" data-image-id="35106165751995" data-image-url="//andrealeocouture.com/cdn/shop/files/A1229_blacknude_{width}x.jpg?v=1710891189" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906504704187-1" style="background-color: blacknude; background-image: url(//andrealeocouture.com/cdn/shop/files/black-nude_64x64.png?v=1693498087)" title="BLACK NUDE" data-tooltip="BLACK NUDE"></label> </div><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906504704187" id="collection-template-7906504704187-2" value="EMERALD" data-variant-url="/products/a1229?variant=44870762987707#Image35106165915835" data-image-id="35106165915835" data-image-url="//andrealeocouture.com/cdn/shop/files/A1229_emerald_1_{width}x.jpg?v=1710891189" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906504704187-2" style="background-color: emerald; background-image: url(//andrealeocouture.com/cdn/shop/files/emerald_64x64.png?v=1689373298)" title="EMERALD" data-tooltip="EMERALD"></label> </div><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906504704187" id="collection-template-7906504704187-3" value="MAUVE" data-variant-url="/products/a1229?variant=44870763020475#Image35290065109179" data-image-id="35290065109179" data-image-url="//andrealeocouture.com/cdn/shop/files/A1229_mauve_{width}x.jpg?v=1710891189" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906504704187-3" style="background-color: mauve; background-image: url(//andrealeocouture.com/cdn/shop/files/mauve_64x64.png?v=1691528166)" title="MAUVE" data-tooltip="MAUVE"></label> </div><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906504704187" id="collection-template-7906504704187-4" value="ROYAL" data-variant-url="/products/a1229?variant=44870763053243#Image35106165719227" data-image-id="35106165719227" data-image-url="//andrealeocouture.com/cdn/shop/files/A1229c_royal_{width}x.jpg?v=1710891189" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906504704187-4" style="background-color: royal; background-image: url(//andrealeocouture.com/cdn/shop/files/royal_64x64.png?v=1691528963)" title="ROYAL" data-tooltip="ROYAL"></label> </div><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906504704187" id="collection-template-7906504704187-5" value="SILVER NUDE" data-variant-url="/products/a1229?variant=44870763086011#Image35106165850299" data-image-id="35106165850299" data-image-url="//andrealeocouture.com/cdn/shop/files/A1229_silver-nude_dd00f929-b1bd-4f00-afa2-4d7888e838b7_{width}x.jpg?v=1710891189" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906504704187-5" style="background-color: silvernude; background-image: url(//andrealeocouture.com/cdn/shop/files/silver-nude_64x64.png?v=1706504344)" title="SILVER NUDE" data-tooltip="SILVER NUDE"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1230" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1230" data-src="//andrealeocouture.com/cdn/shop/files/A1230_silvernude_1_{width}x.jpg?v=1710888648" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1230" data-media-id="27742151803067"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1230" data-src="//andrealeocouture.com/cdn/shop/files/A1230_silvernude_3_{width}x.jpg?v=1710888648" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1230" data-media-id="27742151901371"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1230" src="//andrealeocouture.com/cdn/shop/files/A1230_silvernude_1_600x.jpg?v=1710888648" alt="A1230"> <img class="ProductItem__Image" title="A1230" src="//andrealeocouture.com/cdn/shop/files/A1230_silvernude_3_600x.jpg?v=1710888648" alt="A1230"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1230">A1230</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = ""; var o={}, empi=7906506637499, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1230_silvernude_3_620x620.jpg?v=1710888648"; SwymProductVariants[44870767050939] = { empi:empi,epi:44870767050939, du:"https://andrealeocouture.com/products/a1230", dt:"A1230", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1230_silvernude_2_620x620.jpg?v=1710888648" , stk: 0, pr: 0/100, variants: [{ "SILVER NUDE" : 44870767050939}] }; SwymWatchProducts[44870767050939] = o[44870767050939] = {"id": 44870767050939, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER NUDE", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44870767050939, dt :"A1230",du:"https://andrealeocouture.com/products/a1230", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1230_silvernude_2_620x620.jpg?v=1710888648" ,variants:[{ "SILVER NUDE" : 44870767050939 }] }; SwymViewProducts["a1230"] = SwymViewProducts[7906506637499] = product_data; SwymWatchProducts["a1230"] = SwymWatchProducts[7906506637499] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7906506637499" data-swaction="addToWishlist" data-product-id="7906506637499"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906506637499" id="collection-template-7906506637499-1" value="SILVER NUDE" checked="checked" data-variant-url="/products/a1230?variant=44870767050939#Image35360519389371" data-image-id="35360519389371" data-image-url="//andrealeocouture.com/cdn/shop/files/A1230_silvernude_2_{width}x.jpg?v=1710888648" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906506637499-1" style="background-color: silvernude; background-image: url(//andrealeocouture.com/cdn/shop/files/silver-nude_64x64.png?v=1706504344)" title="SILVER NUDE" data-tooltip="SILVER NUDE"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1256" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1256" data-src="//andrealeocouture.com/cdn/shop/files/A1256_silvernude_4_{width}x.jpg?v=1710892352" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1256" data-media-id="27742339236027"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1256" data-src="//andrealeocouture.com/cdn/shop/files/A1256_silvernude_1_{width}x.jpg?v=1710892352" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1256" data-media-id="27742339137723"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1256" src="//andrealeocouture.com/cdn/shop/files/A1256_silvernude_4_600x.jpg?v=1710892352" alt="A1256"> <img class="ProductItem__Image" title="A1256" src="//andrealeocouture.com/cdn/shop/files/A1256_silvernude_1_600x.jpg?v=1710892352" alt="A1256"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1256">A1256</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = ""; var o={}, empi=7906540028091, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1256_silvernude_1_620x620.jpg?v=1710892352"; SwymProductVariants[44870869909691] = { empi:empi,epi:44870869909691, du:"https://andrealeocouture.com/products/a1256", dt:"A1256", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1256_silver-nude_620x620.jpg?v=1710892352" , stk: 0, pr: 0/100, variants: [{ "SILVER NUDE" : 44870869909691}] }; SwymWatchProducts[44870869909691] = o[44870869909691] = {"id": 44870869909691, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER NUDE", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44870869909691, dt :"A1256",du:"https://andrealeocouture.com/products/a1256", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1256_silver-nude_620x620.jpg?v=1710892352" ,variants:[{ "SILVER NUDE" : 44870869909691 }] }; SwymViewProducts["a1256"] = SwymViewProducts[7906540028091] = product_data; SwymWatchProducts["a1256"] = SwymWatchProducts[7906540028091] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7906540028091" data-swaction="addToWishlist" data-product-id="7906540028091"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906540028091" id="collection-template-7906540028091-1" value="SILVER NUDE" checked="checked" data-variant-url="/products/a1256?variant=44870869909691#Image35106617884859" data-image-id="35106617884859" data-image-url="//andrealeocouture.com/cdn/shop/files/A1256_silver-nude_{width}x.jpg?v=1710892352" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906540028091-1" style="background-color: silvernude; background-image: url(//andrealeocouture.com/cdn/shop/files/silver-nude_64x64.png?v=1706504344)" title="SILVER NUDE" data-tooltip="SILVER NUDE"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1312" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1312" data-src="//andrealeocouture.com/cdn/shop/files/A1312_silver-nude_1_{width}x.jpg?v=1703179955" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1312" data-media-id="27486336516283"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1312" data-src="//andrealeocouture.com/cdn/shop/files/A1312_silver-nude_{width}x.jpg?v=1703179955" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1312" data-media-id="27486336483515"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1312" src="//andrealeocouture.com/cdn/shop/files/A1312_silver-nude_1_600x.jpg?v=1703179955" alt="A1312"> <img class="ProductItem__Image" title="A1312" src="//andrealeocouture.com/cdn/shop/files/A1312_silver-nude_600x.jpg?v=1703179955" alt="A1312"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1312">A1312</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = ""; var o={}, empi=7906974400699, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1312_silver-nude_620x620.jpg?v=1703179955"; SwymProductVariants[44875725701307] = { empi:empi,epi:44875725701307, du:"https://andrealeocouture.com/products/a1312", dt:"A1312", ct: collections, iu: piu , stk: 0, pr: 0/100, variants: [{ "SILVER NUDE" : 44875725701307}] }; SwymWatchProducts[44875725701307] = o[44875725701307] = {"id": 44875725701307, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER NUDE", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44875725701307, dt :"A1312",du:"https://andrealeocouture.com/products/a1312", ct :collections,pr:0/100,stk:0, iu : piu ,variants:[{ "SILVER NUDE" : 44875725701307 }] }; SwymViewProducts["a1312"] = SwymViewProducts[7906974400699] = product_data; SwymWatchProducts["a1312"] = SwymWatchProducts[7906974400699] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7906974400699" data-swaction="addToWishlist" data-product-id="7906974400699"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906974400699" id="collection-template-7906974400699-1" value="SILVER NUDE" checked="checked" data-variant-url="/products/a1312?variant=44875725701307" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906974400699-1" style="background-color: silvernude; background-image: url(//andrealeocouture.com/cdn/shop/files/silver-nude_64x64.png?v=1706504344)" title="SILVER NUDE" data-tooltip="SILVER NUDE"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1325" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1325" data-src="//andrealeocouture.com/cdn/shop/files/A1325_silver_4_{width}x.jpg?v=1710894111" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1325" data-media-id="27742505140411"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1325" data-src="//andrealeocouture.com/cdn/shop/files/A1325_silver_2_{width}x.jpg?v=1710894111" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1325" data-media-id="27742505042107"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1325" src="//andrealeocouture.com/cdn/shop/files/A1325_silver_4_600x.jpg?v=1710894111" alt="A1325"> <img class="ProductItem__Image" title="A1325" src="//andrealeocouture.com/cdn/shop/files/A1325_silver_2_600x.jpg?v=1710894111" alt="A1325"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1325">A1325</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = ""; var o={}, empi=7906976071867, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1325_silver_2_620x620.jpg?v=1710894111"; SwymProductVariants[44875820728507] = { empi:empi,epi:44875820728507, du:"https://andrealeocouture.com/products/a1325", dt:"A1325", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1325_silver_1_620x620.jpg?v=1710894111" , stk: 0, pr: 0/100, variants: [{ "SILVER" : 44875820728507}] }; SwymWatchProducts[44875820728507] = o[44875820728507] = {"id": 44875820728507, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "SILVER", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44875820728507, dt :"A1325",du:"https://andrealeocouture.com/products/a1325", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1325_silver_1_620x620.jpg?v=1710894111" ,variants:[{ "SILVER" : 44875820728507 }] }; SwymViewProducts["a1325"] = SwymViewProducts[7906976071867] = product_data; SwymWatchProducts["a1325"] = SwymWatchProducts[7906976071867] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7906976071867" data-swaction="addToWishlist" data-product-id="7906976071867"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906976071867" id="collection-template-7906976071867-1" value="SILVER" checked="checked" data-variant-url="/products/a1325?variant=44875820728507#Image35108779720891" data-image-id="35108779720891" data-image-url="//andrealeocouture.com/cdn/shop/files/A1325_silver_1_{width}x.jpg?v=1710894111" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906976071867-1" style="background-color: silver; background-image: url(//andrealeocouture.com/cdn/shop/files/silver_64x64.png?v=1691528963)" title="SILVER" data-tooltip="SILVER"></label> </div></div></div></div></div></div><div class="Grid__Cell 1/2--phone 1/3--tablet-and-up 1/4--desk"><div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/silver-formal-dresses/products/a1257" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"> <div class="product-tag-div"> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 1600px; padding-bottom: 150.00000000000003%; --aspect-ratio: 0.6666666666666666"> <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" title="A1257" data-src="//andrealeocouture.com/cdn/shop/files/A1257_dustymauve_1_{width}x.jpg?v=1703105167" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="A1257" data-media-id="27484138635451"> <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" title="A1257" data-src="//andrealeocouture.com/cdn/shop/files/A1257_dustymauve_{width}x.jpg?v=1703105168" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="A1257" data-media-id="27484138602683"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" title="A1257" src="//andrealeocouture.com/cdn/shop/files/A1257_dustymauve_1_600x.jpg?v=1703105167" alt="A1257"> <img class="ProductItem__Image" title="A1257" src="//andrealeocouture.com/cdn/shop/files/A1257_dustymauve_600x.jpg?v=1703105168" alt="A1257"> </noscript> </div> </div> </a><div class="ProductItem__LabelList"> <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued hide" style="font-size:13px;">Sold out</span> </div><div class="ProductItem__Info ProductItem__Info--left" style="position:relative;"><p class="ProductItem__Vendor Heading" style="color:#222;margin-bottom:0;line-height:1;">ANDREA & LEO COUTURE</p><h2 class="product_title2 ProductItem__Title Heading"> <a href="/collections/silver-formal-dresses/products/a1257">A1257</a> </h2> <script class="swym-product-view-snippet"> ['SwymViewProducts', 'SwymWatchProducts', 'SwymProductVariants'].forEach(function(k){ if(!window[k]) window[k] = {}; }); (function(et){ var collections = ""; var o={}, empi=7906540552379, piu = "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1257_dustymauve_620x620.jpg?v=1703105168"; SwymProductVariants[44870870958267] = { empi:empi,epi:44870870958267, du:"https://andrealeocouture.com/products/a1257", dt:"A1257", ct: collections, iu: "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1257_dustymauve_1_620x620.jpg?v=1703105167" , stk: 0, pr: 0/100, variants: [{ "DUSTY MAUVE" : 44870870958267}] }; SwymWatchProducts[44870870958267] = o[44870870958267] = {"id": 44870870958267, "available": false,"inventory_management": "shopify","inventory_quantity": 0,"title": "DUSTY MAUVE", "inventory_policy": "deny"}; var product_data = { empi:empi, epi:44870870958267, dt :"A1257",du:"https://andrealeocouture.com/products/a1257", ct :collections,pr:0/100,stk:0, iu : "\/\/andrealeocouture.com\/cdn\/shop\/files\/A1257_dustymauve_1_620x620.jpg?v=1703105167" ,variants:[{ "DUSTY MAUVE" : 44870870958267 }] }; SwymViewProducts["a1257"] = SwymViewProducts[7906540552379] = product_data; SwymWatchProducts["a1257"] = SwymWatchProducts[7906540552379] = o; })(); </script> <button class="swym-button-product swym-button swym-add-to-wishlist-view-product product_7906540552379" data-swaction="addToWishlist" data-product-id="7906540552379"></button><div class="ProductItem__ColorSwatchList" style="margin:5px 0;"><div class="ProductItem__ColorSwatchItem"><input class="ColorSwatch__Radio" type="radio" name="collection-template-7906540552379" id="collection-template-7906540552379-1" value="DUSTY MAUVE" checked="checked" data-variant-url="/products/a1257?variant=44870870958267#Image35106625519803" data-image-id="35106625519803" data-image-url="//andrealeocouture.com/cdn/shop/files/A1257_dustymauve_1_{width}x.jpg?v=1703105167" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="0.6666666666666666" aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small " for="collection-template-7906540552379-1" style="background-color: dustymauve; background-image: url(//andrealeocouture.com/cdn/shop/files/dusty-mauve_64x64.png?v=1706504344)" title="DUSTY MAUVE" data-tooltip="DUSTY MAUVE"></label> </div></div></div></div></div></div></div> </div><style> #gf_pagination_wrap{ padding-top: 0; margin-top: 0; } </style> </div> </div></div></section><style> #shopify-section-collection-template #gf-tree {margin-top: 45px;} #shopify-section-collection-template .gf-block-title .h3, #shopify-section-collection-template .gf-block-title h3 {font-weight: bold; letter-spacing: 1px;} </style></div> <div id="shopify-section-recently-viewed-products" class="shopify-section shopify-section--bordered shopify-section--hidden"><section class="Section Section--spacingNormal" data-section-id="recently-viewed-products" data-section-type="recently-viewed-products" data-section-settings='{ "productId": null }'><header class="SectionHeader SectionHeader--center" style="margin-bottom:20px;"> <div class="Container"> <h3 class="SectionHeader__Heading Heading u-h3">RECENTLY VIEWED</h3> </div> </header></section></div> <div id="shopify-section-richtext-section" class="shopify-section Richtext-Section"><div class="container"> <div class="SectionHeader SectionHeader--center"> <div class="richtext_area PageContent--narrow Rte"></div> </div> </div> <style> .Richtext-Section{ margin: 40px auto; } </style> </div> <div id="shopify-section-collection-footer" class="shopify-section"></div> </main> <div id="shopify-section-footer" class="shopify-section shopify-section--footer"> <footer id="section-footer" data-section-id="footer" data-section-type="footer" class="Footer " role="contentinfo"> <div class="Container footer-grid" style="text-align:center;"> <div class="Footer__Block Footer__Block--text " data-text="true" ><img src=https://cdn.shopify.com/s/files/1/0456/9553/3209/files/sticky_logo_image.png?v=168728
84	Error " in an unquoted attribute value. Probable causes: Attributes running together or a URL query string in an unquoted attribute value. On line 4737, column 117 age.png?v=1687287073" alt="
85	Error Duplicate ID gspfSearchResult. On line 4879, column 51 687287073" alt="logo" title="AL-logo" width="200"/><div class="Footer__Content Rte"> <p></p><p>Step into a world of timeless romance with Andrea & Leo. Our Los Angeles brand celebrates the beauty of forgotten love, adorning gowns with whimsical, floral lacework, and handcrafted embellishments that mirror vintage storybook illustrations.</p> </div> </div> <div class="Footer__Block Footer__Block--links " style="display:inline-block"><h2 class="Footer__Title Heading u-h6">ABOUT</h2> <ul class="Linklist"><li class="Linklist__Item"> <a href="/pages/our-story" class="Link Link--primary">Our Story</a> </li><li class="Linklist__Item"> <a href="/pages/contact-us" class="Link Link--primary">Contact Us</a> </li><li class="Linklist__Item"> <a href="/pages/become-a-retailer" class="Link Link--primary">Become a Retailer</a> </li><li class="Linklist__Item"> <a href="/pages/pr-stylist-contact" class="Link Link--primary">PR / Stylist Contact</a> </li><li class="Linklist__Item"> <a href="/pages/affliate-program" class="Link Link--primary">Affiliate Program</a> </li><li class="Linklist__Item"> <a href="/pages/careers" class="Link Link--primary">Careers</a> </li><li class="Linklist__Item"> <a href="/blogs/blog" class="Link Link--primary">Blog</a> </li></ul> </div> <div class="Footer__Block Footer__Block--links " style="display:inline-block"><h2 class="Footer__Title Heading u-h6">FAQ</h2> <ul class="Linklist"><li class="Linklist__Item"> <a href="/pages/how-to-order" class="Link Link--primary">How to order</a> </li><li class="Linklist__Item"> <a href="/pages/find-a-store" class="Link Link--primary">Store Locator</a> </li><li class="Linklist__Item"> <a href="/pages/size-guide" class="Link Link--primary">Size Guide</a> </li></ul> </div> <div class="Footer__Block Footer__Block--links " style="display:inline-block"><h2 class="Footer__Title Heading u-h6">WHOLESALE</h2> <ul class="Linklist"><li class="Linklist__Item"> <a href="https://order.ladivine.com/customer/account/login" class="Link Link--primary">Retailer Login</a> </li><li class="Linklist__Item"> <a href="https://order.ladivine.com/customer/account/create/" class="Link Link--primary">Become a Retailer</a> </li><li class="Linklist__Item"> <a href="/pages/wholesale-info" class="Link Link--primary">Wholesale Info</a> </li><li class="Linklist__Item"> <a href="/pages/upcoming-shows" class="Link Link--primary">Upcoming Shows</a> </li></ul> </div> <div class="Footer__Block Footer__Block--links Footer__Block--social-media " style="display:inline-block"><h2 class="Footer__Title Heading u-h6">CONNECT WITH US</h2> <ul class="Linklist"> <li class="Linklist__Item"> <a href="https://www.facebook.com/andrealeocouture" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Facebook"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--facebook" viewBox="0 0 9 17"> <path d="M5.842 17V9.246h2.653l.398-3.023h-3.05v-1.93c0-.874.246-1.47 1.526-1.47H9V.118C8.718.082 7.75 0 6.623 0 4.27 0 2.66 1.408 2.66 3.994v2.23H0v3.022h2.66V17h3.182z"></path> </svg></span>Facebook </a> </li> <li class="Linklist__Item"> <a href="https://www.instagram.com/andrea_leo_couture/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Instagram"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--instagram" role="presentation" viewBox="0 0 32 32"> <path d="M15.994 2.886c4.273 0 4.775.019 6.464.095 1.562.07 2.406.33 2.971.552.749.292 1.283.635 1.841 1.194s.908 1.092 1.194 1.841c.216.565.483 1.41.552 2.971.076 1.689.095 2.19.095 6.464s-.019 4.775-.095 6.464c-.07 1.562-.33 2.406-.552 2.971-.292.749-.635 1.283-1.194 1.841s-1.092.908-1.841 1.194c-.565.216-1.41.483-2.971.552-1.689.076-2.19.095-6.464.095s-4.775-.019-6.464-.095c-1.562-.07-2.406-.33-2.971-.552-.749-.292-1.283-.635-1.841-1.194s-.908-1.092-1.194-1.841c-.216-.565-.483-1.41-.552-2.971-.076-1.689-.095-2.19-.095-6.464s.019-4.775.095-6.464c.07-1.562.33-2.406.552-2.971.292-.749.635-1.283 1.194-1.841s1.092-.908 1.841-1.194c.565-.216 1.41-.483 2.971-.552 1.689-.083 2.19-.095 6.464-.095zm0-2.883c-4.343 0-4.889.019-6.597.095-1.702.076-2.864.349-3.879.743-1.054.406-1.943.959-2.832 1.848S1.251 4.473.838 5.521C.444 6.537.171 7.699.095 9.407.019 11.109 0 11.655 0 15.997s.019 4.889.095 6.597c.076 1.702.349 2.864.743 3.886.406 1.054.959 1.943 1.848 2.832s1.784 1.435 2.832 1.848c1.016.394 2.178.667 3.886.743s2.248.095 6.597.095 4.889-.019 6.597-.095c1.702-.076 2.864-.349 3.886-.743 1.054-.406 1.943-.959 2.832-1.848s1.435-1.784 1.848-2.832c.394-1.016.667-2.178.743-3.886s.095-2.248.095-6.597-.019-4.889-.095-6.597c-.076-1.702-.349-2.864-.743-3.886-.406-1.054-.959-1.943-1.848-2.832S27.532 1.247 26.484.834C25.468.44 24.306.167 22.598.091c-1.714-.07-2.26-.089-6.603-.089zm0 7.778c-4.533 0-8.216 3.676-8.216 8.216s3.683 8.216 8.216 8.216 8.216-3.683 8.216-8.216-3.683-8.216-8.216-8.216zm0 13.549c-2.946 0-5.333-2.387-5.333-5.333s2.387-5.333 5.333-5.333 5.333 2.387 5.333 5.333-2.387 5.333-5.333 5.333zM26.451 7.457c0 1.059-.858 1.917-1.917 1.917s-1.917-.858-1.917-1.917c0-1.059.858-1.917 1.917-1.917s1.917.858 1.917 1.917z"></path> </svg></span>Instagram </a> </li> <li class="Linklist__Item"> <a href="https://www.pinterest.com/andrealeocouture/_saved/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Pinterest"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--pinterest" role="presentation" viewBox="0 0 32 32"> <path d="M16 0q3.25 0 6.208 1.271t5.104 3.417 3.417 5.104T32 16q0 4.333-2.146 8.021t-5.833 5.833T16 32q-2.375 0-4.542-.625 1.208-1.958 1.625-3.458l1.125-4.375q.417.792 1.542 1.396t2.375.604q2.5 0 4.479-1.438t3.063-3.937 1.083-5.625q0-3.708-2.854-6.437t-7.271-2.729q-2.708 0-4.958.917T8.042 8.689t-2.104 3.208-.729 3.479q0 2.167.812 3.792t2.438 2.292q.292.125.5.021t.292-.396q.292-1.042.333-1.292.167-.458-.208-.875-1.083-1.208-1.083-3.125 0-3.167 2.188-5.437t5.729-2.271q3.125 0 4.875 1.708t1.75 4.458q0 2.292-.625 4.229t-1.792 3.104-2.667 1.167q-1.25 0-2.042-.917t-.5-2.167q.167-.583.438-1.5t.458-1.563.354-1.396.167-1.25q0-1.042-.542-1.708t-1.583-.667q-1.292 0-2.167 1.188t-.875 2.979q0 .667.104 1.292t.229.917l.125.292q-1.708 7.417-2.083 8.708-.333 1.583-.25 3.708-4.292-1.917-6.938-5.875T0 16Q0 9.375 4.687 4.688T15.999.001z"></path> </svg></span>Pinterest </a> </li> <li class="Linklist__Item"> <a href="https://www.youtube.com/@andrealeocouture" class="Link Link--primary" target="_blank" rel="noopener" aria-label="YouTube"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--youtube" role="presentation" viewBox="0 0 33 32"> <path d="M0 25.693q0 1.997 1.318 3.395t3.209 1.398h24.259q1.891 0 3.209-1.398t1.318-3.395V6.387q0-1.997-1.331-3.435t-3.195-1.438H4.528q-1.864 0-3.195 1.438T.002 6.387v19.306zm12.116-3.488V9.876q0-.186.107-.293.08-.027.133-.027l.133.027 11.61 6.178q.107.107.107.266 0 .107-.107.213l-11.61 6.178q-.053.053-.107.053-.107 0-.16-.053-.107-.107-.107-.213z"></path> </svg></span>Youtube </a> </li> <li class="Linklist__Item"> <a href="https://www.tiktok.com/@andrealeo_couture" class="Link Link--primary" target="_blank" rel="noopener" aria-label="TikTok"> <span class="Icon-Wrapper--clickable"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="16px" height="16px"><path d="M 9 4 C 6.2495759 4 4 6.2495759 4 9 L 4 41 C 4 43.750424 6.2495759 46 9 46 L 41 46 C 43.750424 46 46 43.750424 46 41 L 46 9 C 46 6.2495759 43.750424 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.671576 6 44 7.3284241 44 9 L 44 41 C 44 42.671576 42.671576 44 41 44 L 9 44 C 7.3284241 44 6 42.671576 6 41 L 6 9 C 6 7.3284241 7.3284241 6 9 6 z M 26.042969 10 A 1.0001 1.0001 0 0 0 25.042969 10.998047 C 25.042969 10.998047 25.031984 15.873262 25.021484 20.759766 C 25.016184 23.203017 25.009799 25.64879 25.005859 27.490234 C 25.001922 29.331679 25 30.496833 25 30.59375 C 25 32.409009 23.351421 33.892578 21.472656 33.892578 C 19.608867 33.892578 18.121094 32.402853 18.121094 30.539062 C 18.121094 28.675273 19.608867 27.1875 21.472656 27.1875 C 21.535796 27.1875 21.663054 27.208245 21.880859 27.234375 A 1.0001 1.0001 0 0 0 23 26.240234 L 23 22.039062 A 1.0001 1.0001 0 0 0 22.0625 21.041016 C 21.906673 21.031216 21.710581 21.011719 21.472656 21.011719 C 16.223131 21.011719 11.945313 25.289537 11.945312 30.539062 C 11.945312 35.788589 16.223131 40.066406 21.472656 40.066406 C 26.72204 40.066409 31 35.788588 31 30.539062 L 31 21.490234 C 32.454611 22.653646 34.267517 23.390625 36.269531 23.390625 C 36.542588 23.390625 36.802305 23.374442 37.050781 23.351562 A 1.0001 1.0001 0 0 0 37.958984 22.355469 L 37.958984 17.685547 A 1.0001 1.0001 0 0 0 37.03125 16.6875 C 33.886609 16.461891 31.379838 14.012216 31.052734 10.896484 A 1.0001 1.0001 0 0 0 30.058594 10 L 26.042969 10 z M 27.041016 12 L 29.322266 12 C 30.049047 15.2987 32.626734 17.814404 35.958984 18.445312 L 35.958984 21.310547 C 33.820114 21.201935 31.941489 20.134948 30.835938 18.453125 A 1.0001 1.0001 0 0 0 29 19.003906 L 29 30.539062 C 29 34.707538 25.641273 38.066406 21.472656 38.066406 C 17.304181 38.066406 13.945312 34.707538 13.945312 30.539062 C 13.945312 26.538539 17.066083 23.363182 21 23.107422 L 21 25.283203 C 18.286416 25.535721 16.121094 27.762246 16.121094 30.539062 C 16.121094 33.483274 18.528445 35.892578 21.472656 35.892578 C 24.401892 35.892578 27 33.586491 27 30.59375 C 27 30.64267 27.001859 29.335571 27.005859 27.494141 C 27.009759 25.65271 27.016224 23.20692 27.021484 20.763672 C 27.030884 16.376775 27.039186 12.849206 27.041016 12 z"/></svg></span>TikTok </a> </li> </ul> </div> </div> <div class="Footer__Aside Container custom_footer_aside"><div class="Footer__Copyright" style="flex-basis:100%;"> <a href="/" class="Footer__StoreName Heading u-h7 Link Link--secondary">© Andrea & Leo Couture</a><form method="post" action="/localization" id="localization_form_footer" accept-charset="UTF-8" class="Footer__LocalizationForm" enctype="multipart/form-data" style="display: inline-flex;margin-left: 50px;"><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="/collections/silver-formal-dresses" /><div class="Footer__LocalizationItem"> <input type="hidden" name="locale_code" value="en"> <span class="u-visually-hidden">Language</span> <button type="button" class="SelectButton Link Link--primary u-h8" aria-haspopup="true" aria-expanded="false" aria-controls="footer-locale-popover">English<svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12"> <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline> </svg></button> <div id="footer-locale-popover" class="Popover Popover--small Popover--noWrap" aria-hidden="true"> <header class="Popover__Header"> <button type="button" class="Popover__Close Icon-Wrapper--clickable" data-action="close-popover"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> <span class="Popover__Title Heading u-h4">Language</span> </header> <div class="Popover__Content"> <div class="Popover__ValueList Popover__ValueList--center" data-scrollable><button type="submit" name="locale_code" class="Popover__Value is-selected Heading Link Link--primary u-h6" value="en" aria-current="true">English</button><button type="submit" name="locale_code" class="Popover__Value Heading Link Link--primary u-h6" value="es" >Español</button></div> </div> </div> </div></form></div> </div> </footer><style> .Footer { border-top: 1px solid var(--border-color); } </style></div> </div> <script> window.themeAssetsUrl = '//andrealeocouture.com/cdn/shop/t/33/assets/'; window.filesUrl = '//andrealeocouture.com/cdn/shop/files/'; </script> <script id="gspfSearchResult" type="template/html"> {% as
86	Info The first occurrence of ID gspfSearchResult was here. On line 1381, column 84 et="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0"> <meta name="theme-color" content=""> <meta name="google-site-verification" content="sfamCTEzJiwi758KmgfPy830A3h4DTOF-4aycfTsxXE" /> <title> SILVER FORMAL DRESSES &ndash; Andrea Leo Couture </title><meta name="description" content="Prom &amp;amp; Evening Gowns"><!-- Custom Font --> <link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link rel="canonical" href="https://andrealeocouture.com/collections/silver-formal-dresses"><link rel="shortcut icon" href="//andrealeocouture.com/cdn/shop/files/ALlogo_black_alonly_96x.png?v=1690406979" type="image/png"><meta property="og:type" content="website"> <meta property="og:title" content="SILVER FORMAL DRESSES"> <meta property="og:image" content="http://andrealeocouture.com/cdn/shop/files/A0824_midnight_n.jpg?v=1687551463"> <meta property="og:image:secure_url" content="https://andrealeocouture.com/cdn/shop/files/A0824_midnight_n.jpg?v=1687551463"> <meta property="og:image:width" content="1600"> <meta property="og:image:height" content="2400"><meta property="og:description" content="Prom &amp;amp; Evening Gowns"><meta property="og:url" content="https://andrealeocouture.com/collections/silver-formal-dresses"> <meta property="og:site_name" content="Andrea Leo Couture"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="SILVER FORMAL DRESSES"> <meta name="twitter:description" content="Prom &amp;amp; Evening Gowns"> <meta name="twitter:image" content="https://andrealeocouture.com/cdn/shop/files/A0824_midnight_n_600x600_crop_center.jpg?v=1687551463"> <style> @font-face { font-family: "Optima nova"; font-weight: 400; font-style: normal; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/optima_nova/optimanova_n4.80ce677c7e6e9f158250df66f71dccc3eed0080e.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=ec57026b4fccf87cc4e4d8949c4dc995e0b6db64c1607f836122b5788c64aa01") format("woff2"), url("//andrealeocouture.com/cdn/fonts/optima_nova/optimanova_n4.4a1f98c8389acb3d0e4e06955d971ac0cb806edb.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=432a1f794c76f363e4c4831e535d09186df29eeb85e26bce2d63a6cdf87f6271") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 400; font-style: normal; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n4.52f58bee85b3ed9230f7586fabcd39d764d4b5da.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=8ac05a5fde68727733c8466c31b63a0f8ed72155a6f113fe53303859c5a6624e") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n4.2300b55e95b4b328f7a2ab6fd4c9d3fec2957b9d.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=1adcf3cbdeb5f0bd751ca2cd16520b8b0f99a6829ff3b91d3d8db8b6c3b45f06") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 700; font-style: normal; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n7.fa245752b96e66ae9115b50816ff998ec745d98a.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=767e8b1526bd44ea48457729212563dbbfb8ed779d44f5e41e75e39020298287") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_n7.715cc18300f90ef0b9b6b4d4f682308f8036860e.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=c0f9b3ee87f9358e0a03fa0b5b774d9b5f2336cfe21c7706fa42d4720506b8b7") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 400; font-style: italic; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i4.d32f3a6ecc15e6a46c928e13f37a71fbb142f687.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=9a0d4a2361a84370ce9cc2a429a5b10b2828d768b130d1d4f111f879069848da") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i4.31ccb424021c4515a5622dfb63fbc6514630e453.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=b86e37ec95d14e6545e9c69c67deffde9e94641ca315e4a2be2764886c4a283a") format("woff"); } @font-face { font-family: "Libre Franklin"; font-weight: 700; font-style: italic; font-display: fallback; src: url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i7.e5dc8a26bc24bad6062a45d7d37f1904d36a209a.woff2?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=988ae4a73d52ad1e5ba5d625e15908d0436c5bddc225c635e108f23827e0eeba") format("woff2"), url("//andrealeocouture.com/cdn/fonts/libre_franklin/librefranklin_i7.f4e3e94ec9b359c108d428bb7dc48c34d0a317dd.woff?h1=ZXZlbmluZy1yb29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=YW5kcmVhbGVvY291dHVyZS5jb20&hmac=ad4c37934551a809c2f5ec8948fc08812022271abd91a6a1e6fa116d58fb0fe4") format("woff"); } :root { --heading-font-family : "Optima nova", sans-serif; --heading-font-weight : 400; --heading-font-style : normal; --text-font-family : "Libre Franklin", sans-serif; --text-font-weight : 400; --text-font-style : normal; --base-text-font-size : 13px; --default-text-font-size: 14px;--background : #ffffff; --background-rgb : 255, 255, 255; --light-background : #ffffff; --light-background-rgb: 255, 255, 255; --heading-color : #222222; --text-color : #393939; --text-color-rgb : 57, 57, 57; --text-color-light : #5b5b5b; --text-color-light-rgb: 91, 91, 91; --link-color : #323232; --link-color-rgb : 50, 50, 50; --border-color : #e1e1e1; --border-color-rgb : 225, 225, 225; --button-background : rgba(0,0,0,0); --button-background-rgb: 0, 0, 0; --button-text-color : #ffffff; --header-background : #ffffff; --header-heading-color : #222222; --header-light-text-color : #222222; --header-border-color : #dedede; --footer-background : #ffffff; --footer-text-color : #403f3f; --footer-heading-color : #3d3d3d; --footer-border-color : #e2e2e2; --navigation-background : #ffffff; --navigation-background-rgb : 255, 255, 255; --navigation-text-color : #5c5c5c; --navigation-text-color-light: rgba(92, 92, 92, 0.5); --navigation-border-color : rgba(92, 92, 92, 0.25); --newsletter-popup-background : #ffffff; --newsletter-popup-text-color : #1c1b1b; --newsletter-popup-text-color-rgb : 28, 27, 27; --secondary-elements-background : #5c5c5c; --secondary-elements-background-rgb : 255, 255, 255; --secondary-elements-text-color : #ffffff; --secondary-elements-text-color-light : rgba(255, 255, 255, 0.5); --secondary-elements-border-color : rgba(255, 255, 255, 0.25); --product-sale-price-color : #f94c43; --product-sale-price-color-rgb: 249, 76, 67; /* Products / --horizontal-spacing-four-products-per-row: 20px; --horizontal-spacing-two-products-per-row : 20px; --vertical-spacing-four-products-per-row: 60px; --vertical-spacing-two-products-per-row : 75px; / Animation / --drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1); --header-base-height: 80px; / We set a default for browsers that do not support CSS variables / / Cursors / --cursor-zoom-in-svg : url(//andrealeocouture.com/cdn/shop/t/33/assets/cursor-zoom-in.svg?v=11459481310765611391704949293); --cursor-zoom-in-2x-svg : url(//andrealeocouture.com/cdn/shop/t/33/assets/cursor-zoom-in-2x.svg?v=80958546331636841701704949293); } </style> <script> // IE11 does not have support for CSS variables, so we have to polyfill them if (!(((window \|\| {}).CSS \|\| {}).supports && window.CSS.supports('(--a: 0)'))) { const script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2'; script.onload = function() { cssVars({}); }; document.getElementsByTagName('head')[0].appendChild(script); } </script> <!-- OutlinkStickyBtn CODE Start --><!-- OutlinkStickyBtn END --> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/45695533209/digital_wallets/dialog"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/silver-formal-dresses.atom" /> <link rel="alternate" hreflang="x-default" href="https://andrealeocouture.com/collections/silver-formal-dresses"> <link rel="alternate" hreflang="en-US" href="https://andrealeocouture.com/collections/silver-formal-dresses"> <link rel="alternate" hreflang="es-US" href="https://andrealeocouture.com/es/collections/silver-formal-dresses"> <link rel="alternate" type="application/json+oembed" href="https://andrealeocouture.com/collections/silver-formal-dresses.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-LT"></script> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-LT&shop_id=45695533209" crossorigin="anonymous"></script> <script id="shopify-features" type="application/json">{"accessToken":"aaf47a4bb9bf955da226a5b697335282","betas":["rich-media-storefront-analytics"],"domain":"andrealeocouture.com","predictiveSearch":true,"shopId":45695533209,"smart_payment_buttons_url":"https:\/\/andrealeocouture.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/andrealeocouture.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en","flg4ff40b22":false}</script> <script>var Shopify = Shopify \|\| {}; Shopify.shop = "evening-room.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "LT"; Shopify.theme = {"name":"[Live]Prestige 0820 \| Adex - 11 Jan 2024","id":133786337467,"theme_store_id":855,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "andrealeocouture.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-features" type="application/json">{"compact":""}</script> <script>(function() { function asyncLoad() { var urls = ["\/\/swymv3starter01.azureedge.net\/code\/swym-shopify.js?shop=evening-room.myshopify.com","https:\/\/api.omegatheme.com\/related-videos\/related-videos.js?shop=evening-room.myshopify.com","https:\/\/app.kiwisizing.com\/web\/js\/dist\/kiwiSizing\/plugin\/SizingPlugin.prod.js?v=310\u0026shop=evening-room.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-3e2eac0dd50ac693279d8e4c51b33de7.js?shop=evening-room.myshopify.com","\/\/searchserverapi.com\/widgets\/shopify\/init.js?a=4x2i3T7t6N\u0026shop=evening-room.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":45695533209,"offset":-25200,"reqid":"9be4cfb8-14e3-4ee2-9363-c9ff38b8a9fe-1711565753","pageurl":"andrealeocouture.com\/collections\/silver-formal-dresses","u":"d38672fc07e0","p":"collection","rtyp":"collection","rid":300140822715};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify\|\|{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3\|\|{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action="/contact"] input[name="form_type"][value="contact"]','form[action="/comments"] input[name="form_type"][value="new_comment"]','form[action="/account"] input[name="form_type"][value="customer_login"]','form[action="/account"] input[name="form_type"][value="recover_customer_password"]','form[action="/account"] input[name="form_type"][value="create_customer"]','form[action="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e\|\|null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script> <script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//andrealeocouture.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//andrealeocouture.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="//andrealeocouture.com/cdn/shop/t/33/compiled_assets/styles.css?4580"> <script id="sections-script" data-sections="richtext-section" defer="defer" src="//andrealeocouture.com/cdn/shop/t/33/compiled_assets/scripts.js?4580"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 60px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link rel="stylesheet" href="//andrealeocouture.com/cdn/shop/t/33/assets/theme.css?v=28549480563885211151711141368"> <link rel="stylesheet" href="//andrealeocouture.com/cdn/shop/t/33/assets/custom-theme.css?v=110724835560117274581704949293"> <link rel="stylesheet" href="//andrealeocouture.com/cdn/shop/t/33/assets/font.css?v=38060259291234707721704949816"> <!-- Google Tag Manager --> <script>(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-KR86K68K');</script> <!-- End Google Tag Manager --> <script> // This allows to expose several variables to the global scope, to be used in scripts window.theme = { pageType: "collection", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", productImageSize: "natural", searchMode: "product,article", showPageTransition: false, showElementStaggering: true, showImageZooming: false }; window.routes = { rootUrl: "\/", cartUrl: "\/cart", cartAddUrl: "\/cart\/add", cartChangeUrl: "\/cart\/change", searchUrl: "\/search", productRecommendationsUrl: "\/recommendations\/products" }; window.languages = { cartAddNote: "Add Order Note", cartEditNote: "Edit Order Note", productImageLoadingError: "This image could not be loaded. Please try to reload the page.", productFormAddToCart: "Add to cart", productFormUnavailable: "Unavailable", productFormSoldOut: "Sold Out", shippingEstimatorOneResult: "1 option available:", shippingEstimatorMoreResults: "{{count}} options available:", shippingEstimatorNoResults: "No shipping could be found" }; window.lazySizesConfig = { loadHidden: false, hFac: 0.5, expFactor: 2, ricTimeout: 150, lazyClass: 'Image--lazyLoad', loadingClass: 'Image--lazyLoading', loadedClass: 'Image--lazyLoaded' }; document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.style.setProperty('--window-height', window.innerHeight + 'px'); // We do a quick detection of some features (we could use Modernizr but for so little...) (function() { document.documentElement.className += ((window.CSS && window.CSS.supports('(position: sticky) or (position: -webkit-sticky)')) ? ' supports-sticky' : ' no-supports-sticky'); document.documentElement.className += (window.matchMedia('(-moz-touch-enabled: 1), (hover: none)')).matches ? ' no-supports-hover' : ' supports-hover'; }()); </script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/lazysizes.min.js?v=174358363404432586981704949293" async></script><script src="https://cdn.polyfill.io/v3/polyfill.min.js?unknown=polyfill&features=fetch,Element.prototype.closest,Element.prototype.remove,Element.prototype.classList,Array.prototype.includes,Array.prototype.fill,Object.assign,CustomEvent,IntersectionObserver,IntersectionObserverEntry,URL" defer></script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/libs.min.js?v=26178543184394469741704949293" defer></script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/theme.js?v=97196138291696594601704949293" defer></script> <script src="//andrealeocouture.com/cdn/shop/t/33/assets/custom.js?v=136820622344706651911704949293" defer></script> <script> (function () { window.onpageshow = function() { if (window.theme.showPageTransition) { var pageTransition = document.querySelector('.PageTransition'); if (pageTransition) { pageTransition.style.visibility = 'visible'; pageTransition.style.opacity = '0'; } } // When the page is loaded from the cache, we have to reload the cart content document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true })); }; })(); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Translation missing: en.general.breadcrumb.home", "item": "https://andrealeocouture.com" },{ "@type": "ListItem", "position": 2, "name": "SILVER FORMAL DRESSES", "item": "https://andrealeocouture.com/collections/silver-formal-dresses" }] } </script> <!-- BEGIN app block: shopify://apps/powerful-contact-form-builder/blocks/app-embed/e4bcb1eb-35b2-42e6-bc37-bfe0e1542c9d --> <script type="text/javascript" hs-ignore> var Globo = Globo \|\| {}; var globoFormbuilderRecaptchaInit = function(){}; window.Globo.FormBuilder = window.Globo.FormBuilder \|\| {}; window.Globo.FormBuilder.shop = {"configuration":{"money_format":"${{amount}}"},"pricing":{"features":{"bulkOrderForm":false,"cartForm":false,"fileUpload":2,"removeCopyright":false}},"settings":{"copyright":"Powered by <a href=\"https://globosoftware.net\" target=\"_blank\">Globo</a> <a href=\"https://apps.shopify.com/form-builder-contact-form\" target=\"_blank\">Contact Form</a>","hideWaterMark":false,"reCaptcha":{"recaptchaType":"v2","siteKey":false,"languageCode":"en"},"scrollTop":true,"additionalColumns":[]},"encryption_form_id":1,"url":"https://app.powerfulform.com/"}; window.Globo.FormBuilder.forms = []; window.Globo.FormBuilder.forms[1106] = {"1106":{"elements":[{"id":"group-1","type":"group","label":"Page 1","description":"","elements":[{"id":"text","type":"text","label":"Your Name","placeholder":"Your name","description":"","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":true,"ifHideLabel":false,"inputIcon":"","columnWidth":50},{"id":"email","type":"email","label":"Email","placeholder":"Your email","description":"","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":true,"ifHideLabel":false,"inputIcon":"","columnWidth":50},{"id":"phone","type":"phone","label":"Phone","placeholder":"Your phone (optional)","description":"","validatePhone":false,"onlyShowFlag":false,"defaultCountryCode":"us","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":false,"ifHideLabel":false,"inputIcon":"","columnWidth":100},{"id":"textarea","type":"textarea","label":"Message","placeholder":"Your message","description":"","limitCharacters":false,"characters":100,"hideLabel":true,"keepPositionLabel":false,"required":true,"ifHideLabel":false,"columnWidth":100}]}],"errorMessage":{"required":"Please fill in field","invalid":"Invalid","invalidName":"Invalid name","invalidEmail":"Invalid email","invalidURL":"Invalid URL","invalidPhone":"Invalid phone","invalidNumber":"Invalid number","invalidPassword":"Invalid password","confirmPasswordNotMatch":"Confirmed password doesn't match","customerAlreadyExists":"Customer already exists","fileSizeLimit":"File size limit exceeded","fileNotAllowed":"File extension not allowed","requiredCaptcha":"Please, enter the captcha","requiredProducts":"Please select product","limitQuantity":"The number of products left in stock has been exceeded","shopifyInvalidPhone":"phone - Enter a valid phone number to use this delivery method","shopifyPhoneHasAlready":"phone - Phone has already been taken","shopifyInvalidProvice":"addresses.province - is not valid","otherError":"Something went wrong, please try again"},"appearance":{"layout":"boxed","width":"750","style":"flat","mainColor":"rgba(255,255,255,1)","headingColor":"rgba(92,92,92,1)","labelColor":"rgba(147,147,147,1)","descriptionColor":"rgba(147,147,147,1)","optionColor":"rgba(147,147,147,1)","paragraphColor":"#000","paragraphBackground":"rgba(255,255,255,1)","background":"color","backgroundColor":"#FFF","backgroundImage":"","backgroundImageAlignment":"middle","floatingIcon":"\u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"envelope\" class=\"svg-inline--fa fa-envelope fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"\u003e\u003cpath fill=\"currentColor\" d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e","floatingText":"","displayOnAllPage":false,"position":"bottom right","formType":"normalForm","newTemplate":true},"afterSubmit":{"action":"clearForm","message":"\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e","redirectUrl":"","enableGa":false,"gaEventName":"globo_form_submit","gaEventCategory":"Form Builder by Globo","gaEventAction":"Submit","gaEventLabel":"Contact us form","enableFpx":false,"fpxTrackerName":""},"accountPage":{"showAccountDetail":false,"registrationPage":false,"editAccountPage":false,"header":"Header","active":false,"title":"Account details","headerDescription":"Fill out the form to change account information","afterUpdate":"Message after update","message":"\u003ch5\u003eAccount edited successfully!\u003c\/h5\u003e","footer":"Footer","updateText":"Update","footerDescription":""},"footer":{"description":"","previousText":"Previous","nextText":"Next","submitText":"SEND","resetButton":false,"resetButtonText":"Reset","submitFullWidth":true,"submitAlignment":"center"},"header":{"active":true,"title":"","description":"\u003cp class=\"ql-align-center\"\u003eWe are so thrilled to begin a partnership with you!\u003c\/p\u003e"},"isStepByStepForm":true,"publish":{"requiredLogin":false,"requiredLoginMessage":"Please \u003ca href='\/account\/login' title='login'\u003elogin\u003c\/a\u003e to continue","publishType":"embedCode","embedCode":"\u003cdiv class=\"globo-formbuilder\" data-id=\"MTEwNg==\"\u003e\u003c\/div\u003e","shortCode":"{formbuilder:MTEwNg==}","popup":"\u003cbutton class=\"globo-formbuilder-open\" data-id=\"MTEwNg==\"\u003eOpen form\u003c\/button\u003e","lightbox":"\u003cdiv class=\"globo-form-publish-modal lightbox hidden\" data-id=\"MTEwNg==\"\u003e\u003cdiv class=\"globo-form-modal-content\"\u003e\u003cdiv class=\"globo-formbuilder\" data-id=\"MTEwNg==\"\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e","enableAddShortCode":false,"selectPage":"index","selectPositionOnPage":"top","selectTime":"forever","setCookie":"1","setCookieHours":"1","setCookieWeeks":"1"},"reCaptcha":{"enable":false,"note":"Please make sure that you have set Google reCaptcha v2 Site key and Secret key in \u003ca href=\"\/admin\/settings\"\u003eSettings\u003c\/a\u003e"},"html":"\n\u003cdiv class=\"globo-form boxed-form globo-form-id-1106\"\u003e\n\u003cstyle\u003e\n.globo-form-id-1106 .globo-form-app{\n max-width: 750px;\n width: -webkit-fill-available;\n \n background-color: #FFF;\n \n \n}\n\n.globo-form-id-1106 .globo-form-app .globo-heading{\n color: rgba(92,92,92,1)\n}\n.globo-form-id-1106 .globo-form-app .globo-description,\n.globo-form-id-1106 .globo-form-app .header .globo-description{\n color: rgba(147,147,147,1)\n}\n.globo-form-id-1106 .globo-form-app .globo-label,\n.globo-form-id-1106 .globo-form-app .globo-form-control label.globo-label,\n.globo-form-id-1106 .globo-form-app .globo-form-control label.globo-label span.label-content{\n color: rgba(147,147,147,1);\n text-align: left !important;\n}\n.globo-form-id-1106 .globo-form-app .globo-label.globo-position-label{\n height: 20px !important;\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .help-text.globo-description{\n color: rgba(147,147,147,1)\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .checkbox-wrapper .globo-option,\n.globo-form-id-1106 .globo-form-app .globo-form-control .radio-wrapper .globo-option\n{\n color: rgba(147,147,147,1)\n}\n.globo-form-id-1106 .globo-form-app .footer{\n text-align:center;\n}\n.globo-form-id-1106 .globo-form-app .footer button{\n border:1px solid rgba(255,255,255,1);\n \n width:100%;\n \n}\n.globo-form-id-1106 .globo-form-app .footer button.submit,\n.globo-form-id-1106 .globo-form-app .footer button.checkout,\n.globo-form-id-1106 .globo-form-app .footer button.action.loading .spinner{\n background-color: rgba(255,255,255,1);\n color : #000000;\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:before {\n content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(255,255,255,1)\" d=\"M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset\u003einput:checked ~ label:before {\n content: url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(255,255,255,1)\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e');\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover:before,\n.globo-form-id-1106 .globo-form-app .globo-form-control .star-rating\u003efieldset:not(:checked)\u003elabel:hover ~ label:before{\n content : url('data:image\/svg+xml; utf8, \u003csvg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"star\" class=\"svg-inline--fa fa-star fa-w-18\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"\u003e\u003cpath fill=\"rgba(255,255,255,1)\" d=\"M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e')\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .radio-wrapper .radio-input:checked ~ .radio-label:after {\n background: rgba(255,255,255,1);\n background: radial-gradient(rgba(255,255,255,1) 40%, #fff 45%);\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input:checked ~ .checkbox-label:before {\n border-color: rgba(255,255,255,1);\n box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);\n background-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-form-app .step.-completed .step__number,\n.globo-form-id-1106 .globo-form-app .line.-progress,\n.globo-form-id-1106 .globo-form-app .line.-start{\n background-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-form-app .checkmark__check,\n.globo-form-id-1106 .globo-form-app .checkmark__circle{\n stroke: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .floating-button{\n background-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-form-app .globo-form-control .checkbox-wrapper .checkbox-input ~ .checkbox-label:before,\n.globo-form-app .globo-form-control .radio-wrapper .radio-input ~ .radio-label:after{\n border-color : rgba(255,255,255,1);\n}\n.globo-form-id-1106 .flatpickr-day.selected, \n.globo-form-id-1106 .flatpickr-day.startRange, \n.globo-form-id-1106 .flatpickr-day.endRange, \n.globo-form-id-1106 .flatpickr-day.selected.inRange, \n.globo-form-id-1106 .flatpickr-day.startRange.inRange, \n.globo-form-id-1106 .flatpickr-day.endRange.inRange, \n.globo-form-id-1106 .flatpickr-day.selected:focus, \n.globo-form-id-1106 .flatpickr-day.startRange:focus, \n.globo-form-id-1106 .flatpickr-day.endRange:focus, \n.globo-form-id-1106 .flatpickr-day.selected:hover, \n.globo-form-id-1106 .flatpickr-day.startRange:hover, \n.globo-form-id-1106 .flatpickr-day.endRange:hover, \n.globo-form-id-1106 .flatpickr-day.selected.prevMonthDay, \n.globo-form-id-1106 .flatpickr-day.startRange.prevMonthDay, \n.globo-form-id-1106 .flatpickr-day.endRange.prevMonthDay, \n.globo-form-id-1106 .flatpickr-day.selected.nextMonthDay, \n.globo-form-id-1106 .flatpickr-day.startRange.nextMonthDay, \n.globo-form-id-1106 .flatpickr-day.endRange.nextMonthDay {\n background: rgba(255,255,255,1);\n border-color: rgba(255,255,255,1);\n}\n.globo-form-id-1106 .globo-paragraph,\n.globo-form-id-1106 .globo-paragraph {\n background: rgba(255,255,255,1) !important;\n color: #000 !important;\n width: 100%!important;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"globo-form-app boxed-layout\"\u003e\n \u003cdiv class=\"header dismiss hidden\" onclick=\"Globo.FormBuilder.closeModalForm(this)\"\u003e\n \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cform class=\"g-container\" novalidate action=\"\/api\/front\/form\/1106\/send\" method=\"POST\" enctype=\"multipart\/form-data\" data-id=1106\u003e\n \n \n \u003cdiv class=\"header\"\u003e\n \u003ch3 class=\"title globo-heading\"\u003e\u003c\/h3\u003e\n \n \u003cdiv class=\"description globo-description\"\u003e\u003cp class=\"ql-align-center\"\u003eWe are so thrilled to begin a partnership with you!\u003c\/p\u003e\u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \n \u003cdiv class=\"globo-formbuilder-wizard\" data-id=1106\u003e\n \u003cdiv class=\"wizard__content\"\u003e\n \u003cheader class=\"wizard__header\"\u003e\n \u003cdiv class=\"wizard__steps\"\u003e\n \u003cnav class=\"steps hidden\"\u003e\n \n \n \n \n \u003cdiv class=\"step last \" data-step=\"0\"\u003e\n \u003cdiv class=\"step__content\"\u003e\n \u003cp class=\"step__number\"\u003e\u003c\/p\u003e\n \u003csvg class=\"checkmark\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=52 height=52 viewBox=\"0 0 52 52\"\u003e\n \u003ccircle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\"\/\u003e\n \u003cpath class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\"\/\u003e\n \u003c\/svg\u003e\n \u003cdiv class=\"lines\"\u003e\n \n \u003cdiv class=\"line -start\"\u003e\u003c\/div\u003e\n \n \u003cdiv class=\"line -background\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"line -progress\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c\/nav\u003e\n \u003c\/div\u003e\n \u003c\/header\u003e\n \u003cdiv class=\"panels\"\u003e\n \n \n \n \n \u003cdiv class=\"panel \" data-id=1106 data-step=\"0\" style=\"padding-top:0\"\u003e\n \n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" \u003e\n \u003clabel for=\"1106-text\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Your Name\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"text\" class=\"flat-input\" id=\"1106-text\" name=\"text\" placeholder=\"Your name\" presence \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-2-column\" \u003e\n \u003clabel for=\"1106-email\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Email\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"email\" class=\"flat-input\" id=\"1106-email\" name=\"email\" placeholder=\"Your email\" presence \u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" \u003e\n \u003clabel for=\"1106-phone\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Phone\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003cdiv class=\"globo-form-input\"\u003e\n \n \u003cinput type=\"text\" data-type=\"phone\" class=\"flat-input\" id=\"1106-phone\" name=\"phone\" placeholder=\"Your phone (optional)\" default-country-code=\"us\"\u003e\n \u003c\/div\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n\n\n\n\n\n\n\n\n\n\u003cdiv class=\"globo-form-control layout-1-column\" \u003e\n \u003clabel for=\"1106-textarea\" class=\"flat-label globo-label \"\u003e\u003cspan class=\"label-content\" data-label=\"Message\"\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/label\u003e\n \u003ctextarea id=\"1106-textarea\" data-type=\"textarea\" class=\"flat-input\" rows=\"3\" name=\"textarea\" placeholder=\"Your message\" presence \u003e\u003c\/textarea\u003e\n \n \u003csmall class=\"messages\"\u003e\u003c\/small\u003e\n\u003c\/div\u003e\n\n\n \n \n \n \n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \n \u003cp style=\"text-align: right;font-size:small;display: block !important;\"\u003ePowered by \u003ca href=\"https:\/\/globosoftware.net\" target=\"_blank\"\u003eGlobo\u003c\/a\u003e \u003ca href=\"https:\/\/apps.shopify.com\/form-builder-contact-form\" target=\"_blank\"\u003eContact Form\u003c\/a\u003e\u003c\/p\u003e\n \n \n \u003cdiv class=\"message error\" data-other-error=\"Something went wrong, please try again\"\u003e\n \u003cdiv class=\"content\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"message success\"\u003e\n \u003cdiv class=\"content\"\u003e\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg width=20 height=20 width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \n \u003cdiv class=\"footer wizard__footer\"\u003e\n \n \n \n \u003cbutton type=\"button\" class=\"action previous hidden flat-button\"\u003ePrevious\u003c\/button\u003e\n \u003cbutton type=\"button\" class=\"action next submit flat-button\" data-submitting-text=\"\" data-submit-text='\u003cspan class=\"spinner\"\u003e\u003c\/span\u003eSEND' data-next-text=\"Next\" \u003e\u003cspan class=\"spinner\"\u003e\u003c\/span\u003eNext\u003c\/button\u003e\n \n \u003ch1 class=\"wizard__congrats-message\"\u003e\u003c\/h1\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cinput type=\"hidden\" value=\"\" name=\"customer[id]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"customer[email]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"customer[name]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"page[title]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"page[href]\"\u003e\n \u003cinput type=\"hidden\" value=\"\" name=\"_keyLabel\"\u003e\n \u003c\/form\u003e\n \n \u003cdiv class=\"message success\"\u003e\n \u003cdiv class=\"content\"\u003e\u003ch4\u003eThanks for getting in touch!\u0026nbsp;\u003c\/h4\u003e\u003cp\u003eWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!\u003c\/p\u003e\u003cp\u003eHave a great day!\u003c\/p\u003e\u003c\/div\u003e\n \u003cdiv class=\"dismiss\" onclick=\"Globo.FormBuilder.dismiss(this)\"\u003e\n \u003csvg width=20 height=20 viewBox=\"0 0 20 20\" class=\"\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\" fill-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n\u003c\/div\u003e\n\n\u003c\/div\u003e\n"}}[1106]; window.Globo.FormBuilder.url = window.Globo.FormBuilder.shop.url; window.Globo.FormBuilder.themeOs20 = true; window.Globo.FormBuilder.searchProductByJson = true;Globo.FormBuilder.page = { title : `SILVER FORMAL DRESSES`, href : window.location.href, type: "collection" }; </script> <style> .globo-formbuilder[data-id="1106"],.globo-formbuilder[data-id="MTEwNg=="]{ display: block; height:485px; margin: 30px auto; } </style> <!-- END app app block --><!-- BEGIN app block: shopify://apps/smart-product-filter-search/blocks/app-embed/5cc1944c-3014-4a2a-af40-7d65abc0ef73 --><style>.spf-filter-loading #gf-products > , .spf-filter-loading [data-globo-filter-items] > {visibility:hidden;opacity:0 }#gf-products{display:-ms-flexbox;margin-right:-15px;margin-left:-15px;padding:0;margin-bottom:0;min-width:100%;width:auto;z-index:1;position:relative;display:-webkit-box;display:flex;justify-content:left;-ms-flex-wrap:wrap;flex-wrap:wrap;height:auto!important }.gf-block-title-skeleton span{width:100%;height:12px;display:block;border-radius:5px;background:#f6f6f7 }.gf-top_one .gf-block-title-skeleton span{height:22px;border-radius:2px;min-width:100px }.gf-block-title-skeleton h3::after, .gf-top_one .gf-block-content.gf-block-skeleton{display:none!important }#gf-tree .gf-label.gf-label-skeleton{height:8px;display:block;border-radius:3px!important;background:#f6f6f7 }.gf-label-width-75{max-width:75% }.gf-label-width-90{max-width:90% }.gf-label-width-50{max-width:50% }</style><link rel="preconnect" href="https://filter-v1.globosoftware.net" /> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.js" as="script" rel="preload"> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.759.min.js" as="script" rel="preload"> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.filter.min.js" as="script" rel="preload"> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.index.min.js" as="script" rel="preload"> <link href="//cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.filter.search.min.js" as="script" rel="preload"> <link href="//cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/globo.search.css" rel="stylesheet" type="text/css" media="all" /> <meta id="search_terms_value" content="" /> <script type="text/javascript" hs-ignore data-ccm-injected> document.getElementsByTagName('html')[0].classList.add('spf-filter-loading', 'spf-has-filter'); window.enabledEmbedFilter = true; window.sortByRelevance = false; window.moneyFormat = "${{amount}}"; window.GloboMoneyFormat = "${{amount}}"; window.GloboMoneyWithCurrencyFormat = "${{amount}} USD"; window.filterPriceRate = 1; window.filterPriceAdjustment = 1; window.shopCurrency = "USD"; window.currentCurrency = "USD";window.isMultiCurrency =false; window.globoEmbedFilterAssetsUrl = 'https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/'; window.assetsUrl = 'https://cdn.shopify.com/extensions/302c2d51-5074-433c-9e91-bf7fe628aa29/smart-product-filter-search-109/assets/'; window.filesUrl = '//andrealeocouture.com/cdn/shop/files/'; var GloboEmbedFilterConfig = { api: { filterUrl: "https://filter-v1.globosoftware.net/filter", searchUrl: "https://filter-v1.globosoftware.net/search", url: "https://filter-v1.globosoftware.net", }, shop: { name: "Andrea Leo Couture", url: "https://andrealeocouture.com", domain: "evening-room.myshopify.com", currency: "USD", cur_currency: "USD", locale: "en", cur_locale: "en", predictive_search_url: "/search/suggest", country_code: "US", cur_country: "LT", root_url: "", product_image: {width: 500, height: 500}, no_image_url: "https://cdn.shopify.com/s/images/themes/product-1.png", swatches: {"color":{"lilac":{"mode":1,"color_1":"rgba(234, 50, 223, 1)"},"gold":{"mode":1,"color_1":"#e7cc7d"},"paris-blue\t 0":{"mode":1,"color_1":"#b1cdee"},"navy":{"mode":1,"color_1":"#214577"},"pink":{"mode":1,"color_1":"#fa9a9b"},"black":{"mode":1,"color_1":"#141414"},"mauve":{"mode":1,"color_1":"#c99896"},"red":{"mode":1,"color_1":"#da4931"},"yellow":{"mode":1,"color_1":"#fff69d"},"rose gold":{"mode":1,"color_1":"#ecd6c6"},"emerald":{"mode":1,"color_1":"#107555"},"pale-mauve":{"mode":1,"color_1":"#eee1e1"},"tea rose":{"mode":1,"color_1":"#ecbab9"},"blush":{"mode":1,"color_1":"#eed9d9"},"burgundy-gold":{"mode":2,"color_1":"#9b3632","color_2":"#ecd28d"},"champagne":{"mode":1,"color_1":"#f1e1c0"},"ice blue":{"mode":1,"color_1":"#d2f5ff"},"rose":{"mode":1,"color_1":"#eea7a4"},"silver":{"mode":1,"color_1":"#dfdfdf"},"blue":{"mode":1,"color_1":"rgba(18, 32, 222, 1)"},"burgundy":{"mode":1,"color_1":"rgba(170, 9, 13, 1)"},"lt-blue":{"mode":1,"color_1":"rgba(109, 147, 234, 1)"},"rosewood":{"mode":1,"color_1":"rgba(222, 148, 148, 1)"}},"tag":{"gold":{"mode":3,"image":"https://d1uwa4w1dfbjyt.cloudfront.net/"}}}, swatchConfig: {"enable":true,"color":["color"]}, hideOneValue: false, newUrlStruct: false, translation: {"default":{"search":{"suggestions":"Suggestions","collections":"Collections","pages":"Pages","products":"Products","view_all":"Search for","not_found":"Sorry, nothing found for"},"filter":{"filter_by":"Filter By","clear_all":"Clear All","clear":"Clear","in_stock":"In Stock","out_of_stock":"Out of Stock","ready_to_ship":"Ready to ship"},"sort":{"sort_by":"Sort By","manually":"Featured","availability_in_stock_first":"Availability","best_selling":"Best Selling","alphabetically_a_z":"Alphabetically, A-Z","alphabetically_z_a":"Alphabetically, Z-A","price_low_to_high":"Price, low to high","price_high_to_low":"Price, high to low","date_new_to_old":"Date, new to old","date_old_to_new":"Date, old to new","sale_off":"% Sale off"},"product":{"add_to_cart":"Add to cart","unavailable":"Unavailable","sold_out":"Sold out","sale":"Sale","load_more":"Load more","limit":"Show"}},"es":{"search":{"suggestions":"Suggestions","collections":"Collections","pages":"Pages","product":"Product","products":"Products","view_all":"Search for","view_all_products":"View all products","not_found":"Sorry, nothing found for","product_not_found":"No products were found","no_result_keywords_suggestions_title":"Popular searches","no_result_products_suggestions_title":"However, You may like","zero_character_keywords_suggestions_title":"Suggestions","zero_character_popular_searches_title":"Popular searches","zero_character_products_suggestions_title":"Trending products"},"form":{"heading":"Search products","select":"-- Select --","search":"Search","submit":"Search","clear":"Clear"},"filter":{"filter_by":"Filter By","clear_all":"Clear All","view":"View","clear":"Clear","in_stock":"In Stock","out_of_stock":"Out of Stock","ready_to_ship":"Ready to ship","search":"Search options","choose_values":"Choose values"},"sort":{"sort_by":"Sort By","manually":"Featured","availability_in_stock_first":"Availability","relevance":"Relevance","best_selling":"Best Selling","alphabetically_a_z":"Alphabetically, A-Z","alphabetically_z_a":"Alphabetically, Z-A","price_low_to_high":"Price, low to high","price_high_to_low":"Price, high to low","date_new_to_old":"Date, new to old","date_old_to_new":"Date, old to new","sale_off":"% Sale off"},"product":{"add_to_cart":"Add to cart","unavailable":"Unavailable","sold_out":"Sold out","sale":"Sale","load_more":"Load more","limit":"Show","search":"Search products","no_results":"Sorry, there are no products in this collection"},"labels":{"244095":"Collection","244097":"Product Type","244099":"Percent Sale","244101":"Tag","244103":"Color"}}},redirects: [], images: {}, settings: {"heading_color":"#222222","text_color":"#393939","text_light_color":"#5b5b5b","link_color":"#323232","background":"#ffffff","light_background":"#ffffff","product_on_sale_color":"#f94c43","button_background":"rgba(0,0,0,0)","button_text_color":"#ffffff","header_background":"#ffffff","header_heading_color":"#222222","header_light_color":"#222222","footer_background":"#ffffff","footer_heading_color":"#3d3d3d","footer_text_color":"#403f3f","navigation_background":"#ffffff","navigation_text_color":"#5c5c5c","newsletter_popup_background":"#ffffff","newsletter_popup_text_color":"#1c1b1b","secondary_elements_background":"#5c5c5c","secondary_elements_text_color":"#ffffff","heading_font":{"error":"json not allowed for this object"},"heading_size":"large","uppercase_heading":false,"text_font":{"error":"json not allowed for this object"},"base_text_font_size":13,"show_page_transition":false,"show_button_transition":false,"show_image_zooming":false,"show_element_staggering":true,"search_mode":"product,article","product_show_price_on_hover":false,"product_show_secondary_image":true,"product_info_alignment":"left","product_image_size":"natural","product_list_horizontal_spacing":"extra_small","product_list_vertical_spacing":"small","cart_type":"drawer","cart_enable_notes":false,"cart_show_free_shipping_threshold":false,"cart_free_shipping_threshold":"50","social_facebook":"https:\/\/www.facebook.com\/andrealeocouture","social_tik-tok":"https:\/\/www.tiktok.com\/@andrealeo_couture","social_twitter":"","social_pinterest":"https:\/\/www.pinterest.com\/andrealeocouture\/_saved\/","social_instagram":"https:\/\/www.instagram.com\/andrea_leo_couture\/","social_vimeo":"","social_tumblr":"","social_youtube":"https:\/\/www.youtube.com\/@andrealeocouture","social_linkedin":"","social_snapchat":"","social_fancy":"","favicon":"\/\/andrealeocouture.com\/cdn\/shop\/files\/ALlogo_black_alonly.png?v=1690406979","checkout_header_image":null,"checkout_logo_image":null,"checkout_logo_position":"center","checkout_logo_size":"small","checkout_body_background_image":null,"checkout_body_background_color":"#fff","checkout_input_background_color_mode":"white","checkout_sidebar_background_image":null,"checkout_sidebar_background_color":"#fafafa","checkout_heading_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_body_font":"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'","checkout_accent_color":"#323232","checkout_button_color":"#5c5c5c","checkout_error_color":"#e32c2b","customer_layout":"customer_area"}, home_filter: false, page: "collection", sorts: ["best-selling","title-ascending","title-descending","created-descending","created-ascending"], cache: true, layout: "theme", useCustomTemplate: true, hasQuickviewTemplate: false, useCustomTreeTemplate: true }, taxes: [], special_countries: null, adjustments: null, year_make_model: { id: 0 }, filter: { id:34479, layout: 1, showCount: true, showRefine: true, isLoadMore: 0, filter_on_search_page: true }, search:{ enable: true, zero_character_suggestion: false, pages_suggestion: {enable:false,limit:5}, keywords_suggestion: {enable:false,limit:5}, articles_suggestion: {enable:false,limit:5}, layout: 1, }, collection: { id:300140822715, handle:"silver-formal-dresses", sort: "manual", vendor: null, tags: null, type: null, term: document.getElementById("search_terms_value") != null ? document.getElementById("search_terms_value").content : "", limit: 48, settings: {"133112692923":{"show_collection_info":true,"show_collection_image":true,"apply_overlay":true,"show_color_swatch":true,"show_vendor":true,"collection_image_size":"small","show_sort_by":false,"show_layout_switch":false,"toolbar_position":"top","filter_position":"sidebar","filter_mode":"tag","show_filter_color_swatch":true,"filter_menu":"","grid_items_per_page":16,"grid_mobile_items_per_row":"2","grid_desktop_items_per_row":4}}, products_count: 13, enableCollectionSearch: false, excludeTags:null, showSelectedVariantInfo: true }, customer: false, selector: {products: ""} } </script><style>.gf-block-title h3, .gf-block-title .h3, .gf-form-input-inner label { font-size: 14px !important; color: #3a3a3a !important; text-transform: uppercase !important; font-weight: 500 !important; } .gf-option-block ul li a, .gf-option-block ul li button, .gf-option-block ul li a span.gf-count, .gf-option-block ul li button span.gf-count, .gf-clear, .gf-clear-all, .selected-item.gf-option-label a, .gf-form-input-inner select, .gf-refine-toggle{ font-size: 13px !important; color: #000000 !important; text-transform: none !important; font-weight: 500 !important; } .gf-refine-toggle-mobile, .gf-form-button-group button { font-size: 14px !important; text-transform: none !important; font-weight: normal !important; color: #3a3a3a !important; border: 1px solid #bfbfbf !important; background: #ffffff !important; } .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a, .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button { border-color: #000000 !important; } .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a.checked, .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button.checked{ color: #fff !important; background-color: #000000 !important; } @media (min-width: 768px) { .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button:hover, .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a:hover { color: #fff !important; background-color: #000000 !important; } } .gf-option-block.gf-option-block-select select { color: #000000 !important; } #gf-form.loaded, .gf-YMM-forms.loaded { background: #FFFFFF !important; } #gf-form h2, .gf-YMM-forms h2 { color: #3a3a3a !important; } #gf-form label, .gf-YMM-forms label{ color: #3a3a3a !important; } .gf-form-input-wrapper select, .gf-form-input-wrapper input{ border: 1px solid #DEDEDE !important; background-color: #FFFFFF !important; border-radius: 0px !important; } #gf-form .gf-form-button-group button, .gf-YMM-forms .gf-form-button-group button{ color: #FFFFFF !important; background: #3a3a3a !important; border-radius: 0px !important; } .spf-product-card.spf-product-card__template-3 .spf-product__info.hover{ background: #FFFFFF; } a.spf-product-card__image-wrapper{ padding-top: 100%; } .h4.spf-product-card__title a{ color: #4d5959; font-size: 13px; font-family: "Montserrat", sans-serif; font-weight: 700; font-style: normal; text-transform: none; } .h4.spf-product-card__title a:hover{ color: #b59677; } .spf-product-card button.spf-product__form-btn-addtocart{ font-size: 14px; font-family: inherit; font-weight: normal font-style: normal text-transform: none } .spf-product-card button.spf-product__form-btn-addtocart, .spf-product-card.spf-product-card__template-4 a.open-quick-view, .spf-product-card.spf-product-card__template-5 a.open-quick-view, #gfqv-btn{ color: #FFFFFF !important; border: 1px solid #B59677 !important; background: #B59677 !important; } .spf-product-card button.spf-product__form-btn-addtocart:hover, .spf-product-card.spf-product-card__template-4 a.open-quick-view:hover, .spf-product-card.spf-product-card__template-5 a.open-quick-view:hover{ color: #FFFFFF !important; border: 1px solid #B59677 !important; background: #B59677 !important; } span.spf-product__label.spf-product__label-soldout{ color: #ffffff; background: #989898; } span.spf-product__label.spf-product__label-sale{ color: #F0F0F0; background: #d21625; } .spf-product-card__vendor a{ color: #696969; font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } .spf-product-card__vendor a:hover{ color: #b59677; } .spf-product-card__price-wrapper{ font-size: 14px; } .spf-image-ratio{ padding-top:100% !important; } .spf-product-card__oldprice, .spf-product-card__saleprice, .spf-product-card__price, .gfqv-product-card__oldprice, .gfqv-product-card__saleprice, .gfqv-product-card__price { font-size: 14px; font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; } span.spf-product-card__price, span.gfqv-product-card__price{ color: #141414; } span.spf-product-card__oldprice, span.gfqv-product-card__oldprice{ color: #858585; } span.spf-product-card__saleprice, span.gfqv-product-card__saleprice{ color: #141414; } /* Product Title / .h4.spf-product-card__title{ } .h4.spf-product-card__title a{ } / Product Vendor / .spf-product-card__vendor{ } .spf-product-card__vendor a{ } / Product Price / .spf-product-card__price-wrapper{ } / Product Old Price / span.spf-product-card__oldprice{ } / Product Sale Price / span.spf-product-card__saleprice{ } / Product Regular Price / span.spf-product-card__price{ } / Quickview button / .open-quick-view{ } / Add to cart button / button.spf-product__form-btn-addtocart{ } / Product image / img.spf-product-card__image{ } / Sale label / span.spf-product__label.spf-product__label.spf-product__label-sale{ } / Sold out label */ span.spf-product__label.spf-product__label.spf-product__label-soldout{ }</style><script> window.addEventListener('globoFilterRenderSearchCompleted', function () { if (document.querySelector('[data-action="close-search"]') !== null) { document.querySelector('[data-action="close-search"]').click(); } setTimeout(function(){ document.querySelector('.gl-d-searchbox-input').focus(); }, 600); }); </script> <style></style><script></script> <script id="gspfProductTemplate133112692923" type="template/html"> {%- assign swatch_options = 'color' \| downcase \| split: "~~" \| uniq -%} {%- assign image_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign text_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign image_size = '500x500' -%} {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} {%- assign featured_image = product.featured_image -%} {%- assign product_price = product.price -%} {%- assign product_compare_at_price = product.compare_at_price -%} {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} {%- assign variant_url = '' -%} {% if product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {%- assign images_count = product.images \| size -%} {%- assign variants_count = product.variants \| size -%} {%- if section.settings.show_layout_switch -%} {%- assign desktop_items_per_row = cart.attributes.collection_desktop_items_per_row \| default: section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = cart.attributes.collection_mobile_items_per_row \| default: section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- if desktop_items_per_row >= 3 and desktop_items_per_row != section.settings.grid_desktop_items_per_row -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row -%} {%- endif -%} {%- else -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- endif -%} {%- if desktop_items_per_row == 4 -%} {%- assign tablet_items_per_row = 3 -%} {%- else -%} {%- assign tablet_items_per_row = 2 -%} {%- endif -%} {%- assign show_product_info = true %} {%- assign show_vendor = section.settings.show_vendor %} {%- assign show_color_swatch = section.settings.show_color_swatch %} {%- assign show_labels = true %} <div{% if showPageData %} data-page="{{page}}"{% endif %} class="Grid__Cell 1/{{ mobile_items_per_row }}--phone 1/{{ tablet_items_per_row }}--tablet-and-up 1/{{ desktop_items_per_row }}--{% if section.settings.filter_position == 'drawer' %}lap-and-up{% else %}desk{% endif %}"> <div class="ProductItem {% if use_horizontal %}ProductItem--horizontal{% endif %}"> <div class="ProductItem__Wrapper"> {%- if settings.product_image_size == 'natural' or use_horizontal -%} {%- assign use_natural_size = true -%} {%- else -%} {%- assign use_natural_size = false -%} {%- endif -%} {%- if settings.product_show_secondary_image and product.images[1] != blank and use_horizontal != true -%} {%- assign has_alternate_image = true -%} {%- else -%} {%- assign has_alternate_image = false -%} {%- endif -%} <a href="{{ product.url \| within: collection }}{{variant_url}}" class="ProductItem__ImageWrapper {% if has_alternate_image %}ProductItem__ImageWrapper--withAlternateImage{% endif %}"> {%- if use_horizontal -%} {%- assign max_width = 125 -%} {%- else -%} {%- assign max_width = product.featured_image.preview_image.width -%} {%- endif -%} {%- assign media_aspect_ratio = product.featured_image.aspect_ratio \| default: product.featured_image.preview_image.aspect_ratio -%} <div class="AspectRatio AspectRatio--{% if use_natural_size %}withFallback{% else %}{{ settings.product_image_size }}{% endif %}" style="max-width: {{ max_width }}px; {% if use_natural_size %}padding-bottom: {{ 100.0 \| divided_by: media_aspect_ratio }}%;{% endif %} --aspect-ratio: {{ media_aspect_ratio }}"> {%- if has_alternate_image -%} {%- assign image_url = product.images[1] \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.images[1].alt \| escape }}" data-media-id="{{ product.images[1].id }}"> {%- endif -%} {%- assign image_url = product.featured_image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.featured_image.alt \| escape }}" data-media-id="{{ product.featured_image.id }}"> <span class="Image__Loader"></span> <noscripttag> <img class="ProductItem__Image ProductItem__Image--alternate" src="{{ product.images[1] \| img_url: '600x' }}" alt="{{ product.images[1].alt \| escape }}"> <img class="ProductItem__Image" src="{{ product.featured_image\| img_url: '600x' }}" alt="{{ product.featured_image.alt \| escape }}"> </noscripttag> </div> </a> {%- if show_labels -%} {%- capture product_labels -%} {%- for tag in product.tags -%} {%- if tag contains '__label' -%} <span class="ProductItem__Label Heading Text--subdued">{{ tag \| split: '__label:' \| last }}</span> {%- break -%} {%- endif -%} {%- endfor -%} {%- if product.available -%} {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Label ProductItem__Label--onSale Heading Text--subdued">{{ themeTranslation.product.labels.on_sale }}</span> {%- endif -%} {%- else -%} <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued">{{ themeTranslation.product.labels.sold_out }}</span> {%- endif -%} {%- endcapture -%} {%- if product_labels != blank -%} <div class="ProductItem__LabelList"> {{ product_labels }} </div> {%- endif -%} {%- endif -%} {%- if show_product_info -%} <div class="ProductItem__Info {% unless use_horizontal %}ProductItem__Info--{{ settings.product_info_alignment }}{% endunless %}"> {%- if show_vendor -%} <p class="ProductItem__Vendor Heading">{{ product.vendor }}</p> {%- endif -%} <h2 class="ProductItem__Title Heading"> <a href="{{ product.url \| within: collection }}{{variant_url}}">{{ product.title }}</a> </h2> {%- if show_color_swatch -%} {%- assign color_swatch_list = '' -%} {%- capture color_swatch -%} {%- assign color_label = 'color,colour,couleur,colore,farbe,색,色,färg,farve' \| split: ',' -%} {%- capture color_name -%}{{ section.id }}-{{ product.id }}{%- endcapture -%} {%- for option in product.options -%} {%- assign downcased_option = option.name \| downcase -%} {%- if color_label contains downcased_option -%} {%- assign variant_option = 'option' \| append: forloop.index -%} {%- for value in option.values -%} {%- assign downcased_value = value \| downcase -%} {%- capture color_id -%}{{ section.id }}-{{ product.id }}-{{ forloop.index }}{%- endcapture -%} {%- for variant in product.variants -%} {%- if variant[variant_option] == value -%} {%- assign variant_for_value = variant -%} {%- break -%} {%- endif -%} {%- endfor -%} <div class="ProductItem__ColorSwatchItem"> {%- if variant_for_value.image -%} {%- assign variant_image_url = variant_for_value.image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} {%- endif -%} {%- assign color_swatch_name = value \| handle \| append: '.png' -%} {%- assign color_swatch_image = color_swatch_name \| file_img_url: '64x64' -%} <input class="ColorSwatch__Radio" type="radio" name="{{ color_name }}" id="{{ color_id }}" value="{{ value \| escape }}" {% if option.values[0] == value %}checked="checked"{% endif %} data-variant-url="{{ variant_for_value.url }}{% if variant_for_value.image %}#Image{{ variant_for_value.image.id }}{% endif %}" {% if variant_for_value.image %}data-image-id="{{ variant_for_value.image.id }}" data-image-url="{{ variant_image_url }}" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="{{ variant_for_value.image.aspect_ratio }}"{% endif %} aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small {% if downcased_value == 'white' %}ColorSwatch--white{% endif %}" for="{{ color_id }}" style="background-color: {{ value \| replace: ' ', '' \| downcase }}; {% if color_swatch_image != blank %}background-image: url({{ color_swatch_image }}){% endif %}" title="{{ value \| escape }}" data-tooltip="{{ value \| escape }}"></label> </div> {%- endfor -%} {%- endif -%} {%- endfor -%} {%- endcapture -%} {%- if color_swatch != blank -%} {%- capture color_swatch_list -%} <div class="ProductItem__ColorSwatchList"> {{- color_swatch -}} </div> {%- endcapture -%} {%- endif -%} {%- endif -%} {%- if show_price_on_hover == nil -%} {%- assign show_price_on_hover = settings.product_show_price_on_hover -%} {%- endif -%} {%- if show_price_on_hover and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} {%- if product.template_suffix != 'coming-soon' -%} <div class="ProductItem__PriceList {% if show_price_on_hover %}ProductItem__PriceList--showOnHover{% endif %} Heading"> {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Price Price Price--highlight Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> <span class="ProductItem__Price Price Price--compareAt Text--subdued">{{ product.compare_at_price \| money_without_trailing_zeros }}</span> {%- elsif product.price_varies -%} {%- capture formatted_min_price -%}{{ product.price_min \| money_without_trailing_zeros }}{%- endcapture -%} {%- capture formatted_max_price -%}{{ product.price_max \| money_without_trailing_zeros }}{%- endcapture -%} <span class="ProductItem__Price Price Text--subdued">From {{ formatted_min_price }}</span> {%- else -%} <span class="ProductItem__Price Price Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> {%- endif -%} </div> {%- endif -%} {%- if show_price_on_hover == false and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} </div> {%- endif -%} </div> {%- if use_horizontal -%} <a href="{{ product.url }}{{variant_url}}" class="ProductItem__ViewButton Button Button--secondary hidden-pocket">{{ themeTranslation.collection.product.view_product }}</a> {%- endif -%} </div> </div> </script><script id="gspfProductTemplate" type="template/html"> {%- assign swatch_options = 'color' \| downcase \| split: "~~" \| uniq -%} {%- assign image_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign text_options = '' \| downcase \| split: "~~" \| uniq -%} {%- assign image_size = '500x500' -%} {%- assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' -%} {%- assign featured_image = product.featured_image -%} {%- assign product_price = product.price -%} {%- assign product_compare_at_price = product.compare_at_price -%} {%- assign selected_or_first_available_variant = product.selected_or_first_available_variant -%} {%- assign variant_url = '' -%} {% if product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {%- assign images_count = product.images \| size -%} <div {% if showPageData %} data-page="{{page}}"{% endif %} class="spf-col-xl-3 spf-col-lg-4 spf-col-md-6 spf-col-sm-6 spf-col-6"> <div class="spf-product-card spf-product-card__ spf-product-card__template-1{% unless product.available %} spf-soldout{% endunless %}"> <div class="spf-product-card__inner"> {%- unless product.available -%} {% elsif product_compare_at_price > product_price %} <span translatable class="spf-product__label spf-product__label-sale sale-percent"> -{{ product_compare_at_price \| minus: product_price \| times: 100.0 \| divided_by: product_compare_at_price \| round }}% </span> {%- endunless -%} <a class="spf-product-card__image-wrapper{% if images_count > 1 %} hover-effect{% endif %}" href="{{root_url}}{{ product.url }}{{variant_url}}" style="padding-top:100%;"> {%- if images_count > 0 -%} {%- for image in product.images -%} <img data-variants="{% if image.variant_ids %}{{image.variant_ids \| join: ','}}{% endif %}" class="gflazyload spf-product-card__image spf-product-card__image-{% if featured_image.id == image.id %}main{% elsif image.id == product.second_image.id %}secondary{% else %}hidden{% endif %}" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{image.src \| img_url: image_size}}" data-src="{{image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{image.aspect_ratio}}" data-parent-fit="contain" alt="{{image.alt \| escape}}" /> {%- endfor -%} {%- else -%} <img data-variants="" class="gflazyload spf-product-card__image spf-product-card__image-main" src="{{no_image}}" alt="{{product.title \| escape}}"> {%- endif -%} </a> <form class="spf-product__form" action="{{ root_url }}/cart/add" method="post"> <select name="id" class="spf-product__variants"> {%- for variant in product.variants -%} <option data-option1="{{variant.option1 \| escape}}" data-option2="{{variant.option2 \| escape}}" data-option3="{{variant.option3 \| escape}}" data-price="{{variant.price}}" data-compare_at_price="{{variant.compare_at_price}}" data-available="{{variant.available}}" data-image="{% if variant.image.src %}{{variant.image.src \| img_url: image_size }}{% endif %}" {% if variant.id == selected_or_first_available_variant.id %} selected="selected" {% endif %} value="{{ variant.id }}">{{ variant.title }}</option> {%- endfor -%} </select> </form> </div> <div class="spf-product__info"> {%- if product.vendor -%}<div class="spf-product-card__vendor"><a href="/collections/vendors?q={{product.vendor \| url_encode}}">{{product.vendor}}</a></div>{%- endif -%} <div class="h4 spf-product-card__title"> <a translatable href="{{root_url}}{{ product.url }}{{variant_url}}">{{product.title}}</a> </div> {%- for option in product.options -%} {%- assign optionIndex = 'option' \| append: forloop.index -%} {%- assign optionIndexNumber = forloop.index -%} {%- if option.isSwatch -%} <div class="spf-product__swatchs"> {%- for value in option.values -%} {%- assign swatch = option.swatches[forloop.index0] -%} <span data-option="{{optionIndexNumber}}" data-option-value="{{value \| escape}}" class="spf-product__swatch{% if product.selected_or_first_available_variant and product.selected_or_first_available_variant[optionIndex] == value %} is-selected{% endif %}{% unless swatch.available %} soldout{% endunless %}" title="{{value \| escape}}"> <span translatable class="spf-product__swatch-inner"> {%- if swatch.mode == 4 and swatch.image -%} <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image \| img_url: '24x' }}')"></span> {%- elsif swatch.mode == 3 and swatch.image -%} <span class="spf-product__swatch-image" style="background-image: url('{{ swatch.image }}')"></span> {%- elsif swatch.mode == 2 and swatch.color_1 and swatch.color_2 -%} <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span> <span class="spf-product__swatch-color" style="border-right-color: {{ swatch.color_2 }}"></span> {%- elsif swatch.mode == 1 and swatch.color_1 -%} <span class="spf-product__swatch-color" style="background-color: {{ swatch.color_1 }}"></span> {%- elsif swatch.lable -%} <span class="spf-product__swatch-text">{{swatch.lable}}</span> {%- else -%} <span class="spf-product__swatch-text">{{value}}</span> {%- endif -%} </span> </span> {%- endfor -%} </div> {%- endif -%} {%- endfor -%} </div> </div> </div> </script><script id="gspfFilterSortTemplate" type="template/html"><!-- BEGIN app snippet: sort --> <div id="gf-controls-container"> <div class="gf-actions"> <div class="gf-filter-trigger"> <div class="gf-refine-toggle-mobile" tabindex="0"> <span onclick="globofilter.toggleCanvas()"><i class="fa fa-tasks" aria-hidden="true"></i> {{translation.filter.filter_by \| default: "Filter by"}}</span> </div> </div> <span class="gf-summary"> {% assign plurality = translation.search.products \| default: "Products" %} {% assign singular = translation.search.product \| default: "Product" %} <b>{{pagination.total}}</b> {{pagination.total \| pluralize: singular, plurality}} </span> <div class="gf-filter-selection"> <div class="sort-by limit-by hidden-xs"> <label for="setLimit">{{translation.product.limit \| default: "Show"}}</label> <select id="setLimit" class="sortby-select" onchange="setLimit(this.value); return false;"> <option {% if limit == 12 %} selected{% endif %} value="12">12</option><option {% if limit == 24 %} selected{% endif %} value="24">24</option><option {% if limit == 48 %} selected{% endif %} value="48">48</option> </select> </div> {% assign relevance = '' %} {% if terms %}{% assign relevance = 'relevance,' %}{% endif %} {% assign allSorts = "best-selling,title-ascending,title-descending,created-descending,created-ascending" %} {% assign allSorts = allSorts \| prepend: relevance \| append: "," \| append: sort_by \| append: ',manual' \| replace: "featured", "manual" \| split: "," \| uniq %} {%- capture selectedSortText -%} {%- if sort_by =='best-selling' -%} {{-translation.sort.best_selling \| default: "Best Selling"-}} {%- elsif sort_by == 'manual' or sort_by == 'featured' -%} {{-translation.sort.manually \| default: "Featured"-}} {%- elsif sort_by == 'relevance' -%} {{-translation.sort.relevance \| default: "Relevance"-}} {%- elsif sort_by == 'stock-descending' -%} {{-translation.sort.availability_in_stock_first \| default: "Availability"-}} {%- elsif sort_by == 'title-ascending' -%} {{-translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"-}} {%- elsif sort_by == 'title-descending' -%} {{-translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"-}} {%- elsif sort_by == 'price-ascending' -%} {{-translation.sort.price_low_to_high \| default: "Price, low to high"-}} {%- elsif sort_by == 'price-descending' -%} {{-translation.sort.price_high_to_low \| default: "Price, high to low"-}} {%- elsif sort_by == 'created-descending' -%} {{-translation.sort.date_new_to_old \| default: "Date, new to old"-}} {%- elsif sort_by == 'created-ascending' -%} {{-translation.sort.date_old_to_new \| default: "Date, old to new"-}} {%- elsif sort_by == 'sale-descending' -%} {{-translation.sort.sale_off \| default: "% Sale off"-}} {%- elsif sort_by == 'inventory-ascending' -%} {{-translation.sort.inventory_ascending \| default: "Inventory quantity, low to high"-}} {%- elsif sort_by == 'inventory-descending' -%} {{-translation.sort.inventory_descending \| default: "Inventory quantity, high to low"-}} {%- elsif sort_by == 'sale-ascending' -%} {{-translation.sort.sale_off \| default: "% Sale off"-}} {%- elsif translation.sort[sort_by] -%} {{-translation.sort[sort_by]-}} {%- else -%} {{- sort_by \| remove_first: "mf-custom-" \| replace: "-", " " \| capitalize -}} {%- endif -%} {%- endcapture -%} {% if allSorts.size > 1 %} <div class="sort-by"> <label for="globo-dropdown-sort_options" class="sort-by-toggle" role="button" tabindex="0" aria-expanded="false"><span>{{selectedSortText}}</span></label> <div id="globo-dropdown-sort_options" class="globo-dropdown-custom__options"> {% for sort in allSorts %} {% case sort %} {% when 'best-selling' %} <span data-sort="best-selling" onclick="changeSortBy('best-selling');">{{translation.sort.best_selling \| default: "Best Selling"}}</span> {% when 'featured' %} <span data-sort="manual" onclick="changeSortBy('manual');">{{translation.sort.manually \| default: "Featured"}}</span> {% when 'manual' %} <span data-sort="manual" onclick="changeSortBy('manual');">{{translation.sort.manually \| default: "Featured"}}</span> {% when 'stock-descending' %} <span data-sort="stock-descending" onclick="changeSortBy('stock-descending');">{{translation.sort.availability_in_stock_first \| default: "Availability"}}</span> {% when 'relevance' %} <span data-sort="relevance" onclick="changeSortBy('relevance');">{{translation.sort.relevance \| default: "Relevance"}}</span> {% when 'title-ascending' %} <span data-sort="title-ascending" onclick="changeSortBy('title-ascending');">{{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}}</span> {% when 'title-descending' %} <span data-sort="title-descending" onclick="changeSortBy('title-descending');">{{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}}</span> {% when 'price-ascending' %} <span data-sort="price-ascending" onclick="changeSortBy('price-ascending');">{{translation.sort.price_low_to_high \| default: "Price, low to high"}}</span> {% when 'price-descending' %} <span data-sort="price-descending" onclick="changeSortBy('price-descending');">{{translation.sort.price_high_to_low \| default: "Price, high to low"}}</span> {% when 'created-descending' %} <span data-sort="created-descending" onclick="changeSortBy('created-descending');">{{translation.sort.date_new_to_old \| default: "Date, new to old"}}</span> {% when 'created-ascending' %} <span data-sort="created-ascending" onclick="changeSortBy('created-ascending');">{{translation.sort.date_old_to_new \| default: "Date, old to new"}}</span> {% when 'inventory-descending' %} <span data-sort="inventory-descending" onclick="changeSortBy('inventory-descending');">{{translation.sort.inventory_descending \| default: "Inventory quantity, high to low"}}</span> {% when 'inventory-ascending' %} <span data-sort="inventory-ascending" onclick="changeSortBy('inventory-ascending');">{{translation.sort.inventory_ascending \| default: "Inventory quantity, low to high"}}</span> {% when 'sale-descending' %} <span data-sort="sale-descending" onclick="changeSortBy('sale-descending');">{{translation.sort.sale_off \| default: "% Sale off"}}</span> {% when 'sale-ascending' %} <span data-sort="sale-ascending" onclick="changeSortBy('sale-ascending');">{{translation.sort.sale_off \| default: "% Sale off"}}</span> {% else %} <span data-sort="{{sort}}" onclick="changeSortBy('{{sort}}');">{% if translation.sort[sort] %}{{translation.sort[sort]}}{% else %}{{sort \| remove_first: "mf-custom-" \| replace: "-", " " \| capitalize}}{% endif %}</span> {% endcase %} {% endfor %} </div> </div> {% endif %} </div> <div class="globo-selected-items-wrapper visible-xs"> {% if selectedItems %} <ul class="globo-selected-items"> {% assign numberSelectedFilters = 0 %} {% capture selectedItemHtml %} {% for selectedItem in selectedItems %} {% assign filterLabel = selectedItem.label \| escape %} {% if translation.labels and translation.labels[selectedItem.id] %} {% assign filterLabel = translation.labels[selectedItem.id] \| escape %} {% endif %} {% if selectedItem.style == 'Slider' %} {% assign numberSelectedFilters = numberSelectedFilters \| plus: 1 %} <li class="selected-item gf-option-label"> <a onclick="removeFilter({{selectedItem.id}})"> <span class="selected-item"> <span class="hidden-xs">{{filterLabel}}</span> <strong> {% if selectedItem.attribute == 'Price' %} <span class="money">{{selectedItem.values.min \| money}}</span> - <span class="money">{{selectedItem.values.max \| money}}</span> {% elsif selectedItem.attribute == 'Percent Sale' %} {{selectedItem.values.min}}% - {{selectedItem.values.max}}% {% else %} {{selectedItem.values.min}} - {{selectedItem.values.max}} {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </li> {% else %} {% for value in selectedItem.values %} {% assign numberSelectedFilters = numberSelectedFilters \| plus: 1 %} {% assign value_label = value.label \| escape %} <li class="selected-item gf-option-label"> <a onclick="removeFilterValue({{selectedItem.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filterLabel}}</span> <strong> {% if style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% elsif attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% elsif value.label contains '#' and value.label.size == 7 %} <span class="gf-option-one-color" style="background-color:{{value.label}}"></span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </li> {% endfor %} {% endif %} {% endfor %} {% endcapture %} {% if numberSelectedFilters > 1 %} <li class="selected-item gf-option-label"><a onclick="clearAllFilter()" class="clear-refinements">{{ translation.filter.clear_all \| default: "Clear all"}}</a></li> {% endif %} {{selectedItemHtml}} </ul> {% endif %} </div> </div> </div> <!-- END app snippet --></script> <script id="gspfNoResultsTemplate" type="template/html"><!-- BEGIN app snippet: no_results --> {% assign root_url = "" %} <div class="spf-col-xl-12 spf-col-lg-12 spf-col-md-12 spf-col-sm-12"> {% if translation.product.no_results %}{{translation.product.no_results \| default: "No products found"}}{% endif %} </div> <!-- END app snippet --></script><script id="gspfSearchResultTemplate" type="template/html"><!-- BEGIN app snippet: search --> {% assign root_url = "" %} {% assign search_url = "/search" %} {% assign zero_character_result = true %} {% if result.term %}{% assign zero_character_result = false %}{% endif %} {% assign product_list_layout = "grid" %} {% assign products_suggestions_title = translation.search.products \| default: "Products" %} {% assign keywords_suggestions_title = translation.search.suggestions \| default: "Suggestions" %} {% if zero_character_result %} {% assign product_list_layout = "grid" %} {% if translation.search.zero_character_products_suggestions_title %} {% assign products_suggestions_title = translation.search.zero_character_products_suggestions_title %} {% endif %} {% if translation.search.zero_character_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.zero_character_keywords_suggestions_title %} {% endif %} {% elsif result.isEmpty %} {% assign product_list_layout = "grid" %} {% if translation.search.no_result_products_suggestions_title %} {% assign products_suggestions_title = translation.search.no_result_products_suggestions_title %} {% endif %} {% if translation.search.no_result_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.no_result_keywords_suggestions_title %} {% endif %} {% endif %} {% assign page_limit = 3 %} {% assign article_limit = 3 %} {% assign elements = "vendor" \| split: "," %} {%- if layout == 1 -%} <div id="glFilter-search-popup" class="ui-menu glFilter-search-popup gl-filter-search-fullscreen gl-filter-animate"> <div class="gl-backdrop gl-close-layer"></div> <div class="gl-fullscreen-layer gl-animate-transition"> <div class="gl-fullscreen-header"> <form class="gl-d-searchbox" method="GET" action="{{ search_url }}"> <label class="gl-icon gl-d-searchbox-icon" for="gl-d-searchbox-input"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></label> <input type="text" class="gl-d-searchbox-input" id="gl-d-searchbox-input" placeholder="{{translation.product.search}}" name="q" value="{{result.term \| escape}}" autocapitalize="off" autocomplete="off" autocorrect="off"> </form> <button type="button" class="gl-d-close-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg></button> </div> <div class="gl-fullscreen-suggestions"> {% if result.isEmpty and result.term %} <div>{% if translation.search.not_found %}{{translation.search.not_found}}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> {% endif %} {% if zero_character_result and result.popular_keywords %} <div>{% for keyword in result.popular_keywords %}<a href="{{ search_url }}?q={{keyword.keyword \| url_encode}}">{{keyword.keyword \| escape}}</a>{% endfor %}</div> {% endif %} </div> <div class="gl-fullscreen-initial-content"> <div class="gl-row"> {% if result.suggestions or result.collections or result.pages %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.suggestions %} <div class="gl-list__group"> <div class="gl-list__title">{{keywords_suggestions_title \| escape}}</div> <div class="gl-list__content"><ul>{% for suggestion in result.suggestions %}<li><a href="{{ search_url }}?q={{suggestion.keyword \| url_encode}}">{{suggestion.keyword \| escape}}<span class="count">{{suggestion.count}}</span></a></li>{% endfor %}</ul></div> </div> {% endif %} {%- if result.collections -%} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"><ul>{%- for collection in result.collections -%}<li class="gl-list__item"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li>{%- endfor -%}</ul></div> </div> {%- endif -%} {%- if result.pages and result.pages.size > 0 -%} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.pages \| default: "Pages"}}</div> <div class="gl-list__content"><ul>{%- for page in result.pages limit: page_limit -%}<li class="gl-list__item"><a href="{{page.url}}">{{page.title \| escape}}</a></li>{%- endfor -%}</ul></div> </div> {%- endif -%} {%- if result.articles and result.articles.size > 0 -%} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.articles \| default: "Blog Posts"}}</div> <div class="gl-list__content"><ul>{%- for article in result.articles limit: article_limit -%}<li class="gl-list__item"><a href="{{article.url}}">{{article.title \| escape}}</a></li>{%- endfor -%}</ul></div> </div> {%- endif -%} </div> </div> {% endif %} <div class="gl-col-right"> {% if result.products %} <div class="gl-list gl-fullscreen-top-clicked"> <div class="gl-fullscreen-results__meta"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.term and result.isEmpty == false %} <a href="{% if result.url %}{{result.url}}{% else %}{{ search_url }}?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all_products %}{{translation.search.view_all_products}}{% else %}View all products{% endif %} </a> {% endif %} </div> <div class="gl-list__content"> {% if product_list_layout == "carousel" %}<div class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products">{% else %}<div class="gl-fullscreen-results__content">{% endif %} {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}" aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" width="{{product.image.width}}" height="{{product.image.height}}" alt="{{product.image.alt \| escape}}" /> {% else %} <img width="200" height="200" src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"><a href="{{root_url}}/products/{{product.handle}}">{{ product.title \| escape }}</a></div> {%- if product.vendor and elements contains "vendor" -%}<div class="gf-search-item-product-vendor">{{product.vendor}}</div>{%- endif -%} {%- if elements contains 'type' -%}<div class="gf-search-item-product-vendor">{{ product.product_type \| escape }}</div>{%- endif -%} {%- if product.first_available_variant.sku and elements contains 'sku' -%}<div class="gf-search-item-product-vendor">{{ product.first_available_variant.sku }}</div>{%- endif -%} <div class="gl-card-flex"></div> {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span class="gl-card-price">{{ product.price \| money}}</span>{%- if product.compare_at_price and product.compare_at_price > product.price -%} <span class="gl-card-old-price">{{ product.compare_at_price \| money}}</span>{%- endif -%}</div>{%- endif -%} </div> </div> {% endfor %} </div> </div> </div> {% endif %} </div> </div> </div> </div> </div> {%- endif -%} <!-- END app snippet --></script><script id="gspfSearchResult" type="template/html"> {% as
87	Error Duplicate ID gspfProduct. On line 5256, column 46 ate/html"> {% assign root_url = "" %} {% assign zero_character_result = true %} {% if result.term %}{% assign zero_character_result = false %}{% endif %} {% assign product_list_layout = 'grid' %} {% assign products_suggestions_title = translation.search.products \| default: "Products" %} {% assign keywords_suggestions_title = translation.search.suggestions \| default: "Suggestions" %} {% if zero_character_result %} {% if translation.search.zero_character_products_suggestions_title %} {% assign products_suggestions_title = translation.search.zero_character_products_suggestions_title %} {% endif %} {% if translation.search.zero_character_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.zero_character_keywords_suggestions_title %} {% endif %} {% elsif result.isEmpty %} {% if translation.search.no_result_products_suggestions_title %} {% assign products_suggestions_title = translation.search.no_result_products_suggestions_title %} {% endif %} {% if translation.search.no_result_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.no_result_keywords_suggestions_title %} {% endif %} {% endif %} {% if layout == 1 %} <div id="glFilter-search-popup" class="ui-menu gl-filter-search-fullscreen gl-filter-animate"> <div class="gl-backdrop gl-close-layer"></div> <div class="gl-fullscreen-layer gl-animate-transition"> <div class="gl-fullscreen-header"> <form class="gl-d-searchbox" method="GET" action="/search"> <label class="gl-icon gl-d-searchbox-icon" for="gl-d-searchbox-input"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px"> <path d="M0 0h24v24H0V0z" fill="none"></path> <path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </svg> </label> <input type="text" class="gl-d-searchbox-input" id="gl-d-searchbox-input" placeholder="{{translation.product.search}}" name="q" value="{{result.term \| escape}}" autocapitalize="off" autocomplete="off" autocorrect="off"> </form> <button type="button" class="gl-d-close-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg></button> </div> <div class="gl-fullscreen-suggestions"> {% if result.isEmpty and result.term %} <div>{% if translation.search.not_found %}{{translation.search.not_found}}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> {% endif %} </div> <div class="gl-fullscreen-initial-content"> {% if false and result.loading %} <div class="gl-fullscreen-loading-content"> <svg class="lds-spinner" width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(30 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(60 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(90 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(120 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(150 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(180 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(210 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(240 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(270 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(300 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(330 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate></rect></g></svg> </div> {% else %} <div class="gl-row"> {% if result.suggestions or result.collections or result.pages %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.collections %} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"> <ul> {% for collection in result.collections %} <li><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </div> </div> {% endif %} </div> </div> {% endif %} <div class="gl-col-right"> {% if result.products %} <div class="gl-list gl-fullscreen-top-clicked"> <div class="gl-fullscreen-results__meta"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.term and result.isEmpty == false %} <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all_products %}{{translation.search.view_all_products}}{% else %}View all products{% endif %} </a> {% endif %} </div> <div class="gl-list__content"> {% if product_list_layout == 'carousel' %} <div class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products"> {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% else %} <div class="gl-fullscreen-results__content"> {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% endif %} </div> </div> {% endif %} </div> </div> {% endif %} </div> </div> </div> {% endif %} {% if layout == 2 %} {% if result.isEmpty and result.term %} <li class="gf-search-no-result" aria-label="{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %} "{{result.term \| escape}}": {{result.term \| escape}}"> <p>{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></p> </li> {% endif %} {% if result.collections %} <li class="gf-search-collections"> <a class="gf-search-header">{{translation.search.collections \| default: "Collections"}}</a> <ul> {% for collection in result.collections %} <li aria-label="{{translation.search.collections \| default: "Collections"}}: {{collection.title \| escape}}"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </li> {% endif %} {% if result.products %} <li class="gf-search-products"> <a class="gf-search-header">{{products_suggestions_title}}</a> <ul> {% for product in result.products %} <li aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}"> <a aria-label="{{product.handle}}" href="{{root_url}}/products/{{product.handle}}"> <div class="gf-search-left"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '100x'}}"> {% endif %} </div> <div class="gf-search-right"> <div class="gf-search-item-product-title">{{product.title \| escape}}</div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} </div> </a> </li> {% endfor %} </ul> </li> {% endif %} {% if result.term and result.isEmpty == false %} <li class="gf-search-item gf-search-item-product gf-search-viewall"> <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all %}{{translation.search.view_all}}{% else %}Search for{% endif %} "{{result.term \| escape}}" </a> </li> {% endif %} {% endif %} {% if layout == 3 %} {% if result.isEmpty and result.term %} <div class="gl-fullscreen-suggestions"> <div>{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> </div> {% endif %} <div class="gl-grid-layer"> <div class="gl-fullscreen-layer"> <div class="gl-fullscreen-initial-content"> {% if false and result.loading %} <div class="gl-fullscreen-loading-content"> <svg class="lds-spinner" width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(30 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(60 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(90 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(120 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(150 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(180 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(210 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(240 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(270 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(300 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(330 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate></rect></g></svg> </div> {% else %} <div class="gl-row"> {% if result.suggestions or result.collections or result.pages or result.popular_keywords %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.suggestions %} <div class="gl-list__group"> <div class="gl-list__title">{{keywords_suggestions_title}}</div> <div class="gl-list__content"> <ul> {% for suggestion in result.suggestions %} <li aria-label="{{keywords_suggestions_title}}: {{suggestion.keyword \| escape}}"> <a href="/search?q={{suggestion.keyword \| url_encode}}">{{suggestion.keyword \| escape}}<span class="count">{{suggestion.count}}</span></a> </li> {% endfor %} </ul> </div> </div> {% endif %} {% if result.collections %} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"> <ul> {% for collection in result.collections %} <li aria-label="{{translation.search.collections \| default: "Collections"}}: {{collection.title \| escape}}"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </div> </div> {% endif %} </div> </div> {% endif %} <div class="gl-col-right"> <div class="gf-search-products"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.products %} <div class="gl-list__content"> {% if product_list_layout == 'carousel' %} <ul class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products"> {% for product in result.products %} <li aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </li> {% endfor %} </ul> {% else %} <div class="gl-fullscreen-results__content"> {% for product in result.products %} <div aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% endif %} </div> {% else %} <li aria-label="{{products_suggestions_title \| escape}}: {{translation.search.product_not_found \| default: "No products were found"}}">{{translation.search.product_not_found \| default: "No products were found"}}</li> {% endif %} </div> </div> </div> </div> {% endif %} </div> </div> </div> {% if result.term and result.isEmpty == false %} <div class="gf-search-item gf-search-item-product gf-search-viewall"> <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all %}{{translation.search.view_all}}{% else %}Search for{% endif %} "{{result.term \| escape}}" </a> </div> {% endif %} {% endif %} </script> <script id="gspfProduct" type="template/html"> {%
88	Info The first occurrence of ID gspfProduct was here. On line 1757, column 55 ate/html"> {% assign root_url = "" %} {% assign zero_character_result = true %} {% if result.term %}{% assign zero_character_result = false %}{% endif %} {% assign product_list_layout = 'grid' %} {% assign products_suggestions_title = translation.search.products \| default: "Products" %} {% assign keywords_suggestions_title = translation.search.suggestions \| default: "Suggestions" %} {% if zero_character_result %} {% if translation.search.zero_character_products_suggestions_title %} {% assign products_suggestions_title = translation.search.zero_character_products_suggestions_title %} {% endif %} {% if translation.search.zero_character_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.zero_character_keywords_suggestions_title %} {% endif %} {% elsif result.isEmpty %} {% if translation.search.no_result_products_suggestions_title %} {% assign products_suggestions_title = translation.search.no_result_products_suggestions_title %} {% endif %} {% if translation.search.no_result_keywords_suggestions_title %} {% assign keywords_suggestions_title = translation.search.no_result_keywords_suggestions_title %} {% endif %} {% endif %} {% if layout == 1 %} <div id="glFilter-search-popup" class="ui-menu gl-filter-search-fullscreen gl-filter-animate"> <div class="gl-backdrop gl-close-layer"></div> <div class="gl-fullscreen-layer gl-animate-transition"> <div class="gl-fullscreen-header"> <form class="gl-d-searchbox" method="GET" action="/search"> <label class="gl-icon gl-d-searchbox-icon" for="gl-d-searchbox-input"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px"> <path d="M0 0h24v24H0V0z" fill="none"></path> <path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </svg> </label> <input type="text" class="gl-d-searchbox-input" id="gl-d-searchbox-input" placeholder="{{translation.product.search}}" name="q" value="{{result.term \| escape}}" autocapitalize="off" autocomplete="off" autocorrect="off"> </form> <button type="button" class="gl-d-close-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg></button> </div> <div class="gl-fullscreen-suggestions"> {% if result.isEmpty and result.term %} <div>{% if translation.search.not_found %}{{translation.search.not_found}}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> {% endif %} </div> <div class="gl-fullscreen-initial-content"> {% if false and result.loading %} <div class="gl-fullscreen-loading-content"> <svg class="lds-spinner" width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(30 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(60 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(90 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(120 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(150 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(180 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(210 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(240 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(270 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(300 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(330 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate></rect></g></svg> </div> {% else %} <div class="gl-row"> {% if result.suggestions or result.collections or result.pages %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.collections %} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"> <ul> {% for collection in result.collections %} <li><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </div> </div> {% endif %} </div> </div> {% endif %} <div class="gl-col-right"> {% if result.products %} <div class="gl-list gl-fullscreen-top-clicked"> <div class="gl-fullscreen-results__meta"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.term and result.isEmpty == false %} <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all_products %}{{translation.search.view_all_products}}{% else %}View all products{% endif %} </a> {% endif %} </div> <div class="gl-list__content"> {% if product_list_layout == 'carousel' %} <div class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products"> {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% else %} <div class="gl-fullscreen-results__content"> {% for product in result.products %} <div class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% endif %} </div> </div> {% endif %} </div> </div> {% endif %} </div> </div> </div> {% endif %} {% if layout == 2 %} {% if result.isEmpty and result.term %} <li class="gf-search-no-result" aria-label="{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %} "{{result.term \| escape}}": {{result.term \| escape}}"> <p>{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></p> </li> {% endif %} {% if result.collections %} <li class="gf-search-collections"> <a class="gf-search-header">{{translation.search.collections \| default: "Collections"}}</a> <ul> {% for collection in result.collections %} <li aria-label="{{translation.search.collections \| default: "Collections"}}: {{collection.title \| escape}}"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </li> {% endif %} {% if result.products %} <li class="gf-search-products"> <a class="gf-search-header">{{products_suggestions_title}}</a> <ul> {% for product in result.products %} <li aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}"> <a aria-label="{{product.handle}}" href="{{root_url}}/products/{{product.handle}}"> <div class="gf-search-left"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '100x'}}"> {% endif %} </div> <div class="gf-search-right"> <div class="gf-search-item-product-title">{{product.title \| escape}}</div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} </div> </a> </li> {% endfor %} </ul> </li> {% endif %} {% if result.term and result.isEmpty == false %} <li class="gf-search-item gf-search-item-product gf-search-viewall"> <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all %}{{translation.search.view_all}}{% else %}Search for{% endif %} "{{result.term \| escape}}" </a> </li> {% endif %} {% endif %} {% if layout == 3 %} {% if result.isEmpty and result.term %} <div class="gl-fullscreen-suggestions"> <div>{% if translation.search.not_found %}{{translation.search.not_found }}{% else %}Sorry, nothing found for{% endif %}&nbsp;<b>{{result.term \| escape}}</b></div> </div> {% endif %} <div class="gl-grid-layer"> <div class="gl-fullscreen-layer"> <div class="gl-fullscreen-initial-content"> {% if false and result.loading %} <div class="gl-fullscreen-loading-content"> <svg class="lds-spinner" width="60px" height="60px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background: none;"><g transform="rotate(0 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9166666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(30 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8333333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(60 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.75s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(90 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(120 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5833333333333334s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(150 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(180 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.4166666666666667s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(210 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.3333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(240 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.25s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(270 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.16666666666666666s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(300 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.08333333333333333s" repeatCount="indefinite"></animate></rect></g><g transform="rotate(330 50 50)"><rect x="47" y="24" rx="9.4" ry="4.8" width="6" height="12" fill="#000"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate></rect></g></svg> </div> {% else %} <div class="gl-row"> {% if result.suggestions or result.collections or result.pages or result.popular_keywords %} <div class="gl-col-left"> <div class="gl-list gl-fullscreen-top-searches"> {% if result.suggestions %} <div class="gl-list__group"> <div class="gl-list__title">{{keywords_suggestions_title}}</div> <div class="gl-list__content"> <ul> {% for suggestion in result.suggestions %} <li aria-label="{{keywords_suggestions_title}}: {{suggestion.keyword \| escape}}"> <a href="/search?q={{suggestion.keyword \| url_encode}}">{{suggestion.keyword \| escape}}<span class="count">{{suggestion.count}}</span></a> </li> {% endfor %} </ul> </div> </div> {% endif %} {% if result.collections %} <div class="gl-list__group"> <div class="gl-list__title">{{translation.search.collections \| default: "Collections"}}</div> <div class="gl-list__content"> <ul> {% for collection in result.collections %} <li aria-label="{{translation.search.collections \| default: "Collections"}}: {{collection.title \| escape}}"><a href="{{root_url}}/collections/{{collection.handle}}">{{collection.title \| escape}}</a></li> {% endfor %} </ul> </div> </div> {% endif %} </div> </div> {% endif %} <div class="gl-col-right"> <div class="gf-search-products"> <div class="gl-list__title">{{products_suggestions_title}}</div> {% if result.products %} <div class="gl-list__content"> {% if product_list_layout == 'carousel' %} <ul class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products"> {% for product in result.products %} <li aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </li> {% endfor %} </ul> {% else %} <div class="gl-fullscreen-results__content"> {% for product in result.products %} <div aria-label="{{products_suggestions_title \| escape}}: {{product.title \| escape}}" class="gl-card"> <div class="gl-card-media"> <div class="gl-card-thumbnail"> <a class="spf-image-ratio" href="{{root_url}}/products/{{product.handle}}"> {% if product.image %} <img class="gflazyload" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" src="{{product.image.src \| img_url: image_size}}" data-src="{{product.image.src \| img_lazyload_url}}" data-sizes="auto" data-aspectratio="{{product.image.aspect_ratio}}" data-parent-fit="contain" alt="{{product.image.alt \| escape}}" /> {% else %} <img src="{{'https://cdn.shopify.com/s/images/themes/product-1.png' \| img_url: '200x'}}"> {% endif %} </a> </div> </div> <div class="gl-card-content gl-card-flex"> <div class="gl-card-title" title="{{product.title \| escape}}"> <a href="{{root_url}}/products/{{product.handle}}">{{product.title \| escape}}</a> </div> {% if product.vendor %} <div class="gf-search-item-product-vendor">{{product.vendor \| escape}}</div> {% endif %} <div class="gl-card-flex"></div> </div> </div> {% endfor %} </div> {% endif %} </div> {% else %} <li aria-label="{{products_suggestions_title \| escape}}: {{translation.search.product_not_found \| default: "No products were found"}}">{{translation.search.product_not_found \| default: "No products were found"}}</li> {% endif %} </div> </div> </div> </div> {% endif %} </div> </div> </div> {% if result.term and result.isEmpty == false %} <div class="gf-search-item gf-search-item-product gf-search-viewall"> <a href="{% if result.url %}{{result.url}}{% else %}/search?q={{result.term \| url_encode}}{% endif %}"> {% if translation.search.view_all %}{{translation.search.view_all}}{% else %}Search for{% endif %} "{{result.term \| escape}}" </a> </div> {% endif %} {% endif %} </script><script id="gspfProduct" type="template/html"> {%
89	Error Duplicate ID gspfFilterTree. On line 5490, column 58 ate/html"> {% assign root_url = "" %} {% assign currencyFormat = "${{amount}}" %} {% assign swatch_options = 'color' \| downcase \| split: "~~" \| uniq %} {% assign image_options = '' \| downcase \| split: "~~" \| uniq %} {% assign text_options = '' \| downcase \| split: "~~" \| uniq %} {% assign show_selected_variant_info = true %} {% assign image_size = '500x500' %} {% assign images_count = product.images \| size %} {% assign variants_count = product.variants \| size %} {% assign options_count = product.options \| size %} {% assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' %} {% assign featured_image = product.featured_image %} {% assign product_price = product.price %} {% assign product_compare_at_price = product.compare_at_price %} {% assign second_image_index = 2 %} {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %} {% assign variant_url = '' %} {% if show_selected_variant_info and product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {% for image in product.images %} {% if image.id == featured_image.id %} {% if forloop.index == images_count %} {% assign second_image_index = 1 %} {% else %} {% assign second_image_index = forloop.index \| plus: 1 %} {% endif %} {% endif %} {% endfor %} {%- if section.settings.show_layout_switch -%} {%- assign desktop_items_per_row = cart.attributes.collection_desktop_items_per_row \| default: section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = cart.attributes.collection_mobile_items_per_row \| default: section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- if desktop_items_per_row >= 3 and desktop_items_per_row != section.settings.grid_desktop_items_per_row -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row -%} {%- endif -%} {%- else -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- endif -%} {%- if desktop_items_per_row == 4 -%} {%- assign tablet_items_per_row = 3 -%} {%- else -%} {%- assign tablet_items_per_row = 2 -%} {%- endif -%} {% assign show_product_info = true %} {% assign show_vendor = section.settings.show_vendor %} {% assign show_color_swatch = true %} {% assign show_labels = true %} <div{% if showPageData %} data-page="{{page}}"{% endif %} class="Grid__Cell 1/{{ mobile_items_per_row }}--phone 1/{{ tablet_items_per_row }}--tablet-and-up 1/{{ desktop_items_per_row }}--{% if section.settings.filter_position == 'drawer' %}lap-and-up{% else %}desk{% endif %}"> <div class="ProductItem {% if use_horizontal %}ProductItem--horizontal{% endif %}"> <div class="ProductItem__Wrapper"> {%- if settings.product_image_size == 'natural' or use_horizontal -%} {%- assign use_natural_size = true -%} {%- else -%} {%- assign use_natural_size = false -%} {%- endif -%} {%- if settings.product_show_secondary_image and product.images[1] != blank and use_horizontal != true -%} {%- assign has_alternate_image = true -%} {%- else -%} {%- assign has_alternate_image = false -%} {%- endif -%} <a href="{{ product.url \| within: collection }}{{variant_url}}" class="ProductItem__ImageWrapper {% if has_alternate_image %}ProductItem__ImageWrapper--withAlternateImage{% endif %}"> {%- if use_horizontal -%} {%- assign max_width = 125 -%} {%- else -%} {%- assign max_width = product.featured_image.preview_image.width -%} {%- endif -%} {%- assign media_aspect_ratio = product.featured_image.aspect_ratio \| default: product.featured_image.preview_image.aspect_ratio -%} <div class="AspectRatio AspectRatio--{% if use_natural_size %}withFallback{% else %}{{ settings.product_image_size }}{% endif %}" style="max-width: {{ max_width }}px; {% if use_natural_size %}padding-bottom: {{ 100.0 \| divided_by: media_aspect_ratio }}%;{% endif %} --aspect-ratio: {{ media_aspect_ratio }}"> {%- if has_alternate_image -%} {%- assign image_url = product.images[1] \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.images[1].alt \| escape }}" data-media-id="{{ product.images[1].id }}"> {%- endif -%} {%- assign image_url = product.featured_image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.featured_image.alt \| escape }}" data-media-id="{{ product.featured_image.id }}"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="{{ product.images[1] \| img_url: '600x' }}" alt="{{ product.images[1].alt \| escape }}"> <img class="ProductItem__Image" src="{{ product.featured_image\| img_url: '600x' }}" alt="{{ product.featured_image.alt \| escape }}"> </noscript> </div> </a> {%- if show_labels -%} {%- capture product_labels -%} {%- for tag in product.tags -%} {%- if tag contains '__label' -%} <span class="ProductItem__Label Heading Text--subdued">{{ tag \| split: '__label:' \| last }}</span> {%- break -%} {%- endif -%} {%- endfor -%} {%- if product.available -%} {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Label ProductItem__Label--onSale Heading Text--subdued">On sale</span> {%- endif -%} {%- else -%} <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued">Sold out</span> {%- endif -%} {%- endcapture -%} {%- if product_labels != blank -%} <div class="ProductItem__LabelList"> {{ product_labels }} </div> {%- endif -%} {%- endif -%} {% for t in product.tags %} {% if t contains 'label_' %} <div class="label_products">{{ t \| remove :"label_" }}</div> {% endif %} {% endfor %} {%- if show_product_info -%} <div class="ProductItem__Info {% unless use_horizontal %}ProductItem__Info--{{ settings.product_info_alignment }}{% endunless %}"> <p class="ProductItem__Vendor Heading">{{ product.vendor }}</p> <h2 class="ProductItem__Title Heading"> <a href="{{ product.url \| within: collection }}{{variant_url}}">{{ product.title }}</a> </h2> {%- if show_color_swatch -%} {%- assign color_swatch_list = '' -%} {%- capture color_swatch -%} {%- assign color_label = 'color,colour,couleur,colore,farbe,색,色,färg,farve' \| split: ',' -%} {%- capture color_name -%}{{ section.id }}-{{ product.id }}{%- endcapture -%} {%- for option in product.options -%} {%- assign downcased_option = option.name \| downcase -%} {%- if color_label contains downcased_option -%} {%- assign variant_option = 'option' \| append: forloop.index -%} {%- for value in option.values -%} {%- assign downcased_value = value \| downcase -%} {%- capture color_id -%}{{ section.id }}-{{ product.id }}-{{ forloop.index }}{%- endcapture -%} {%- for variant in product.variants -%} {%- if variant[variant_option] == value -%} {%- assign variant_for_value = variant -%} {%- break -%} {%- endif -%} {%- endfor -%} <div class="ProductItem__ColorSwatchItem"> {%- if variant_for_value.image -%} {%- assign variant_image_url = variant_for_value.image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} {%- endif -%} {%- assign color_swatch_name = value \| handle \| append: '.png' -%} {%- assign color_swatch_image = color_swatch_name \| file_img_url: '64x64' -%} <input class="ColorSwatch__Radio" type="radio" name="{{ color_name }}" id="{{ color_id }}" value="{{ value \| escape }}" {% if option.values[0] == value %}checked="checked"{% endif %} data-variant-url="{{ variant_for_value.url }}{% if variant_for_value.image %}#Image{{ variant_for_value.image.id }}{% endif %}" {% if variant_for_value.image %}data-image-id="{{ variant_for_value.image.id }}" data-image-url="{{ variant_image_url }}" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="{{ variant_for_value.image.aspect_ratio }}"{% endif %} aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small {% if downcased_value == 'white' %}ColorSwatch--white{% endif %}" for="{{ color_id }}" style="background-color: {{ value \| replace: ' ', '' \| downcase }}; {% if color_swatch_image != blank %}background-image: url({{ color_swatch_image }}){% endif %}" title="{{ value \| escape }}" data-tooltip="{{ value \| escape }}"></label> </div> {%- endfor -%} {%- endif -%} {%- endfor -%} {%- endcapture -%} {%- if color_swatch != blank -%} {%- capture color_swatch_list -%} <div class="ProductItem__ColorSwatchList"> {{- color_swatch -}} </div> {%- endcapture -%} {%- endif -%} {%- endif -%} {%- if show_price_on_hover == nil -%} {%- assign show_price_on_hover = settings.product_show_price_on_hover -%} {%- endif -%} {%- if show_price_on_hover and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} {%- if product.template_suffix != 'coming-soon' -%} <div class="ProductItem__PriceList {% if show_price_on_hover %}ProductItem__PriceList--showOnHover{% endif %} Heading"> {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Price Price Price--highlight Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> <span class="ProductItem__Price Price Price--compareAt Text--subdued">{{ product.compare_at_price \| money_without_trailing_zeros }}</span> {%- elsif product.price_varies -%} {%- capture formatted_min_price -%}{{ product.price_min \| money_without_trailing_zeros }}{%- endcapture -%} {%- capture formatted_max_price -%}{{ product.price_max \| money_without_trailing_zeros }}{%- endcapture -%} <span class="ProductItem__Price Price Text--subdued">From {{ formatted_min_price }}</span> {%- else -%} <span class="ProductItem__Price Price Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> {%- endif -%} </div> {%- endif -%} {%- if show_price_on_hover == false and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} </div> {%- endif -%} </div> {%- if use_horizontal -%} <a href="{{ product.url }}{{variant_url}}" class="ProductItem__ViewButton Button Button--secondary hidden-pocket">View product</a> {%- endif -%} </div> </div> </script><script id="gspfFilterTree" type="template/html"> <div
90	Info The first occurrence of ID gspfFilterTree was here. On line 1992, column 53 ate/html"> {% assign root_url = "" %} {% assign currencyFormat = "${{amount}}" %} {% assign swatch_options = 'color' \| downcase \| split: "~~" \| uniq %} {% assign image_options = '' \| downcase \| split: "~~" \| uniq %} {% assign text_options = '' \| downcase \| split: "~~" \| uniq %} {% assign show_selected_variant_info = true %} {% assign image_size = '500x500' %} {% assign images_count = product.images \| size %} {% assign variants_count = product.variants \| size %} {% assign options_count = product.options \| size %} {% assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' %} {% assign featured_image = product.featured_image %} {% assign product_price = product.price %} {% assign product_compare_at_price = product.compare_at_price %} {% assign second_image_index = 2 %} {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %} {% assign variant_url = '' %} {% if show_selected_variant_info and product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {% for image in product.images %} {% if image.id == featured_image.id %} {% if forloop.index == images_count %} {% assign second_image_index = 1 %} {% else %} {% assign second_image_index = forloop.index \| plus: 1 %} {% endif %} {% endif %} {% endfor %} {%- if section.settings.show_layout_switch -%} {%- assign desktop_items_per_row = cart.attributes.collection_desktop_items_per_row \| default: section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = cart.attributes.collection_mobile_items_per_row \| default: section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- if desktop_items_per_row >= 3 and desktop_items_per_row != section.settings.grid_desktop_items_per_row -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row -%} {%- endif -%} {%- else -%} {%- assign desktop_items_per_row = section.settings.grid_desktop_items_per_row \| times: 1 -%} {%- assign mobile_items_per_row = section.settings.grid_mobile_items_per_row \| times: 1 -%} {%- endif -%} {%- if desktop_items_per_row == 4 -%} {%- assign tablet_items_per_row = 3 -%} {%- else -%} {%- assign tablet_items_per_row = 2 -%} {%- endif -%} {% assign show_product_info = true %} {% assign show_vendor = section.settings.show_vendor %} {% assign show_color_swatch = true %} {% assign show_labels = true %} <div{% if showPageData %} data-page="{{page}}"{% endif %} class="Grid__Cell 1/{{ mobile_items_per_row }}--phone 1/{{ tablet_items_per_row }}--tablet-and-up 1/{{ desktop_items_per_row }}--{% if section.settings.filter_position == 'drawer' %}lap-and-up{% else %}desk{% endif %}"> <div class="ProductItem {% if use_horizontal %}ProductItem--horizontal{% endif %}"> <div class="ProductItem__Wrapper"> {%- if settings.product_image_size == 'natural' or use_horizontal -%} {%- assign use_natural_size = true -%} {%- else -%} {%- assign use_natural_size = false -%} {%- endif -%} {%- if settings.product_show_secondary_image and product.images[1] != blank and use_horizontal != true -%} {%- assign has_alternate_image = true -%} {%- else -%} {%- assign has_alternate_image = false -%} {%- endif -%} <a href="{{ product.url \| within: collection }}{{variant_url}}" class="ProductItem__ImageWrapper {% if has_alternate_image %}ProductItem__ImageWrapper--withAlternateImage{% endif %}"> {%- if use_horizontal -%} {%- assign max_width = 125 -%} {%- else -%} {%- assign max_width = product.featured_image.preview_image.width -%} {%- endif -%} {%- assign media_aspect_ratio = product.featured_image.aspect_ratio \| default: product.featured_image.preview_image.aspect_ratio -%} <div class="AspectRatio AspectRatio--{% if use_natural_size %}withFallback{% else %}{{ settings.product_image_size }}{% endif %}" style="max-width: {{ max_width }}px; {% if use_natural_size %}padding-bottom: {{ 100.0 \| divided_by: media_aspect_ratio }}%;{% endif %} --aspect-ratio: {{ media_aspect_ratio }}"> {%- if has_alternate_image -%} {%- assign image_url = product.images[1] \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.images[1].alt \| escape }}" data-media-id="{{ product.images[1].id }}"> {%- endif -%} {%- assign image_url = product.featured_image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} <img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="{{ image_url }}" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="{{ product.featured_image.alt \| escape }}" data-media-id="{{ product.featured_image.id }}"> <span class="Image__Loader"></span> <noscripttag> <img class="ProductItem__Image ProductItem__Image--alternate" src="{{ product.images[1] \| img_url: '600x' }}" alt="{{ product.images[1].alt \| escape }}"> <img class="ProductItem__Image" src="{{ product.featured_image\| img_url: '600x' }}" alt="{{ product.featured_image.alt \| escape }}"> </noscripttag> </div> </a> {%- if show_labels -%} {%- capture product_labels -%} {%- for tag in product.tags -%} {%- if tag contains '__label' -%} <span class="ProductItem__Label Heading Text--subdued">{{ tag \| split: '__label:' \| last }}</span> {%- break -%} {%- endif -%} {%- endfor -%} {%- if product.available -%} {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Label ProductItem__Label--onSale Heading Text--subdued">Translation missing: en.product.labels.on_sale</span> {%- endif -%} {%- else -%} <span class="ProductItem__Label ProductItem__Label--soldOut Heading Text--subdued">Translation missing: en.product.labels.sold_out</span> {%- endif -%} {%- endcapture -%} {%- if product_labels != blank -%} <div class="ProductItem__LabelList"> {{ product_labels }} </div> {%- endif -%} {%- endif -%} {% for t in product.tags %} {% if t contains 'label_' %} <div class="label_products">{{ t \| remove :"label_" }}</div> {% endif %} {% endfor %} {%- if show_product_info -%} <div class="ProductItem__Info {% unless use_horizontal %}ProductItem__Info--{{ settings.product_info_alignment }}{% endunless %}"> <p class="ProductItem__Vendor Heading">{{ product.vendor }}</p> <h2 class="ProductItem__Title Heading"> <a href="{{ product.url \| within: collection }}{{variant_url}}">{{ product.title }}</a> </h2> {%- if show_color_swatch -%} {%- assign color_swatch_list = '' -%} {%- capture color_swatch -%} {%- assign color_label = 'color,colour,couleur,colore,farbe,색,色,färg,farve' \| split: ',' -%} {%- capture color_name -%}{{ section.id }}-{{ product.id }}{%- endcapture -%} {%- for option in product.options -%} {%- assign downcased_option = option.name \| downcase -%} {%- if color_label contains downcased_option -%} {%- assign variant_option = 'option' \| append: forloop.index -%} {%- for value in option.values -%} {%- assign downcased_value = value \| downcase -%} {%- capture color_id -%}{{ section.id }}-{{ product.id }}-{{ forloop.index }}{%- endcapture -%} {%- for variant in product.variants -%} {%- if variant[variant_option] == value -%} {%- assign variant_for_value = variant -%} {%- break -%} {%- endif -%} {%- endfor -%} <div class="ProductItem__ColorSwatchItem"> {%- if variant_for_value.image -%} {%- assign variant_image_url = variant_for_value.image \| img_url: '1x1' \| replace: '_1x1.', '_{width}x.' -%} {%- endif -%} {%- assign color_swatch_name = value \| handle \| append: '.png' -%} {%- assign color_swatch_image = color_swatch_name \| file_img_url: '64x64' -%} <input class="ColorSwatch__Radio" type="radio" name="{{ color_name }}" id="{{ color_id }}" value="{{ value \| escape }}" {% if option.values[0] == value %}checked="checked"{% endif %} data-variant-url="{{ variant_for_value.url }}{% if variant_for_value.image %}#Image{{ variant_for_value.image.id }}{% endif %}" {% if variant_for_value.image %}data-image-id="{{ variant_for_value.image.id }}" data-image-url="{{ variant_image_url }}" data-image-widths="[200,400,600,700,800,900,1000,1200]" data-image-aspect-ratio="{{ variant_for_value.image.aspect_ratio }}"{% endif %} aria-hidden="true"> <label class="ColorSwatch ColorSwatch--small {% if downcased_value == 'white' %}ColorSwatch--white{% endif %}" for="{{ color_id }}" style="background-color: {{ value \| replace: ' ', '' \| downcase }}; {% if color_swatch_image != blank %}background-image: url({{ color_swatch_image }}){% endif %}" title="{{ value \| escape }}" data-tooltip="{{ value \| escape }}"></label> </div> {%- endfor -%} {%- endif -%} {%- endfor -%} {%- endcapture -%} {%- if color_swatch != blank -%} {%- capture color_swatch_list -%} <div class="ProductItem__ColorSwatchList"> {{- color_swatch -}} </div> {%- endcapture -%} {%- endif -%} {%- endif -%} {%- if show_price_on_hover == nil -%} {%- assign show_price_on_hover = settings.product_show_price_on_hover -%} {%- endif -%} {%- if show_price_on_hover and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} {%- if product.template_suffix != 'coming-soon' -%} <div class="ProductItem__PriceList {% if show_price_on_hover %}ProductItem__PriceList--showOnHover{% endif %} Heading"> {%- if product.compare_at_price > product.price -%} <span class="ProductItem__Price Price Price--highlight Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> <span class="ProductItem__Price Price Price--compareAt Text--subdued">{{ product.compare_at_price \| money_without_trailing_zeros }}</span> {%- elsif product.price_varies -%} {%- capture formatted_min_price -%}{{ product.price_min \| money_without_trailing_zeros }}{%- endcapture -%} {%- capture formatted_max_price -%}{{ product.price_max \| money_without_trailing_zeros }}{%- endcapture -%} <span class="ProductItem__Price Price Text--subdued">From {{ formatted_min_price }}</span> {%- else -%} <span class="ProductItem__Price Price Text--subdued">{{ product.price \| money_without_trailing_zeros }}</span> {%- endif -%} </div> {%- endif -%} {%- if show_price_on_hover == false and color_swatch_list != blank -%} {{- color_swatch_list -}} {%- endif -%} </div> {%- endif -%} </div> {%- if use_horizontal -%} <a href="{{ product.url }}{{variant_url}}" class="ProductItem__ViewButton Button Button--secondary hidden-pocket">Translation missing: en.collection.product.view_product</a> {%- endif -%} </div> </div> </script> <script id="gspfFilterTree" type="template/html"> <div
91	Error Duplicate ID gspfFilterSort. On line 5976, column 58 ate/html"> <div class="gf-filter-header"> <div class="gf-filter-heading">{{translation.filter.filter_by \| default: "Filter by"}}</div> <span onclick="globofilter.toggleCanvas()" class="gf-close-canvas"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"></path></svg></span> </div> {% assign selected_html = '' %} {% capture filter_tree_html %} {% if filters %} {% for filter in filters %} {% if filter.is_selected and filter.style == 'Slider' %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilter({{filter.id}})"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.attribute == 'Price' %} <span class="money">{{filter.values.min \| money}}</span> - <span class="money">{{filter.values.max \| money}}</span> {% elsif filter.attribute == 'Percent Sale' %} {{filter.values.min}}% - {{filter.values.max}}% {% else %} {{filter.values.min}} - {{filter.values.max}} {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <div data-filter-type="{{filter.attribute \| replace: 'option:', ''}}" data-filter-id="{{filter.id}}" class="gf-option-block {{filter.class}}{% if filter.is_collapse %} is-collapsed{% endif %}"> <div class="gf-block-title"> <div class="h3"> <span>{{filter.label \| escape}}</span> {% if filter.help %} <span class="gf-tooltip-trigger" aria-hidden="true">?</span> <div class="gf-tooltip"><div class="gf-tooltip-content" >{{filter.help \| newline_to_br}}</div></div> {% endif %} </div> {% if filter.is_selected %} <a class="gf-clear" onclick="removeFilter({{filter.id}})">{{ translation.filter.clear \| default: "Clear"}}</a> {% endif %} </div> <div class="gf-block-content"> {% if filter.searchable and filter.style != 'Slider' %}<input type="text" placeholder="{{ translation.filter.search \| default: "Search options"}}" value="" onkeyup="globofilter.searchValues(this);" class="gf-search">{% endif %} {% assign values_count = 0 %} {% if filter.values %}{% assign values_count = filter.values \| size %}{% endif %} <div class="gf-scroll {% if filter.style != 'Select' and filter.style != 'Slider' and values_count > 10 %}gf-block-scroll{% endif %}"> {% if filter.style == 'Slider' %} <div class="gf-range-inputs"> <input class="gf-range-min" id="min-{{filter.id}}" data-value="{{filter.values.min}}" data-min-value="{% if filter.attribute == 'Price' %}{{filter.ranges.min \| money_without_format}}{% else %}{{filter.ranges.min}}{% endif %}" value="{% if filter.attribute == 'Price' %}{{filter.values.min \| money_without_format}}{% else %}{{filter.values.min}}{% endif %}" type="text" aria-label="Min value" /> <span class="gf-range-split"> - </span> <input class="gf-range-max" id="max-{{filter.id}}" data-value="{{filter.values.max}}" data-max-value="{% if filter.attribute == 'Price' %}{{filter.ranges.max \| money_without_format}}{% else %}{{filter.ranges.max}}{% endif %}" value="{% if filter.attribute == 'Price' %}{{filter.values.max \| money_without_format}}{% else %}{{filter.values.max}}{% endif %}" type="text" aria-label="Max value" /> </div> <div class="gf-range-slider" data-min="{{filter.ranges.min}}" data-max="{{filter.ranges.max}}" aria-label="{{filter.label \| escape}}" data-id="{{filter.id}}" data-attribute="{{filter.id}}" id="slider-{{filter.id}}"></div> {% elsif filter.style == 'Select' %} <select onchange="toggleRadioFilter({{filter.id}}, this.value)"> <option value="">{{ translation.filter.choose_values \| default: "Choose values"}}</option> {% for value in filter.values %} {% assign value_label = value.label \| escape %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <option {% if value.selected %}selected="selected"{% endif %} value='{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}'> {{value_label}} ({{value.count}}) </option> {% endfor %} </select> {% else %} <ul class="gf-option-box"> {% if filter.attribute == 'Collection' %} {% assign collection_id = 300140822715 %} {% if filter.tree %} {% for node in filter.tree %} {% if node.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{node.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{node.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{node.value}}"{% if node.is_collapse %} class="is-collapsed"{% endif %}> <div> {% if filter.style == 'Checkbox' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{node.value}}')" title="{{node.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{node.value}}')" title="{{node.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{node.handle}}')" title="{{node.label \| escape}}"> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% endif %} {% if node.children %}<span></span>{% endif %} </div> {% if node.children %} <ul{% if node.is_collapse %} style="display:none"{% endif %}> {% for child in node.children %} {% if child.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li{% if child.is_collapse %} class="is-collapsed"{% endif %} data-collection="{{child.value}}"> <div> {% if filter.style == 'Checkbox' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child.handle}}')" title="{{child.label \| escape}}"> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% endif %} {% if child.children %}<span></span>{% endif %} </div> {% if child.children %} <ul{% if child.is_collapse %} style="display:none"{% endif %}> {% for child2 in child.children %} {% if child2.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child2.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{child2.value}}"> <div> {% if filter.style == 'Checkbox' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child2.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child2.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child2.handle}}')" title="{{child2.label \| escape}}"> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% endif %} {% if child2.children %}<span></span>{% endif %} </div> {% if child2.children %} <ul{% if child.is_collapse %} style="display:none"{% endif %}> {% for child3 in child2.children %} {% if child3.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child3.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{child3.value}}"> {% if filter.style == 'Checkbox' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child3.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child3.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child3.handle}}')" title="{{child3.label \| escape}}"> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} {% else %} {% for value in filter.values %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label"> {% if filter.attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% else %} {{value.label}} {% endif %} </span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li> <div> {% if filter.style == 'Checkbox' %} <a {% if value.selected or value.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if value.selected or value.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if node.selected or value.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{value.handle}}')" title="{{value.label \| escape}}"> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% endif %} </div> </li> {% endfor %} {% endif %} {% else %} {% for value in filter.values %} {% assign value_label = value.label \| escape %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% elsif filter.attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} {% if filter.style == 'Checkbox' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style == 'Radio' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style contains 'Box - Rectangle' %} <li class="gf-box-rectangle"> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style == 'Rating' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style contains 'Swatch' %} {% assign attribute = filter.attribute \| replace: 'option:', '' \| downcase %} {% assign value_handle = value.value \| downcase %} <li> <a {% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> {% if swatches[attribute] and swatches[attribute][value_handle] %} {% if swatches[attribute][value_handle].mode == 1 %} <span class="gf-option-one-color" style="background-color:{{ swatches[attribute][value_handle].color_1 }}"></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% elsif swatches[attribute][value_handle].mode == 2 %} <span class="gf-option-two-color" style="background-color:{{ swatches[attribute][value_handle].color_1 }}"><span class="bottom-color" style="border-bottom-color:{{ swatches[attribute][value_handle].color_2 }}"></span></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% elsif swatches[attribute][value_handle].mode == 3 %} <span class="gf-swatch-image" style="background-image: url('{{ swatches[attribute][value_handle].image }}');background-color: {{ value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape }}"></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% endif %} {% else %} {% assign value_handle = value.value \| handle %} {% assign value_jpg = value_handle \| append: '.jpg' %} {% assign value_png = value_handle \| append: '.png' %} {% assign value_jpeg = value_handle \| append: '.jpeg' %} {% assign has_swatch = false %} {% capture background_image_css %} {% if images contains value_jpg %} {% assign has_swatch = true %} background-image: url('{{ value_jpg \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif images contains value_png %} {% assign has_swatch = true %} background-image: url('{{ value_png \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif images contains value_jpeg %} {% assign has_swatch = true %} background-image: url('{{ value_jpeg \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif value.value contains 'https:' or value.value contains 'http:' %} {% assign has_swatch = true %} background-image: url('{{ value.value }}'); {% endif %} background-color: {{ value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape }}; {% endcapture %} {% if has_swatch %} <span class="gf-swatch-image" style="{{background_image_css}}"></span> {% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span> {% endif %} {% else %} <span class="gf-option-value">{{value.label \| escape}}</span> {% endif %} {% endif %} </a> </li> {% endif %} {% endfor %} {% if filter.style == 'Swatch' %} <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> {% endif %} {% endif %} </ul> {% endif %} </div> </div> </div> {% endfor %} {% endif %} {% endcapture %} <div class="globo-selected-items-wrapper"> {% if has_filter %} <div class="gf-block-title hidden-xs"> <div class="h3"><span>{{ translation.filter.filter_by \| default: "Filter by"}}</span></div> <a onclick="clearAllFilter()" class="gf-refine-toggle hidden-xs">{{ translation.filter.clear_all \| default: "Clear all"}}</a> </div> <div class="gf-block-content globo-selected-items"> <button onclick="clearAllFilter()" class="clear-refinements visible-xs">{{ translation.filter.clear_all \| default: "Clear all"}}</button> {{selected_html}} </div> {% endif %} </div> <div class="gf-filter-contents"> {{filter_tree_html}} </div> <div class="gf-filter-footer"> {% assign plurality = translation.search.products \| default: "Products" %} {% assign singular = translation.search.product \| default: "Product" %} <button type="button" onclick="globofilter.toggleCanvas()">{{ translation.filter.view \| default: "View"}} <b>{{pagination.total}}</b> {{pagination.total \| pluralize: singular, plurality}}</button> </div> </script><script id="gspfFilterSort" type="template/html"> {% as
92	Info The first occurrence of ID gspfFilterSort was here. On line 2479, column 53 ate/html"> <div class="gf-filter-header"> <div class="gf-filter-heading">{{translation.filter.filter_by \| default: "Filter by"}}</div> <span onclick="globofilter.toggleCanvas()" class="gf-close-canvas"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"></path></svg></span> </div> {% assign selected_html = '' %} {% capture filter_tree_html %} {% if filters %} {% for filter in filters %} {% if filter.is_selected and filter.style == 'Slider' %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilter({{filter.id}})"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.attribute == 'Price' %} <span class="money">{{filter.values.min \| money}}</span> - <span class="money">{{filter.values.max \| money}}</span> {% elsif filter.attribute == 'Percent Sale' %} {{filter.values.min}}% - {{filter.values.max}}% {% else %} {{filter.values.min}} - {{filter.values.max}} {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <div data-filter-type="{{filter.attribute \| replace: 'option:', ''}}" data-filter-id="{{filter.id}}" class="gf-option-block {{filter.class}}{% if filter.is_collapse %} is-collapsed{% endif %}"> <div class="gf-block-title"> <div class="h3"> <span>{{filter.label \| escape}}</span> {% if filter.help %} <span class="gf-tooltip-trigger" aria-hidden="true">?</span> <div class="gf-tooltip"><div class="gf-tooltip-content" >{{filter.help \| newline_to_br}}</div></div> {% endif %} </div> {% if filter.is_selected %} <a class="gf-clear" onclick="removeFilter({{filter.id}})">{{ translation.filter.clear \| default: "Clear"}}</a> {% endif %} </div> <div class="gf-block-content"> {% if filter.searchable and filter.style != 'Slider' %}<input type="text" placeholder="{{ translation.filter.search \| default: "Search options"}}" value="" onkeyup="globofilter.searchValues(this);" class="gf-search">{% endif %} {% assign values_count = 0 %} {% if filter.values %}{% assign values_count = filter.values \| size %}{% endif %} <div class="gf-scroll {% if filter.style != 'Select' and filter.style != 'Slider' and values_count > 10 %}gf-block-scroll{% endif %}"> {% if filter.style == 'Slider' %} <div class="gf-range-inputs"> <input class="gf-range-min" id="min-{{filter.id}}" data-value="{{filter.values.min}}" data-min-value="{% if filter.attribute == 'Price' %}{{filter.ranges.min \| money_without_format}}{% else %}{{filter.ranges.min}}{% endif %}" value="{% if filter.attribute == 'Price' %}{{filter.values.min \| money_without_format}}{% else %}{{filter.values.min}}{% endif %}" type="text" aria-label="Min value" /> <span class="gf-range-split"> - </span> <input class="gf-range-max" id="max-{{filter.id}}" data-value="{{filter.values.max}}" data-max-value="{% if filter.attribute == 'Price' %}{{filter.ranges.max \| money_without_format}}{% else %}{{filter.ranges.max}}{% endif %}" value="{% if filter.attribute == 'Price' %}{{filter.values.max \| money_without_format}}{% else %}{{filter.values.max}}{% endif %}" type="text" aria-label="Max value" /> </div> <div class="gf-range-slider" data-min="{{filter.ranges.min}}" data-max="{{filter.ranges.max}}" aria-label="{{filter.label \| escape}}" data-id="{{filter.id}}" data-attribute="{{filter.id}}" id="slider-{{filter.id}}"></div> {% elsif filter.style == 'Select' %} <select onchange="toggleRadioFilter({{filter.id}}, this.value)"> <option value="">{{ translation.filter.choose_values \| default: "Choose values"}}</option> {% for value in filter.values %} {% assign value_label = value.label \| escape %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <option {% if value.selected %}selected="selected"{% endif %} value='{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}'> {{value_label}} ({{value.count}}) </option> {% endfor %} </select> {% else %} <ul class="gf-option-box"> {% if filter.attribute == 'Collection' %} {% assign collection_id = 300140822715 %} {% if filter.tree %} {% for node in filter.tree %} {% if node.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{node.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{node.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{node.value}}"{% if node.is_collapse %} class="is-collapsed"{% endif %}> <div> {% if filter.style == 'Checkbox' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{node.value}}')" title="{{node.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{node.value}}')" title="{{node.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if node.selected or node.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{node.handle}}')" title="{{node.label \| escape}}"> <span class="gf-label">{{node.label \| escape}}</span> <span class="gf-count">({{node.count}})</span> </a> {% endif %} {% if node.children %}<span></span>{% endif %} </div> {% if node.children %} <ul{% if node.is_collapse %} style="display:none"{% endif %}> {% for child in node.children %} {% if child.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li{% if child.is_collapse %} class="is-collapsed"{% endif %} data-collection="{{child.value}}"> <div> {% if filter.style == 'Checkbox' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child.selected or child.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child.handle}}')" title="{{child.label \| escape}}"> <span class="gf-label">{{child.label \| escape}}</span> <span class="gf-count">({{child.count}})</span> </a> {% endif %} {% if child.children %}<span></span>{% endif %} </div> {% if child.children %} <ul{% if child.is_collapse %} style="display:none"{% endif %}> {% for child2 in child.children %} {% if child2.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child2.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{child2.value}}"> <div> {% if filter.style == 'Checkbox' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child2.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child2.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child2.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child2.selected or child2.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child2.handle}}')" title="{{child2.label \| escape}}"> <span class="gf-label">{{child2.label \| escape}}</span> <span class="gf-count">({{child2.count}})</span> </a> {% endif %} {% if child2.children %}<span></span>{% endif %} </div> {% if child2.children %} <ul{% if child.is_collapse %} style="display:none"{% endif %}> {% for child3 in child2.children %} {% if child3.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label">{{child3.label}}</span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li data-collection="{{child3.value}}"> {% if filter.style == 'Checkbox' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child3.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{child3.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{child3.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if child3.selected or child3.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{child3.handle}}')" title="{{child3.label \| escape}}"> <span class="gf-label">{{child3.label \| escape}}</span> <span class="gf-count">({{child3.count}})</span> </a> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} {% else %} {% for value in filter.values %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> <span class="gf-label"> {% if filter.attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% else %} {{value.label}} {% endif %} </span> </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} <li> <div> {% if filter.style == 'Checkbox' %} <a {% if value.selected or value.value == collection_id %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% elsif filter.style == 'Radio' %} <a {% if value.selected or value.value == collection_id %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% elsif filter.style == 'Collection' %} <a {% if node.selected or value.value == collection_id %} class="checked"{% endif %} onclick="changeCollection('{{value.handle}}')" title="{{value.label \| escape}}"> <span class="gf-label">{{value.label \| escape}}</span> <span class="gf-count">({{value.count}})</span> </a> {% endif %} </div> </li> {% endfor %} {% endif %} {% else %} {% for value in filter.values %} {% assign value_label = value.label \| escape %} {% if value.selected %} {% capture selected_item_html %} <div class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')"> <span class="selected-item"> <span class="hidden-xs">{{filter.label \| escape}}</span> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% elsif filter.attribute contains 'metafield:' and value.value contains 'https:' %} <span class="gf-swatch-image" style="background-image: url('{{ value.value }}')"></span> {% else %} <span class="gf-label">{{value_label}}</span> {% endif %} </strong> </span> <span class="gf-clear"></span> </a> </div> {% endcapture %} {% assign selected_html = selected_html \| append: selected_item_html %} {% endif %} {% if filter.style == 'Checkbox' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-Checkbox"></span> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style == 'Radio' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleRadioFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-RadioButton"></span> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style contains 'Box - Rectangle' %} <li class="gf-box-rectangle"> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-label">{{value_label}}</span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style == 'Rating' %} <li> <a{% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value_label}}"> <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> <span class="gf-count">({{value.count}})</span> </a> </li> {% elsif filter.style contains 'Swatch' %} {% assign attribute = filter.attribute \| replace: 'option:', '' \| downcase %} {% assign value_handle = value.value \| downcase %} <li> <a {% if value.selected %} class="checked"{% endif %} onclick="toggleCheckboxFilter({{filter.id}},'{{value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape}}')" title="{{value.label \| escape}}"> {% if swatches[attribute] and swatches[attribute][value_handle] %} {% if swatches[attribute][value_handle].mode == 1 %} <span class="gf-option-one-color" style="background-color:{{ swatches[attribute][value_handle].color_1 }}"></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% elsif swatches[attribute][value_handle].mode == 2 %} <span class="gf-option-two-color" style="background-color:{{ swatches[attribute][value_handle].color_1 }}"><span class="bottom-color" style="border-bottom-color:{{ swatches[attribute][value_handle].color_2 }}"></span></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% elsif swatches[attribute][value_handle].mode == 3 %} <span class="gf-swatch-image" style="background-image: url('{{ swatches[attribute][value_handle].image }}');background-color: {{ value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape }}"></span>{% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span>{% endif %} {% endif %} {% else %} {% assign value_handle = value.value \| handle %} {% assign value_jpg = value_handle \| append: '.jpg' %} {% assign value_png = value_handle \| append: '.png' %} {% assign value_jpeg = value_handle \| append: '.jpeg' %} {% assign has_swatch = false %} {% capture background_image_css %} {% if images contains value_jpg %} {% assign has_swatch = true %} background-image: url('{{ value_jpg \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif images contains value_png %} {% assign has_swatch = true %} background-image: url('{{ value_png \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif images contains value_jpeg %} {% assign has_swatch = true %} background-image: url('{{ value_jpeg \| asset_img_url: '50x' \| prepend: 'https:' }}'); {% elsif value.value contains 'https:' or value.value contains 'http:' %} {% assign has_swatch = true %} background-image: url('{{ value.value }}'); {% endif %} background-color: {{ value.value \| replace:"\\", "\\\\" \| replace:"\'", "\\\'" \| escape }}; {% endcapture %} {% if has_swatch %} <span class="gf-swatch-image" style="{{background_image_css}}"></span> {% if filter.style contains 'Swatch - Text' %} <span class="gf-label">{{value.label \| escape}}</span> {% endif %} {% else %} <span class="gf-option-value">{{value.label \| escape}}</span> {% endif %} {% endif %} </a> </li> {% endif %} {% endfor %} {% if filter.style == 'Swatch' %} <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> <li class="hidden-box"><a><span class="gf-swatch-image"></span></a></li> {% endif %} {% endif %} </ul> {% endif %} </div> </div> </div> {% endfor %} {% endif %} {% endcapture %} <div class="globo-selected-items-wrapper"> {% if has_filter %} <div class="gf-block-title hidden-xs"> <div class="h3"><span>{{ translation.filter.filter_by \| default: "Filter by"}}</span></div> <a onclick="clearAllFilter()" class="gf-refine-toggle hidden-xs">{{ translation.filter.clear_all \| default: "Clear all"}}</a> </div> <div class="gf-block-content globo-selected-items"> <button onclick="clearAllFilter()" class="clear-refinements visible-xs">{{ translation.filter.clear_all \| default: "Clear all"}}</button> {{selected_html}} </div> {% endif %} </div> <div class="gf-filter-contents"> {{filter_tree_html}} </div> <div class="gf-filter-footer"> {% assign plurality = translation.search.products \| default: "Products" %} {% assign singular = translation.search.product \| default: "Product" %} <button type="button" onclick="globofilter.toggleCanvas()">{{ translation.filter.view \| default: "View"}} <b>{{pagination.total}}</b> {{pagination.total \| pluralize: singular, plurality}}</button> </div> </script> <script id="gspfFilterSort" type="template/html"> {% as
93	Error End tag for body seen, but there were unclosed elements. On line 6181, column 13 ate/html"> {% assign root_url = "" %} {% assign page = "collection" %} <div id="gf-controls-container"> {% if pagination.total > 0 %} <div class="gf-actions"> <div class="gf-filter-trigger"> <div class="gf-refine-toggle-mobile" tabindex="0"> <span onclick="globofilter.toggleCanvas()"><i class="fa fa-tasks" aria-hidden="true"></i> {{translation.filter.filter_by \| default: "Filter by"}}</span> </div> </div> <span class="gf-summary"> {% assign plurality = translation.search.products \| default: "Products" %} {% assign singular = translation.search.product \| default: "Product" %} <b>{{pagination.total}}</b> {{pagination.total \| pluralize: singular, plurality}} </span> <div class="gf-filter-selection"> <div class="sort-by limit-by hidden-xs"> <label for="setLimit">{{translation.product.limit \| default: "Show"}}</label> <select id="setLimit" class="sortby-select" onchange="setLimit(this.value); return false;"> <option selected value="12">12</option><option value="24">24</option><option value="48">48</option> </select> </div> {% assign relevance = '' %} {% assign available_sort = relevance \| append: 'best-selling,title-ascending,title-descending,created-descending,created-ascending,' \| append: sort_by \| append: ',manual' \| replace: "featured", "manual" \| split: "," \| uniq %} {% capture sort_by_text %} {% if sort_by =='best-selling' %} {{translation.sort.best_selling \| default: "Best Selling"}} {% elsif sort_by == 'manual' %} {{translation.sort.manually \| default: "Featured"}} {% elsif sort_by == 'relevance' %} {{translation.sort.relevance \| default: "Relevance"}} {% elsif sort_by == 'featured' %} {{translation.sort.manually \| default: "Featured"}} {% elsif sort_by == 'stock-descending' %} {{translation.sort.availability_in_stock_first \| default: "Availability"}} {% elsif sort_by == 'title-ascending' %} {{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}} {% elsif sort_by == 'title-descending' %} {{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}} {% elsif sort_by == 'price-ascending' %} {{translation.sort.price_low_to_high \| default: "Price, low to high"}} {% elsif sort_by == 'price-descending' %} {{translation.sort.price_high_to_low \| default: "Price, high to low"}} {% elsif sort_by == 'created-descending' %} {{translation.sort.date_new_to_old \| default: "Date, new to old"}} {% elsif sort_by == 'created-ascending' %} {{translation.sort.date_old_to_new \| default: "Date, old to new"}} {% elsif sort_by == 'sale-descending' %} {{translation.sort.sale_off \| default: "% Sale off"}} {% else %} {{sort \| replace: "-", " " \| capitalize}} {% endif %} {% endcapture %} {% comment %} <div class="sort-by"> <label for="changeSortBy" class="sort-by-toggle" role="button" tabindex="0" aria-expanded="false">{{translation.sort.sort_by \| default: "Sort by"}}</label> <select id="changeSortBy" class="sortby-select" onchange="changeSortBy(this.value); return false;"> {% if available_sort contains 'best-selling' %}<option {% if sort_by == 'best-selling' %} selected{% endif %} value="best-selling">{{translation.sort.best_selling \| default: "Best Selling"}}</option>{% endif %} {% if available_sort contains 'featured' or available_sort contains 'manual' %}<option {% if sort_by == 'manual' %} selected{% endif %} value="manual">{{translation.sort.manually \| default: "Featured"}}</option>{% endif %} {% if available_sort contains 'stock-descending' %}<option {% if sort_by == 'stock-descending' %} selected{% endif %} value="stock-descending">{{translation.sort.availability_in_stock_first \| default: "Availability"}}</option>{% endif %} {% if available_sort contains 'relevance' %}<option {% if sort_by == 'relevance' %} selected{% endif %} value="relevance">{{translation.sort.relevance \| default: "Relevance"}}</option>{% endif %} {% if available_sort contains 'title-ascending' %}<option {% if sort_by == 'title-ascending' %} selected{% endif %} value="title-ascending">{{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}}</option>{% endif %} {% if available_sort contains 'title-descending' %}<option {% if sort_by == 'title-descending' %} selected{% endif %} value="title-descending">{{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}}</option>{% endif %} {% if available_sort contains 'price-ascending' %}<option {% if sort_by == 'price-ascending' %} selected{% endif %} value="price-ascending">{{translation.sort.price_low_to_high \| default: "Price, low to high"}}</option>{% endif %} {% if available_sort contains 'price-descending' %}<option {% if sort_by == 'price-descending' %} selected{% endif %} value="price-descending">{{translation.sort.price_high_to_low \| default: "Price, high to low"}}</option>{% endif %} {% if available_sort contains 'created-descending' %}<option {% if sort_by == 'created-descending' %} selected{% endif %} value="created-descending">{{translation.sort.date_new_to_old \| default: "Date, new to old"}}</option>{% endif %} {% if available_sort contains 'created-ascending' %}<option {% if sort_by == 'created-ascending' %} selected{% endif %} value="created-ascending">{{translation.sort.date_old_to_new \| default: "Date, old to new"}}</option>{% endif %} {% if available_sort contains 'sale-descending' %}<option {% if sort_by == 'sale-descending' %} selected{% endif %} value="sale-descending">{{translation.sort.sale_off \| default: "% Sale off"}}</option>{% endif %} </select> </div> {% endcomment %} <div class="sort-by"> <label for="globo-dropdown-sort_options" class="sort-by-toggle" role="button" tabindex="0" aria-expanded="false"><span>{{sort_by_text}}</span></label> <div id="globo-dropdown-sort_options" class="globo-dropdown-custom__options"> {% for sort in available_sort %} {% if sort == 'best-selling' %} <span data-sort="best-selling" onclick="changeSortBy('best-selling');">{{translation.sort.best_selling \| default: "Best Selling"}}</span> {% elsif sort == 'featured' or sort == 'manual' %} <span data-sort="manual" onclick="changeSortBy('manual');">{{translation.sort.manually \| default: "Featured"}}</span> {% elsif sort == 'stock-descending' %} <span data-sort="stock-descending" onclick="changeSortBy('stock-descending');">{{translation.sort.availability_in_stock_first \| default: "Availability"}}</span> {% elsif sort == 'relevance' %} <span data-sort="relevance" onclick="changeSortBy('relevance');">{{translation.sort.relevance \| default: "Relevance"}}</span> {% elsif sort == 'title-ascending' %} <span data-sort="title-ascending" onclick="changeSortBy('title-ascending');">{{translation.sort.alphabetically_a_z \| default: "Alphabetically, A-Z"}}</span> {% elsif sort == 'title-descending' %} <span data-sort="title-descending" onclick="changeSortBy('title-descending');">{{translation.sort.alphabetically_z_a \| default: "Alphabetically, Z-A"}}</span> {% elsif sort == 'price-ascending' %} <span data-sort="price-ascending" onclick="changeSortBy('price-ascending');">{{translation.sort.price_low_to_high \| default: "Price, low to high"}}</span> {% elsif sort == 'price-descending' %} <span data-sort="price-descending" onclick="changeSortBy('price-descending');">{{translation.sort.price_high_to_low \| default: "Price, high to low"}}</span> {% elsif sort == 'created-descending' %} <span data-sort="created-descending" onclick="changeSortBy('created-descending');">{{translation.sort.date_new_to_old \| default: "Date, new to old"}}</span> {% elsif sort == 'created-ascending' %} <span data-sort="created-ascending" onclick="changeSortBy('created-ascending');">{{translation.sort.date_old_to_new \| default: "Date, old to new"}}</span> {% elsif sort == 'sale-descending' %} <span data-sort="sale-descending" onclick="changeSortBy('sale-descending');">{{translation.sort.sale_off \| default: "% Sale off"}}</span> {% else %} <span data-sort="{{sort}}" onclick="changeSortBy('{{sort}}');">{% if translation.sort[sort] %}{{translation.sort[sort]}}{% else %}{{sort \| replace: "-", " " \| capitalize}}{% endif %}</span> {% endif %} {% endfor %} </div> </div> </div> <div class="globo-selected-items-wrapper visible-xs"> {% if has_filter and filters %} <ul class="globo-selected-items"> {% capture selected_item_html %} {% assign filter_count = 0 %} {% for filter in filters %} {% if filter.is_selected %} {% if filter.style == 'Slider' %} {% assign filter_count = filter_count \| plus: 1 %} <li class="selected-item gf-option-label"> <a onclick="removeFilter({{filter.id}})"> <span class="selected-item"> <strong> {% if filter.attribute == 'Price' %} <span class="money">{{filter.values.min \| money}}</span> - <span class="money">{{filter.values.max \| money}}</span> {% elsif filter.attribute == 'Percent Sale' %} {{filter.values.min}}% - {{filter.values.max}}% {% else %} {{filter.values.min}} - {{filter.values.max}} {% endif %} </strong> </span> <span class="gf-clear"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg> </span> </a> </li> {% else %} {% for value in filter.values %} {% if value.selected %} {% assign filter_count = filter_count \| plus: 1 %} <li class="selected-item gf-option-label"> <a onclick="removeFilterValue({{filter.id}}, '{{value.value \| replace:"\'", "\\\'" \| escape_once}}')"> <span class="selected-item"> <strong> {% if filter.style == 'Rating' %} <span class="gf-label gf-stars"> {% for star in (1..5) %} {% if star <= value.value %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% else %} <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6.71 15.116l3.357-1.658.892.452 2.327 1.178-.56-3.912.708-.707 1.29-1.29-3.235-.576-.445-.915-1.059-2.176L8.4 8.683l-1.005.168-2.098.35 1.975 1.975-.141.99-.422 2.95zM5.2 18a.8.8 0 01-.792-.914l.743-5.203-2.917-2.917a.8.8 0 01.434-1.355l4.398-.733 2.218-4.435a.8.8 0 011.435.008l2.123 4.361 4.498.801a.8.8 0 01.425 1.353l-2.917 2.917.744 5.203a.8.8 0 01-1.154.828l-4.382-2.22-4.502 2.223A.792.792 0 015.2 18z" fill="#ff9800"/></svg> {% endif %} {% endfor %} </span> {% elsif filter.attribute contains 'metafield:' and value.value contains 'https:' -%} <img style="max-height: 21px;display: block;" src="{{ value.value }}" /> {%- else -%} {{value.label}} {%- endif -%} </strong> </span> <span class="gf-clear"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z" fill="#5C5F62"/></svg></span> </a> </li> {% endif %} {% endfor %} {% endif %} {% endif %} {% endfor %} {% endcapture %} {% if filter_count > 1 %} <li class="selected-item gf-option-label"><a onclick="clearAllFilter()" class="clear-refinements">{{ translation.filter.clear_all \| default: "Clear all"}}</a></li> {% endif %} {{selected_item_html}} </ul> {% endif %} </div> </div> {% endif %} </div> </script> <script> window.addEventListener('globoFilterRenderSearchCompleted', function () { setTimeout(function(){ $('.gl-d-searchbox-input').focus(); }, 600); $('#SearchDrawer').hide(); }); </script> <style> .image-container {display: grid; grid-template-columns: 1fr 1fr;} .find {font-family: "optima nova", sans-serif; text-align: center; font-size: 30px; text-align: center; color: #5c5c5c; line-height: 2.8rem; margin: 20px 0 20px 0;} h1 {font-family: "optima nova", sans-serif; text-align: center; font-size: 30px; text-align: center;} .section-header {margin: 50px 0px;} th {text-align: center;} .img-box {border: solid 0.5px; margin: 40px 60px; padding-bottom: 20px;} span {font-size: 13px;} .p_logo {font-family: "optima nova", sans-serif;} .PageContent {max-width: none;} </style> <div id="shopify-block-9035537717662245677" class="shopify-block shopify-app-block"><!-- begin --> <!-- end check show --> <!-- end --> </div></body> </htm
94	Error Unclosed element https:. On line 1, column 1219 9/assets/globo.filter.search.min.js>; as="
95	Error Unclosed element https:. On line 1, column 1050 9/assets/globo.filter.index.min.js>; as="
96	Error Unclosed element https:. On line 1, column 882 9/assets/globo.filter.filter.min.js>; as="
97	Error Unclosed element https:. On line 1, column 713 9/assets/globo.filter.759.min.js>; as="
98	Error Unclosed element https:. On line 1, column 547 9/assets/globo.filter.js>; as="
99	Error Unclosed element https:. On line 1, column 390 9/assets/globo.search.css>; as="
100	Error Unclosed element https:. On line 1, column 232 9/assets/globo.filter.css>; as="

Link copied to clipboard