It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://peaceandchaos.com/

  1. <!doctype html>
  2. <html lang="en">
  3.    <head >
  4.        <script>
  5. var BASE_URL = WEB_URL = 'https://www.peaceandchaos.com/en/';
  6. var RTL = false;
  7.    var require = {
  8.        "baseUrl": "https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US"
  9.    };
  10.        var CATALOG_CHECK = 0;
  11.        </script>
  12.        <meta charset="utf-8"/>
  13. <meta name="title" content="Peace+Chaos"/>
  14. <meta name="description" content="“Stay grounded + true to your authentic self.” As a brand, Peace+Chaos signifies the strength of polarized energies where contradictions create the perfect symbiotic balance."/>
  15. <meta name="keywords" content="Peace + Chaos, Peace &amp; Chaos, clothing, clothes"/>
  16. <meta name="robots" content="INDEX,FOLLOW"/>
  17. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
  18. <meta name="format-detection" content="telephone=no"/>
  19. <meta property="og:image" content="https://www.peaceandchaos.com/media/wysiwyg/CHAKA.jpg"/>
  20. <meta property="og:image:type" content="image/jpeg"/>
  21. <meta property="og:image:width" content="600"/>
  22. <meta property="og:image:height" content="322"/>
  23. <title>Peace+Chaos</title>
  24. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/mage/calendar.css" />
  25. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/css/styles-m.css" />
  26. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/mage/gallery/gallery.css" />
  27. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_ExtraGallery/css/style.css" />
  28. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Lookbook/css/theme.default.min.css" />
  29. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Lookbook/css/styles.css" />
  30. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Mmegamenu/css/megamenu.css" />
  31. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_ThemeSettings/css/theme_setting.css" />
  32. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/Mageplaza_Core/css/font-awesome.min.css" />
  33. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/Mageplaza_Core/css/magnific-popup.css" />
  34. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/Magezon_Core/css/styles.css" />
  35. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/Magezon_Core/css/owlcarousel/owl.carousel.min.css" />
  36. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/Magezon_Core/css/fontawesome5.css" />
  37. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/Magezon_Core/css/mgz_bootstrap.css" />
  38. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_InstantSearch/css/styles.css" />
  39. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/fontawesome.v4.7.0/fontawesome.css" />
  40. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/claue_pbanner.css" />
  41. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/claue_styles.css" />
  42. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/owl.carousel.css" />
  43. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/owl.theme.min.css" />
  44. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/animate.css" />
  45. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/magnific-popup.css" />
  46. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/lightbox.min.css" />
  47. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/twentytwenty.css" />
  48. <link  rel="stylesheet" type="text/css"  media="screen and (min-width: 768px)" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/css/styles-l.css" />
  49. <link  rel="stylesheet" type="text/css"  media="print" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/css/print.css" />
  50. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/css/mgs_theme_style_guide.css" />
  51. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/css/themes_fonts.css" />
  52. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/animate.css" />
  53. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Aquickview/css/aquickview.css" />
  54. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Brand/css/mgs_brand.css" />
  55. <link  rel="stylesheet" type="text/css"  rel="stylesheet" type="text/css" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/css/custom.css" />
  56. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/requirejs/require.js"></script>
  57. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/mage/requirejs/mixins.js"></script>
  58. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/requirejs-config.js"></script>
  59. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/js/mgs_theme.js"></script>
  60. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/js/custom.js"></script>
  61. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/js/timer.js"></script>
  62. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/fonts/Poppins-SemiBold.ttf" />
  63. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/fonts/Poppins-Regular.ttf" />
  64. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/fonts/Pe-icon-7-stroke.woff" />
  65. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/fontawesome.v4.7.0/fonts/fontawesome-webfont.woff2" />
  66. <link  rel="icon" type="image/x-icon" href="https://www.peaceandchaos.com/media/favicon/stores/1/chakra-removebg-preview_1_.jpg" />
  67. <link  rel="shortcut icon" type="image/x-icon" href="https://www.peaceandchaos.com/media/favicon/stores/1/chakra-removebg-preview_1_.jpg" />
  68.  
  69.  
  70. <link rel="preconnect" href="https://fonts.googleapis.com">
  71. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  72. <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
  73.  
  74.  
  75. <!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/70ce4010f816c8e7d3bce9dc/script.js"></script> <!-- End cookieyes banner -->                <script>
  76.        window.getWpCookie = function(name) {
  77.            match = document.cookie.match(new RegExp(name + '=([^;]+)'));
  78.            if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ;
  79.        };
  80.  
  81.        window.dataLayer = window.dataLayer || [];
  82.                var wpCookies = ['wp_customerId','wp_customerGroup'];
  83.        wpCookies.map(function(cookieName) {
  84.            var cookieValue = window.getWpCookie(cookieName);
  85.            if (cookieValue) {
  86.                var dlObject = {};
  87.                dlObject[cookieName.replace('wp_', '')] = cookieValue;
  88.                window.dataLayer.push(dlObject);
  89.            }
  90.        });
  91.    </script>
  92.  
  93.    <!-- Google Tag Manager -->
  94. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  95. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  96. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  97. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  98. })(window,document,'script','dataLayer','GTM-MDK7DSB');</script>
  99. <!-- End Google Tag Manager -->    <script type="text&#x2F;javascript" src="https&#x3A;&#x2F;&#x2F;chimpstatic.com&#x2F;mcjs-connected&#x2F;js&#x2F;users&#x2F;a99e53c471ba8e163d8078f32&#x2F;c976ec92a8d1f5854f4569031.js" defer="defer">
  100. </script><link  rel="stylesheet" type="text/css" media="all" href="https://www.peaceandchaos.com/media/mgs/fbuilder/css/blocks.min.css" />
  101. <link  rel="stylesheet" type="text/css" media="all" href="https://www.peaceandchaos.com/media/mgs/fbuilder/css/1/fbuilder_config.min.css" />
  102.    </head>
  103.    <body data-container="body"
  104.          data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/images/loader-2.gif"}}'
  105.        class="fullwidth wide lazy-loading-img cms-home cms-page-25 cms-index-index page-layout-1column" id="html-body">
  106.        <!-- Google Tag Manager (noscript) -->
  107. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MDK7DSB"
  108. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  109. <!-- End Google Tag Manager (noscript) -->
  110. <script type="text/x-magento-init">
  111.    {
  112.        "*": {
  113.            "Magento_PageBuilder/js/widget-initializer": {
  114.                "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false}},
  115.                "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
  116.        }
  117.    }
  118. </script>
  119.  
  120. <div class="cookie-status-message" id="cookie-status">
  121.    The store will not work correctly in the case when cookies are disabled.</div>
  122. <script type="text&#x2F;javascript">document.querySelector("#cookie-status").style.display = "none";</script>
  123. <script type="text/x-magento-init">
  124.    {
  125.        "*": {
  126.            "cookieStatus": {}
  127.        }
  128.    }
  129. </script>
  130.  
  131. <script type="text/x-magento-init">
  132.    {
  133.        "*": {
  134.            "mage/cookies": {
  135.                "expires": null,
  136.                "path": "\u002F",
  137.                "domain": ".www.peaceandchaos.com",
  138.                "secure": true,
  139.                "lifetime": "3600"
  140.            }
  141.        }
  142.    }
  143. </script>
  144.    <noscript>
  145.        <div class="message global noscript">
  146.            <div class="content">
  147.                <p>
  148.                    <strong>JavaScript seems to be disabled in your browser.</strong>
  149.                    <span>
  150.                        For the best experience on our site, be sure to turn on Javascript in your browser.                    </span>
  151.                </p>
  152.            </div>
  153.        </div>
  154.    </noscript>
  155.  
  156. <script>
  157.    window.cookiesConfig = window.cookiesConfig || {};
  158.    window.cookiesConfig.secure = true;
  159. </script><script>    require.config({
  160.        map: {
  161.            '*': {
  162.                wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymce5Adapter'
  163.            }
  164.        }
  165.    });</script><script>
  166.    require.config({
  167.        paths: {
  168.            googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D'
  169.        },
  170.        config: {
  171.            'Magento_PageBuilder/js/utils/map': {
  172.                style: ''
  173.            },
  174.            'Magento_PageBuilder/js/content-type/map/preview': {
  175.                apiKey: '',
  176.                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fen\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
  177.            },
  178.            'Magento_PageBuilder/js/form/element/map': {
  179.                apiKey: '',
  180.                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fen\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
  181.            },
  182.        }
  183.    });
  184. </script>
  185.  
  186. <script>
  187.    require.config({
  188.        shim: {
  189.            'Magento_PageBuilder/js/utils/map': {
  190.                deps: ['googleMaps']
  191.            }
  192.        }
  193.    });
  194. </script>
  195. <div class="panel wrapper top-panel" style="display:none">
  196. <div class="panel header builder-panel">
  197. <div class="left-content">
  198. </div>
  199. <div class="right-content">
  200. <div data-role="switcher" class="admin__actions-switch pull-right">
  201. <input type="checkbox" class="admin__actions-switch-checkbox" value="0" id="active-fbuilder" onclick="setLocation('https://www.peaceandchaos.com/en/fbuilder/index/active/referrer/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20v/')"/>
  202. <label class="admin__actions-switch-label" for="active-fbuilder">
  203. <span class="admin__actions-switch-text" data-text-on="Yes" data-text-off="No"></span>
  204. </label>
  205. </div>
  206. <span class="builder-switcher-label pull-right">Active CMS Builder</span>
  207. </div>
  208. </div>
  209. </div>
  210. <script>
  211. require([
  212.        'jquery'
  213.    ], function($) {
  214. if(self!=top){
  215. $('.top-panel').remove();
  216. }else{
  217. if($('#themesetting_customize_temp').length){
  218. $('#themesetting_customize_temp').remove();
  219. }
  220. }
  221.    });
  222. </script><div class="page-wrapper">    <div id="placeholder-header" class="absolute-header"></div>
  223.  
  224. <header class="page-header">
  225.  
  226.  
  227.        
  228.  
  229.  
  230.    <div class="header-area header2 search-icon-popup active-sticky">
  231.            <!-- Top Header -->
  232.        <div class="top-header">
  233.            <div class="frame-fluid">
  234.                <div class="line">
  235.                    <div class="col-6 col-des-4 col-tb-6 col-mb-12">
  236.                        <!-- Static block: header_1_top_left_link -->
  237.                                                    <div class="top-custom-link">
  238. <ul class="d-flex align-items-center ">
  239. <li><a href="tel:+0123456789 "><span class="icon pe-7s-call">&nbsp;</span>+01 23456789</a></li>
  240. <li><a href="mailto:claue@domain.com"><span class="icon pe-7s-mail">&nbsp;</span>claue@domain.com</a></li>
  241. </ul>
  242. </div><!--Identifier: header_1_top_left_link, Block Id: 91-->                                            </div>
  243.                    <div class="col-6 col-des-4 col-tb-6 col-mb-12">
  244.                        <!-- Static block: header_1_top_middle_block -->
  245.                                                    <div class="top-middle-header">
  246.                                <div class="conts  text-align-center text-des-center text-tb-right text-mb-center">Summer sale discount off <span style="color: #ec0101;">50%</span>! <a href="#">Shop Now</a></div><!--Identifier: header_1_top_middle_block, Block Id: 92-->                            </div>
  247.                                            </div>
  248.                    <div class="col-des-4 hidden-mb hidden-tb hidden-lg">
  249.                        <div class="header-set customer-web-config">
  250.                                                                    <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language-top">
  251.        <strong class="label switcher-label"><span>Language</span></strong>
  252.        <div class="actions dropdown options switcher-options">
  253.            <div class="action toggle switcher-trigger"
  254.                 id="switcher-language-trigger-top"
  255.                 data-mage-init='{"dropdown":{}}'
  256.                 data-toggle="dropdown"
  257.                 data-trigger-keypress-button="true">
  258.                <strong class="view-en">
  259.                    <span>English</span>
  260.                </strong>
  261.            </div>
  262.            <ul class="dropdown switcher-dropdown"
  263.                data-target="dropdown">
  264.                                                                                                <li class="view-gr switcher-option">
  265.                            <a href="https://www.peaceandchaos.com/en/stores/store/redirect/___store/gr/___from_store/en/uenc/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZ3Iv/">
  266.                                <img src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/images/flags/gr.png" alt="" />Greek                            </a>
  267.                        </li>
  268.                                                </ul>
  269.        </div>
  270.    </div>
  271.                                                                                </div>
  272.                    </div>
  273.                </div>
  274.            </div>
  275.        </div>
  276.        <!-- Middle Header -->
  277.        <div class="middle-header">
  278.            <div class="frame-fluid">
  279.                <div class="line">
  280.                    <div class="col-mb-4 col-tb-4 col-des-2 d-flex align-items-center">
  281.                        <button class="action nav-tg hidden-des"><img src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/images/hamburger-black.svg" alt="Toggle Menu"></button>
  282.                                                    <div class=" hidden-tb hidden-mb">
  283.                                    <strong class="logo">
  284.        <img class="default-logo" src="https://www.peaceandchaos.com/media/logo/default/pac_logo.png"
  285.             alt="logo"
  286.                                  />
  287.    </strong>
  288.                            </div>
  289.                                            </div>
  290.                    <div class="col-mb-4 col-tb-4 hidden-des d-flex align-items-center justify-content-center">
  291.                            <strong class="logo">
  292.        <img class="default-logo" src="https://www.peaceandchaos.com/media/logo/default/pac_logo.png"
  293.             alt="logo"
  294.                                  />
  295.    </strong>
  296.                    </div>
  297.                    <div
  298.                        class="col-0 col-tb-4 col-des-8 menu-wrapper">
  299.                                                <div class="menu-content menu-content-mb">
  300.                            <ul class="data item title nav-tabs hidden-des"><li class="active"><a data-toggle="tab" href="#main-Menucontent">Menu</a></li><li><a data-toggle="tab" href="#main-Accountcontent">Account</a></li><li><a data-toggle="tab" href="#main-Settingcontent">Language</a></li></ul><div class="data item  tab-content megamenu-content"><div id="main-Menucontent" class="tab-pane active"><div class="horizontal-menu ">
  301.  
  302.  
  303.                    <nav class="navigation" role="navigation">
  304.        <ul id="mainMenu" class="nav nav-main nav-main-menu">
  305.            
  306.                                                            <li class="  category-menu level0 dropdown">
  307.                            <a href="https://www.peaceandchaos.com/en/new-collection" class="level0 dropdown-toggle"><span data-hover="New Collection">New Collection</span> <span class="icon-next"><i class="fa fa-angle-down"></i></span></a><span class="toggle-menu"><a onclick="toggleEl(this,'mobile-menu-6-1')" href="javascript:void(0)" class=""><span class="fa fa-chevron-right"></span></a></span><ul class="dropdown-menu" id="mobile-menu-6-1"><li class="hidden-des"><a onclick="toggleEl(this,'mobile-menu-6-1')" href="javascript:void(0)" class=""><span class="nav-back"><i class="fa fa-chevron-left"></i> Back</span></a></li><li><ul><li class="level1">
  308. <a href="https://www.peaceandchaos.com/en/new-collection/dresses">
  309. DRESSES
  310. </a>
  311. </li><li class="level1">
  312. <a href="https://www.peaceandchaos.com/en/new-collection/outwear">
  313. OUTWEAR
  314. </a>
  315. </li><li class="level1">
  316. <a href="https://www.peaceandchaos.com/en/new-collection/knitwear">
  317. KNITWEAR
  318. </a>
  319. </li><li class="level1">
  320. <a href="https://www.peaceandchaos.com/en/new-collection/pants">
  321. PANTS
  322. </a>
  323. </li><li class="level1">
  324. <a href="https://www.peaceandchaos.com/en/new-collection/shirts">
  325. SHIRTS
  326. </a>
  327. </li><li class="level1">
  328. <a href="https://www.peaceandchaos.com/en/new-collection/t-shirts">
  329. T-SHIRTS
  330. </a>
  331. </li><li class="level1">
  332. <a href="https://www.peaceandchaos.com/en/new-collection/skirts">
  333. SKIRTS
  334. </a>
  335. </li><li class="level1">
  336. <a href="https://www.peaceandchaos.com/en/new-collection/accessories">
  337. ACCESSORIES
  338. </a>
  339. </li><li class="level1">
  340. <a href="https://www.peaceandchaos.com/en/new-collection/tops">
  341. TOPS
  342. </a>
  343. </li><li class="level1">
  344. <a href="https://www.peaceandchaos.com/en/new-collection/swimwear">
  345. SWIMWEAR
  346. </a>
  347. </li><li class="level1">
  348. <a href="https://www.peaceandchaos.com/en/new-collection/shorts">
  349. SHORTS
  350. </a>
  351. </li><li class="level1">
  352. <a href="https://www.peaceandchaos.com/en/new-collection/beachwear">
  353. BEACHWEAR
  354. </a>
  355. </li><li class="level1">
  356. <a href="https://www.peaceandchaos.com/en/new-collection/sweatshirts">
  357. SWEATSHIRTS
  358. </a>
  359. </li></ul></li></ul>                        </li>
  360.                                            <li class="  static-menu level0">
  361.                            <a href="https://www.peaceandchaos.com/en/our-campaign" class="level0"><span>Campaigns </span></a>                        </li>
  362.                                            <li class="IMAGES-MEGAMENU mega-menu-item mega-menu-fullwidth menu-6columns level0 static-menu level0">
  363.                            <a href="https://www.peaceandchaos.com/this-is-us" class="level0"><span>This is us</span></a>                        </li>
  364.                                            <li class="  static-menu level0">
  365.                            <a href="https://www.peaceandchaos.com/en/blog" class="level0"><span>Blog</span></a>                        </li>
  366.                                            <li class="  category-menu level0 dropdown">
  367.                            <a href="https://www.peaceandchaos.com/en/sales" class="level0 dropdown-toggle"><span data-hover="SALES">SALES</span> <span class="icon-next"><i class="fa fa-angle-down"></i></span></a><span class="toggle-menu"><a onclick="toggleEl(this,'mobile-menu-9-1')" href="javascript:void(0)" class=""><span class="fa fa-chevron-right"></span></a></span><ul class="dropdown-menu" id="mobile-menu-9-1"><li class="hidden-des"><a onclick="toggleEl(this,'mobile-menu-9-1')" href="javascript:void(0)" class=""><span class="nav-back"><i class="fa fa-chevron-left"></i> Back</span></a></li><li><ul><li class="level1">
  368. <a href="https://www.peaceandchaos.com/en/sales/accessories">
  369. ACCESSORIES
  370. </a>
  371. </li><li class="level1">
  372. <a href="https://www.peaceandchaos.com/en/sales/bodysuits">
  373. BODYSUITS  
  374. </a>
  375. </li><li class="level1">
  376. <a href="https://www.peaceandchaos.com/en/sales/dresses">
  377. DRESSES  
  378. </a>
  379. </li><li class="level1">
  380. <a href="https://www.peaceandchaos.com/en/sales/outwear">
  381. OUTWEAR  
  382. </a>
  383. </li><li class="level1">
  384. <a href="https://www.peaceandchaos.com/en/sales/pants">
  385. PANTS
  386. </a>
  387. </li><li class="level1">
  388. <a href="https://www.peaceandchaos.com/en/sales/shirts">
  389. SHIRTS
  390. </a>
  391. </li><li class="level1">
  392. <a href="https://www.peaceandchaos.com/en/sales/shorts">
  393. SHORTS
  394. </a>
  395. </li><li class="level1">
  396. <a href="https://www.peaceandchaos.com/en/sales/skirts">
  397. SKIRTS
  398. </a>
  399. </li><li class="level1">
  400. <a href="https://www.peaceandchaos.com/en/sales/sweatshirts">
  401. SWEATSHIRTS
  402. </a>
  403. </li><li class="level1">
  404. <a href="https://www.peaceandchaos.com/en/sales/swimwear">
  405. SWIMWEAR
  406. </a>
  407. </li><li class="level1">
  408. <a href="https://www.peaceandchaos.com/en/sales/tops">
  409. TOPS
  410. </a>
  411. </li><li class="level1">
  412. <a href="https://www.peaceandchaos.com/en/sales/t-shirts">
  413. T-SHIRTS
  414. </a>
  415. </li><li class="level1">
  416. <a href="https://www.peaceandchaos.com/en/sales/beachwear">
  417. BEACHWEAR
  418. </a>
  419. </li><li class="level1">
  420. <a href="https://www.peaceandchaos.com/en/sales/jumpsuits">
  421. JUMPSUITS
  422. </a>
  423. </li><li class="level1">
  424. <a href="https://www.peaceandchaos.com/en/sales/outlet">
  425. OUTLET
  426. </a>
  427. </li></ul></li></ul>                        </li>
  428.                                                        </ul>
  429.    </nav>
  430. </div></div><div id="main-Accountcontent" class="tab-pane"><div class="top-links">
  431. <div class="login-form logged-customer">
  432.    <button class="close-myaccount"><span class="icon-cross2"></span></button>
  433.    <ul class="header links"><li><a href="https://www.peaceandchaos.com/en/customer/account/" id="idmT2GKWL3" >My Account</a></li><li class="link wishlist cpap" data-bind="scope: 'wishlist'">
  434.    <a href="https://www.peaceandchaos.com/en/wishlist/">My Wish List        <!-- ko if: wishlist().counter -->
  435.        <span data-bind="text: wishlist().counter" class="counter qty"></span>
  436.        <!-- /ko -->
  437.    </a>
  438. </li>
  439. <script type="text/x-magento-init">
  440.    {
  441.        "*": {
  442.            "Magento_Ui/js/core/app": {
  443.                "components": {
  444.                    "wishlist": {
  445.                        "component": "Magento_Wishlist/js/view/wishlist"
  446.                    }
  447.                }
  448.            }
  449.        }
  450.    }
  451.  
  452. </script>
  453. <li class="link authorization-link" data-label="or">
  454.    <a href="https://www.peaceandchaos.com/en/customer/account/login/referer/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZW4v/"        >Sign In</a>
  455. </li>
  456. <li><a href="https://www.peaceandchaos.com/en/customer/account/create/" id="id6RCrEfF6" >Create an Account</a></li></ul></div>
  457. </div></div><div id="main-Settingcontent" class="tab-pane"><div class="customer-web-config">        <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language">
  458.        <strong class="label switcher-label"><span>Language</span></strong>
  459.        <div class="actions dropdown options switcher-options">
  460.            <div class="action toggle switcher-trigger"
  461.                 id="switcher-language-trigger"
  462.                 data-mage-init='{"dropdown":{}}'
  463.                 data-toggle="dropdown"
  464.                 data-trigger-keypress-button="true">
  465.                <strong class="view-en">
  466.                    <span>English</span>
  467.                </strong>
  468.            </div>
  469.            <ul class="dropdown switcher-dropdown"
  470.                data-target="dropdown">
  471.                                                                                                <li class="view-gr switcher-option">
  472.                            <a href="https://www.peaceandchaos.com/en/stores/store/redirect/___store/gr/___from_store/en/uenc/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZ3Iv/">
  473.                                <img src="https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/images/flags/gr.png" alt="" />Greek                            </a>
  474.                        </li>
  475.                                                </ul>
  476.        </div>
  477.    </div>
  478. </div></div></div>                        </div>
  479.                    </div>
  480.                    <div
  481.                        class="Chaka-icon col-mb-4 col-tb-4 col-lg-4 col-des-2">
  482.                        <div class="d-flex align-items-center justify-content-end right-content table-icon-menu">
  483.                                                            <div class="search-form">
  484.    <div class="block block-search">
  485.        <button class="search-close" onclick="showHideFormSearch()"><i class="pe-7s-close"></i></button>
  486.        <div class="block block-content">
  487.            <form class="form minisearch " id="search_mini_form"
  488.                  action="https://www.peaceandchaos.com/en/catalogsearch/result/" method="get">
  489.                <div class="field search">
  490.                    <label class="label" for="search" data-role="minisearch-label">
  491.                        <span>Search</span>
  492.                    </label>
  493.                    <div class="control">
  494.                        <input id="search"
  495.                                                           type="text"
  496.                               name="q"
  497.                               value=""
  498.                               placeholder="Search&#x20;for..."
  499.                               class="input-text"
  500.                               maxlength="128"
  501.                               role="combobox"
  502.                               aria-haspopup="false"
  503.                               aria-autocomplete="both"
  504.                               autocomplete="off"
  505.                               aria-expanded="false"/>
  506.                        <div id="search_autocomplete" class="search-autocomplete"></div>
  507.                        <div class="nested">
  508.    <a class="action advanced" href="https://www.peaceandchaos.com/en/catalogsearch/advanced/" data-action="advanced-search">
  509.        Advanced Search    </a>
  510. </div>
  511. <div class="mgs-instant-search-dropdown" data-bind="scope: 'instant_search_form'">
  512. <!-- ko template: getTemplate() --><!-- /ko -->
  513. </div>
  514. <script type="text/x-magento-init">
  515. {
  516. "*": {
  517. "Magento_Ui/js/core/app": {"components":{"instant_search_form":{"component":"MGS_InstantSearch\/js\/autocomplete","displayArea":"instant_search_form","children":{"steps":{"component":"uiComponent","displayArea":"steps","children":{"product":{"component":"MGS_InstantSearch\/js\/view\/product","sortOrder":0},"category":{"component":"MGS_InstantSearch\/js\/view\/category","sortOrder":0},"page":{"component":"MGS_InstantSearch\/js\/view\/cms\/page","sortOrder":0},"blog":{"component":"MGS_InstantSearch\/js\/view\/blog","sortOrder":0}}}},"config":{"textNoResult":"No Result"}},"autocompleteBindEvents":{"component":"MGS_InstantSearch\/js\/action\/bindEvents","config":{"searchFormSelector":"#search_mini_form","searchButtonSelector":"button.search","inputSelector":"#search, .minisearch input[type=\"text\"]","searchDelay":"500","url":"https:\/\/www.peaceandchaos.com\/en\/instantsearch\/result\/"}},"autocompleteDataProvider":{"component":"MGS_InstantSearch\/js\/action\/dataProvider","config":{"url":"https:\/\/www.peaceandchaos.com\/en\/instantsearch\/ajax\/result\/"}}}} }
  518. }
  519. </script>
  520. <script>
  521. window.instantSearch = {"result":{"product":{"data":[],"size":0,"url":""},"category":{"data":[],"size":0,"url":""},"page":{"data":[],"size":0,"url":""},"blog":{"data":[],"size":0,"url":""}}};
  522. </script>
  523.                    </div>
  524.                </div>
  525.                <div class="actions">
  526.                    <button type="submit"
  527.                            title="Search"
  528.                            class="action search"
  529.                            aria-label="Search"
  530.                    ><span>Search</span>
  531.                    </button>
  532.                </div>
  533.            </form>
  534.        </div>
  535.    </div>
  536.    <div class="actions-search">
  537.        <button class="action-search" onclick="showHideFormSearch()"><i class="pe-7s-search"></i></button>
  538.    </div>
  539. </div>
  540.  
  541. <script type="text/javascript">
  542.    function showHideFormSearch(){
  543.        require([
  544.            'jquery'
  545.        ], function(jQuery){
  546.            (function($) {
  547.                if($('.search-form').hasClass('not-full')){
  548.                    $('html').toggleClass('search-not-full');
  549.                }
  550.                $('html').toggleClass('search-open');
  551.                $('.page-wrapper .block-search').toggleClass('active');
  552.                setTimeout(focusSearchField, 500);
  553.            })(jQuery);
  554.        });
  555.    }
  556.  
  557.    function focusSearchField(){
  558.        require([
  559.            'jquery'
  560.        ], function(jQuery){
  561.            (function($) {
  562.                $('#search_mini_form input#search').focus();
  563.            })(jQuery);
  564.        });
  565.    }
  566. </script>
  567.                            
  568.                                                            <div class=" hidden-tb hidden-sm hidden-mb header-top-links">
  569.                                    <div class="actions">
  570.                                        <span class="action top-links theme-header-icon"><i
  571.                                                class="pe-7s-user"></i></span>
  572.                                    </div>
  573.                                    <div class="header-acccount">
  574. <div class="login-form logged-customer">
  575.    <button class="close-myaccount"><span class="icon-cross2"></span></button>
  576.    <ul class="header links"><li><a href="https://www.peaceandchaos.com/en/customer/account/" id="idmT2GKWL3" >My Account</a></li><li class="link wishlist cpap" data-bind="scope: 'wishlist'">
  577.    <a href="https://www.peaceandchaos.com/en/wishlist/">My Wish List        <!-- ko if: wishlist().counter -->
  578.        <span data-bind="text: wishlist().counter" class="counter qty"></span>
  579.        <!-- /ko -->
  580.    </a>
  581. </li>
  582. <script type="text/x-magento-init">
  583.    {
  584.        "*": {
  585.            "Magento_Ui/js/core/app": {
  586.                "components": {
  587.                    "wishlist": {
  588.                        "component": "Magento_Wishlist/js/view/wishlist"
  589.                    }
  590.                }
  591.            }
  592.        }
  593.    }
  594.  
  595. </script>
  596. <li class="link authorization-link" data-label="or">
  597.    <a href="https://www.peaceandchaos.com/en/customer/account/login/referer/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZW4v/"        >Sign In</a>
  598. </li>
  599. <li><a href="https://www.peaceandchaos.com/en/customer/account/create/" id="id6RCrEfF6" >Create an Account</a></li></ul></div>
  600. </div>
  601.                                </div>
  602.                            
  603.                                                            <div class=' hidden-tb hidden-sm hidden-mb'>
  604.                                    
  605. <div class="top-wishlist">
  606. <a  data-bind="scope: 'wishlist'" href="https://www.peaceandchaos.com/en/wishlist/">
  607. <span class="wishlist-icon icon-heart theme-header-icon cpap"></span>
  608. <!-- ko if: wishlist().counter -->
  609.        <span data-bind="text: wishlist().counter" class="counter qty"></span>
  610.        <!-- /ko -->
  611. </a>
  612.    <div class="block block-wishlist" data-bind="scope: 'wishlist'">
  613.        <h3 class="close-wishlist">
  614.            Wishlist            <button id="close-wishlist-site" class="close-wishlist-site">
  615.                <i class="close-cart pe-7s-close pa"></i>
  616.            </button>
  617.        </h3>
  618.  
  619. <!-- ko if: wishlist().counter -->
  620. <div class="block-content wishlist-sidebar-content">
  621.                <ol class="product-items no-display" id="wishlist-sidebar" data-bind="foreach: wishlist().items, css: {'no-display': null}">
  622.                    <li class="product-item">
  623.                        <div class="product-item-content">
  624.                            <a class="product-item-photo" data-bind="attr: { href: product_url, title: product_name }">
  625.                                <!-- ko template: {name: $data.image.template, data: $data.image} --><!-- /ko -->
  626.                            </a>
  627.                            <div class="product-item-details">
  628.                                <strong class="product-item-name">
  629.                                    <a data-bind="attr: { href: product_url }" class="product-item-link">
  630.                                        <span data-bind="text: product_name"></span>
  631.                                    </a>
  632.                                </strong>
  633.                                <div data-bind="html: product_price"></div>
  634.                                <div class="product-item-actions">
  635.                                    <!-- ko if: product_is_saleable_and_visible -->
  636.                                    <div class="actions-primary">
  637.                                        <!-- ko if: product_has_required_options -->
  638.                                        <a href="#" data-bind="attr: {'data-post': add_to_cart_params}" class="action tocart btn btn-primary btn-xs"><span>Add to Bag</span></a>
  639.                                        <!-- /ko -->
  640.                                        <!-- ko ifnot: product_has_required_options -->
  641.                                            <button type="button" class="action tocart btn btn-primary btn-xs" data-bind="attr: {'data-post': add_to_cart_params}"><span>Add to Bag</span></button>
  642.                                        <!-- /ko -->
  643.                                    </div>
  644.                                    <!-- /ko -->
  645.                                    <div class="actions-remove">
  646.                                        <a href="#"  data-bind="attr: {'data-post': delete_item_params}"
  647.                                           title="Remove This Item"
  648.                                           class="btn-remove action delete">
  649.                                            <i class="fa fa-trash"></i>
  650.                                        </a>
  651.                                    </div>
  652.                                </div>
  653.                            </div>
  654.                        </div>
  655.                    </li>
  656.                </ol>
  657.                <div class="actions-toolbar no-display" data-bind="css: {'no-display': null}">
  658.                    <div class="primary">
  659.                        <a class="action btn btn-dark btn-full details"
  660.                           href="https://www.peaceandchaos.com/en/wishlist/"
  661.                           title="View All Wish List"><span>View All Wish List</span></a>
  662.                    </div>
  663.                </div>
  664.        </div>
  665. <!-- /ko -->
  666. <!-- ko ifnot: wishlist().counter -->
  667. <div class="block-content empty">
  668. <div class="empty">You have no items in your wish list.</div>
  669. </div>
  670. <!-- /ko -->
  671.    </div>
  672. <script type="text/x-magento-init">
  673.    {
  674.        "*": {
  675.            "Magento_Ui/js/core/app": {
  676.                "components": {
  677.                    "wishlist": {
  678.                        "component": "Magento_Wishlist/js/view/wishlist"
  679.                    }
  680.                }
  681.            }
  682.        }
  683.    }
  684. </script>
  685. </div>
  686. <script type="text/x-magento-init">
  687.    {
  688.        "*": {
  689.            "Magento_Ui/js/core/app": {
  690.                "components": {
  691.                    "wishlist": {
  692.                        "component": "Magento_Wishlist/js/view/wishlist"
  693.                    }
  694.                }
  695.            }
  696.        }
  697.    }
  698.  
  699. </script>
  700.                                </div>
  701.                            
  702.                                                            
  703. <div data-block="minicart" class="minicart-wrapper">
  704.    <a class="action showcart" href="https://www.peaceandchaos.com/en/checkout/cart/"
  705.       data-bind="scope: 'minicart_content'">
  706.        <span class="text">My Cart</span>
  707.        <span class="counter qty empty"
  708.              data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() },
  709.               blockLoader: isLoading">
  710.            <!-- ko if: getCartParam('summary_count') -->
  711.                <span class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span>
  712.            <!-- /ko -->
  713.            <!-- ko ifnot: getCartParam('summary_count') -->
  714.                <span class="counter-number">0</span>
  715.            <!-- /ko -->
  716.            <span class="counter-label">
  717.            <!-- ko if: getCartParam('summary_count') -->
  718.                <!-- ko text: getCartParam('summary_count') --><!-- /ko -->
  719.                <!-- ko i18n: 'items' --><!-- /ko -->
  720.            <!-- /ko -->
  721.            </span>
  722.        </span>
  723.    </a>
  724.            <div class="block block-minicart"
  725.             data-role="dropdownDialog"
  726.             data-mage-init='{"dropdownDialog":{
  727.                "appendTo":"[data-block=minicart]",
  728.                "triggerTarget":".showcart",
  729.                "timeout": "2000",
  730.                "closeOnMouseLeave": false,
  731.                "closeOnEscape": true,
  732.                "triggerClass":"active",
  733.                "parentClass":"active",
  734.                "buttons":[]}}'>
  735.            <div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'">
  736.                <h3 class="close-minicart">
  737.                    Mini Cart                    <button id="close-minicart"><i class="close-cart pe-7s-close pa"></i></button>
  738.                </h3>
  739.                <!-- ko template: getTemplate() --><!-- /ko -->
  740.            </div>
  741.                    </div>
  742.        <script>window.checkout = {"shoppingCartUrl":"https:\/\/www.peaceandchaos.com\/en\/checkout\/cart\/","checkoutUrl":"https:\/\/www.peaceandchaos.com\/en\/onestepcheckout\/","updateItemQtyUrl":"https:\/\/www.peaceandchaos.com\/en\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/www.peaceandchaos.com\/en\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/www.peaceandchaos.com\/en\/","minicartMaxItemsVisible":5,"websiteId":"1","maxItemsToDisplay":10,"storeId":"1","storeGroupId":"1","customerLoginUrl":"https:\/\/www.peaceandchaos.com\/en\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZW4v\/","isRedirectRequired":false,"autocomplete":"off","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/www.peaceandchaos.com\/en\/captcha\/refresh\/","isRequired":false,"timestamp":1714160604}}}</script>    <script type="text/x-magento-init">
  743.    {
  744.        "[data-block='minicart']": {
  745.            "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":1,"display_cart_subtotal_excl_tax":0,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals"}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]}        },
  746.        "*": {
  747.            "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fstatic\u002Fversion1689665308\u002Ffrontend\u002FMgs\u002Fclaue_child\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
  748.        }
  749.    }
  750.    </script>
  751. </div>
  752.                            
  753. <!-- Softdesign  -->
  754. <div class="Chakra"><img src='https://www.peaceandchaos.com/static/version1689665308/frontend/Mgs/claue_child/en_US/Magento_Theme/images/chakra.png' alt="image-icon" width="40" height="20"></div>
  755. <!-- Softdesign  -->
  756.                        </div>
  757.                    </div>
  758.                </div>
  759.            </div>
  760.        </div>
  761.        
  762.  
  763.    
  764.    
  765.        <div id="section-toolbar-mobile" class="toolbar-mobile">
  766.        <div id="js_mobile_tabs" class="header-mobile-tabs--bottom">
  767.            <ul class="d-flex">
  768.                <li>
  769.                    <button class="action-mb-tabs" id="my-account-action" type="button">
  770.                        <span class="pe-7s-user"></span>
  771.                    </button>
  772.                </li>
  773.                                                        <li>
  774.                        <a href="https://www.peaceandchaos.com/en/wishlist/">
  775.                            <span class="pe-7s-like"></span>
  776.                            <span class="counter count-wl empty">0</span>
  777.                        </a>
  778.                    </li>
  779.                                <li>
  780.                    <a href=" https://www.peaceandchaos.com/en/" title="Homepage"><span class="pe-7s-home"></span>
  781.                    </a>
  782.                </li>
  783.                <li>
  784.                    <button data-bind="scope: 'minicart_content'" id="cart-top-action" type="button">
  785.                        <span class="pe-7s-shopbag"></span>
  786.                        <span class="counter qty empty"
  787.                              data-bind="css: { empty: !!getCartParam('summary_count') == false }, blockLoader: isLoading">
  788.     <span class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span>
  789.     </span>
  790.                    </button>
  791.                </li>
  792.                                    <li>
  793.                        <button class="action-mb-tabs" id="setting-web-action" type="button">
  794.                            <span class="pe-7s-config"></span>
  795.                        </button>
  796.                    </li>
  797.                            </ul>
  798.        </div>
  799.    </div>
  800.  
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809. </header><main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a>
  810. <div class="page messages"><div data-placeholder="messages"></div>
  811. <div data-bind="scope: 'messages'">
  812.    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
  813.    <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
  814.        <div data-bind="attr: {
  815.            class: 'message-' + message.type + ' ' + message.type + ' message',
  816.            'data-ui-id': 'message-' + message.type
  817.        }">
  818.            <div data-bind="html: $parent.prepareMessageForHtml(message.text), afterRender: $parent.bindStockCss()">
  819.            </div>
  820.        </div>
  821.    </div>
  822.    <!-- /ko -->
  823.  
  824.    <!-- ko if: messages().messages && messages().messages.length > 0 -->
  825.    <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages">
  826.        <div data-bind="attr: {
  827.            class: 'message-' + message.type + ' ' + message.type + ' message',
  828.            'data-ui-id': 'message-' + message.type
  829.        }">
  830.            <div data-bind="html: $parent.prepareMessageForHtml(message.text), afterRender: $parent.bindStockCss()">
  831.            </div>
  832.        </div>
  833.    </div>
  834.    <!-- /ko -->
  835. </div>
  836. <script type="text/x-magento-init">
  837.    {
  838.        "*": {
  839.            "Magento_Ui/js/core/app": {
  840.                "components": {
  841.                        "messages": {
  842.                            "component": "Magento_Theme/js/view/messages"
  843.                        }
  844.                    }
  845.                }
  846.            }
  847.    }
  848. </script>
  849. </div><div class="columns"><div class="column main"><input name="form_key" type="hidden" value="iSgohdAjPmaIUSHx" /><div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}">
  850.        <script>window.authenticationPopup = {"autocomplete":"off","customerRegisterUrl":"https:\/\/www.peaceandchaos.com\/en\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/www.peaceandchaos.com\/en\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/www.peaceandchaos.com\/en\/"}</script>    <!-- ko template: getTemplate() --><!-- /ko -->
  851.    <script type="text/x-magento-init">
  852.        {
  853.            "#authenticationPopup": {
  854.                "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"},"captcha":{"component":"Magento_Captcha\/js\/view\/checkout\/loginCaptcha","displayArea":"additional-login-form-fields","formId":"user_login","configSource":"checkout"}}}}}            },
  855.            "*": {
  856.                "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fstatic\u002Fversion1689665308\u002Ffrontend\u002FMgs\u002Fclaue_child\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
  857.            }
  858.        }
  859.    </script>
  860. </div>
  861. <script type="text/x-magento-init">
  862.    {
  863.        "*": {
  864.            "Magento_Customer/js/section-config": {
  865.                "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages","apptrian_facebook_pixel_matching_section"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha","customer"],"catalog\/product_compare\/add":["compare-products","gtm"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart"],"sales\/order\/reorder":["cart"],"checkout\/cart\/add":["cart","directory-data","gtm"],"checkout\/cart\/delete":["cart","gtm"],"checkout\/cart\/updatepost":["cart"],"checkout\/cart\/updateitemoptions":["cart"],"checkout\/cart\/couponpost":["cart"],"checkout\/cart\/estimatepost":["cart"],"checkout\/cart\/estimateupdatepost":["cart"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items"],"checkout\/sidebar\/removeitem":["cart","gtm"],"checkout\/sidebar\/updateitemqty":["cart"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase","one-step-checkout-data","gtm"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","one-step-checkout-data","gtm"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","one-step-checkout-data"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase","one-step-checkout-data"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"multishipping\/checkout\/overviewpost":["cart"],"paypal\/express\/placeorder":["cart","checkout-data"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data"],"paypal\/express\/onauthorization":["cart","checkout-data"],"persistent\/index\/unsetcookie":["persistent"],"review\/product\/post":["review"],"wishlist\/index\/add":["wishlist","gtm"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart","gtm"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart","gtm"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"ajaxcart\/index\/updatecart":["cart"],"onestepchekout\/customer_ajax\/register":["checkout-data","cart","customer"],"rest\/*\/v1\/carts\/*\/update-item":["cart","checkout-data"],"rest\/*\/v1\/guest-carts\/*\/update-item":["cart","checkout-data"],"rest\/*\/v1\/guest-carts\/*\/remove-item":["cart","checkout-data"],"rest\/*\/v1\/carts\/*\/remove-item":["cart","checkout-data"],"braintree\/paypal\/placeorder":["cart","checkout-data"],"braintree\/googlepay\/placeorder":["cart","checkout-data"],"checkout\/cart\/configure":["gtm"],"rest\/*\/v1\/guest-carts\/*\/shipping-information":["gtm"],"rest\/*\/v1\/carts\/*\/shipping-information":["gtm"]},
  866.                "clientSideSections": ["checkout-data","cart-data","one-step-checkout-data"],
  867.                "baseUrls": ["https:\/\/www.peaceandchaos.com\/en\/"],
  868.                "sectionNames": ["messages","customer","compare-products","last-ordered-items","cart","directory-data","captcha","instant-purchase","loggedAsCustomer","persistent","review","wishlist","apptrian_facebook_pixel_matching_section","gtm","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"]            }
  869.        }
  870.    }
  871. </script>
  872. <script type="text/x-magento-init">
  873.    {
  874.        "*": {
  875.            "Magento_Customer/js/customer-data": {
  876.                "sectionLoadUrl": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fen\u002Fcustomer\u002Fsection\u002Fload\u002F",
  877.                "expirableSectionLifetime": 60,
  878.                "expirableSectionNames": ["cart","persistent"],
  879.                "cookieLifeTime": "3600",
  880.                "updateSessionUrl": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fen\u002Fcustomer\u002Faccount\u002FupdateSession\u002F"
  881.            }
  882.        }
  883.    }
  884. </script>
  885. <script type="text/x-magento-init">
  886.    {
  887.        "*": {
  888.            "Magento_Customer/js/invalidation-processor": {
  889.                "invalidationRules": {
  890.                    "website-rule": {
  891.                        "Magento_Customer/js/invalidation-rules/website-rule": {
  892.                            "scopeConfig": {
  893.                                "websiteId": "1"
  894.                            }
  895.                        }
  896.                    }
  897.                }
  898.            }
  899.        }
  900.    }
  901. </script>
  902. <script type="text/x-magento-init">
  903.    {
  904.        "body": {
  905.            "pageCache": {"url":"https:\/\/www.peaceandchaos.com\/en\/page_cache\/block\/render\/","handles":["default","cms_index_index","cms_page_view","cms_index_index_id_home","instant_search"],"originalRequest":{"route":"cms","controller":"index","action":"index","uri":"\/"},"versionCookieName":"private_content_version"}        }
  906.    }
  907. </script>
  908. <div id="monkey_campaign" style="display:none;"
  909.     data-mage-init='{"campaigncatcher":{"checkCampaignUrl": "https://www.peaceandchaos.com/en/mailchimp/campaign/check/"}}'>
  910. </div><script type="text/javascript">
  911. require([
  912. "jquery"
  913. ], function(jQuery){
  914. (function($) {
  915. $(document).ready(function () {
  916. if($('.pin__type').length && $(window).width() > 767){
  917. $('.lookbook-container .pin__type .pin-label').click(function(){
  918. $('.lookbook-container .pin__type .pin__popup').removeClass('pin__opened');
  919. $(this).parent().find('> .pin__popup').toggleClass('pin__opened');
  920. $(this).parent().parent().find('> .pin__image').addClass('pm-mask');
  921. });
  922. $('.lookbook-container .pin__type > .pin_close').click(function(){
  923. $(this).parent().find('> .pin__popup').removeClass('pin__opened');
  924. $(this).parent().parent().find('> .pin__image').removeClass('pm-mask');
  925. });
  926. $('.lookbook-container .pin__image').click(function(){
  927. $('.lookbook-container .pin__type > .pin__popup').removeClass('pin__opened');
  928. $(this).removeClass('pm-mask');
  929. });
  930. }
  931. });
  932. })(jQuery);
  933. });
  934. </script>
  935.  
  936.  
  937. <script type="text/javascript">
  938.    requirejs([
  939.        'jquery',
  940.        'domReady!',
  941.        'aQuickView'
  942.    ], function($){
  943. if ($(window).width() <= 767){
  944. $('#loading_overlay').removeClass('loading');
  945. $(document).ready(function(){
  946. includeQuickviewAction($);
  947. });
  948.  
  949. $(document).on('click','.lookbook-container .pin__type .pin-label',function(e){
  950. lookBookPro = $(this).attr("data-href") ? 1 : 0;
  951. if(lookBookPro) {
  952. e.preventDefault();
  953. if($('body.catalog-product-view').size() > 0){
  954. $('body').addClass('origin-catalog-product-view');
  955. }else {
  956. $('body').addClass('catalog-product-view');
  957. }
  958. $('#loading_overlay').addClass('loading');
  959. var widgetQv = $(this).aQuickView();
  960. var url = $(this).attr('data-href');
  961. var id = $(this).attr('data-productid');
  962. widgetQv.aQuickView('productQuickView',url, id);
  963. }
  964. });
  965. }        
  966.    });
  967.  
  968. </script>
  969. <div class="section-builder  no-padding-col section-builder-full" style=""><div class="frame no-padding"><div class="line"><div class="col-des-12"><div class="line"><div class="panel-block-row  panel-block col-des-12 block186 col-tb-12 col-mb-12"><div style=" margin-bottom:5px;">
  970.    
  971.    <div id="page-header-sliders" class="page-header-sliders template-1">
  972.        <div id="mgs-slider-5095769191714160604" class="slider_mgs_carousel owl-carousel mgs-carousel-single mgs-owl-carousel nav-type-font nav-position-middle-inside dot-position-center">
  973.            <div data-text-position="middle" data-text-animate="" data-text-align="text-align-left" class="item text-align-left"><a class="item-image" href="https://www.peaceandchaos.com/en/new-collection" style="background-image:url(https://www.peaceandchaos.com/media/wysiwyg/slider/MAIN-BANNER_3.jpg)"><img class="img-responsive" src="https://www.peaceandchaos.com/media/wysiwyg/slider/MAIN-BANNER_3.jpg" alt=""></a><div class="slide-text middle"></div></div>        </div>
  974.  
  975.  
  976.    </div>
  977.  
  978. <script type="text/javascript">
  979. require([
  980. 'jquery',
  981. 'mgsowlcarousel'
  982. ], function(jQuery){
  983. (function($) {
  984. $(document).ready(function(){
  985. $("#mgs-slider-5095769191714160604").owlCarousel({
  986. items: 1,
  987. loop: true,
  988. nav: false,
  989. dots: false,
  990. autoplayTimeout: 5000,
  991. rtl: false,
  992. autoplay: true,
  993. autoplayHoverPause: false,
  994. navText: ["<span><em class='fa fa-angle-left'></em></span>", "<span><em class='fa fa-angle-right'></em></span>"],
  995. margin: 0,
  996. autoHeight:true,
  997. onInitialized: function(){
  998. $("#page-header-sliders").addClass('loaded');
  999. },
  1000. responsive:{
  1001. 0:{
  1002. items: 1,
  1003. nav: false
  1004. },
  1005. 767:{
  1006. items: 1,
  1007. nav: false
  1008. },
  1009. 992:{
  1010. items: 1,
  1011. nav: false }
  1012. }
  1013. });
  1014. });
  1015.  
  1016.  
  1017. })(jQuery);
  1018. });
  1019. </script>
  1020. </div></div><div class="panel-block-row  panel-block col-des-12 block188 col-tb-12 col-mb-12"><div style=" margin-bottom:5px;">
  1021.    
  1022.    <div id="page-header-sliders" class="page-header-sliders template-1">
  1023.        <div id="mgs-slider-5151243331714160604" class="slider_mgs_carousel owl-carousel mgs-carousel-single mgs-owl-carousel nav-type-font nav-position-middle-inside dot-position-center">
  1024.            <div data-text-position="middle" data-text-animate="" data-text-align="text-align-left" class="item text-align-left"><a class="item-image" href="https://www.peaceandchaos.com/en/new-collection" style="background-image:url(https://www.peaceandchaos.com/media/wysiwyg/slider/Quote-BANNER_1.jpg)"><img class="img-responsive" src="https://www.peaceandchaos.com/media/wysiwyg/slider/Quote-BANNER_1.jpg" alt=""></a><div class="slide-text middle"></div></div>        </div>
  1025.  
  1026.  
  1027.    </div>
  1028.  
  1029. <script type="text/javascript">
  1030. require([
  1031. 'jquery',
  1032. 'mgsowlcarousel'
  1033. ], function(jQuery){
  1034. (function($) {
  1035. $(document).ready(function(){
  1036. $("#mgs-slider-5151243331714160604").owlCarousel({
  1037. items: 1,
  1038. loop: false,
  1039. nav: false,
  1040. dots: false,
  1041. autoplayTimeout: 3000,
  1042. rtl: false,
  1043. autoplay: false,
  1044. autoplayHoverPause: false,
  1045. navText: ["<span><em class='fa fa-angle-left'></em></span>", "<span><em class='fa fa-angle-right'></em></span>"],
  1046. margin: 0,
  1047. autoHeight:true,
  1048. onInitialized: function(){
  1049. $("#page-header-sliders").addClass('loaded');
  1050. },
  1051. responsive:{
  1052. 0:{
  1053. items: 1,
  1054. nav: false
  1055. },
  1056. 767:{
  1057. items: 1,
  1058. nav: false
  1059. },
  1060. 992:{
  1061. items: 1,
  1062. nav: false }
  1063. }
  1064. });
  1065. });
  1066.  
  1067.  
  1068. })(jQuery);
  1069. });
  1070. </script>
  1071. </div></div></div></div></div></div></div><div class="section-builder  no-padding-col section-builder-full" style=" padding-bottom:10px;"><div class="frame no-padding"><div class="line"><div class="col-des-4 col-tb-12 col-mb-12 "><div class="line"><div class="panel-block-row  panel-block col-des-12 block191 col-tb-12 col-mb-12"><div style=""><div class="content-block mgs-image-block">
  1072.                                <div class="image-content">
  1073.                <span class="span-container">
  1074.                                            <a href="https://www.peaceandchaos.com/en/new-collection/dresses">
  1075.                                        
  1076.                    <img src="https://www.peaceandchaos.com/media/mgs/fbuilder/images/b/a/banner-a.jpg" alt=" " />
  1077.                                            </a>
  1078.                                    </span>
  1079.            </div>
  1080.            </div>
  1081.  
  1082.  
  1083.  
  1084. </div></div></div></div><div class="col-des-4 col-tb-12 col-mb-12 "><div class="line"><div class="panel-block-row  panel-block col-des-12 block192 col-tb-12 col-mb-12"><div style=""><div class="content-block mgs-image-block">
  1085.                                <div class="image-content">
  1086.                <span class="span-container">
  1087.                                            <a href="https://www.peaceandchaos.com/en/new-collection/sets">
  1088.                                        
  1089.                    <img src="https://www.peaceandchaos.com/media/mgs/fbuilder/images/b/a/banner-b.jpg" alt=" " />
  1090.                                            </a>
  1091.                                    </span>
  1092.            </div>
  1093.            </div>
  1094.  
  1095.  
  1096.  
  1097. </div></div></div></div><div class="col-des-4 col-tb-12 col-mb-12 "><div class="line"><div class="panel-block-row  panel-block col-des-12 block193 col-tb-12 col-mb-12"><div style=""><div class="content-block mgs-image-block">
  1098.                                <div class="image-content">
  1099.                <span class="span-container">
  1100.                                            <a href="https://www.peaceandchaos.com/en/new-collection/swimwear">
  1101.                                        
  1102.                    <img src="https://www.peaceandchaos.com/media/mgs/fbuilder/images/b/a/banner-c.jpg" alt=" " />
  1103.                                            </a>
  1104.                                    </span>
  1105.            </div>
  1106.            </div>
  1107.  
  1108.  
  1109.  
  1110. </div></div></div></div></div></div></div><div class="section-builder  section-builder-full" style=" padding-top:30px;"><div class="frame no-padding"><div class="line"><div class="col-des-3 col-tb-12 col-mb-12 "><div class="line"></div></div><div class="col-des-3 col-tb-12 col-mb-12 "><div class="line"></div></div><div class="col-des-3 col-tb-12 col-mb-12 "><div class="line"></div></div><div class="col-des-3 col-tb-12 col-mb-12 "><div class="line"></div></div></div></div></div><div class="section-builder  section-builder-full" style=" padding-top:30px;"><div class="frame no-padding"><div class="line"><div class="col-des-12"><div class="line"><div class="panel-block-row  panel-block col-des-12 block204 col-tb-12 col-mb-12"><div style=""><div class="content-block instagram-block" style="margin-top:30px;">
  1111. <div class="content-heading">
  1112. <h3 class="title">FOLLOW US @<a target="_blank"style="color: #000;" href="https://www.instagram.com/accounts/login/?next=/peaceandchaosclothing/">PeaceAndChaosClothing</a></h3>
  1113. </div></div></div></div></div></div></div></div></div></div></main><div class="page-bottom"><div class="content"><script type="text/x-magento-init">
  1114.    {
  1115.        "[data-role=tocart-form], .form.map.checkout": {
  1116.            "Magento_Catalog/product/view/validation": {
  1117.                "radioCheckboxClosest": ".nested"
  1118.            }
  1119.        }
  1120.    }
  1121. </script>
  1122. <script type="text/x-magento-init">
  1123.    {
  1124.        "[data-role=tocart-form], .form.map.checkout": {
  1125.            "catalogAddToCart": {}
  1126.        }
  1127.    }
  1128. </script>
  1129. <script type="text/x-magento-init">
  1130.    {
  1131.        ".product-item-actions button.action.tocart": {
  1132.            "widgetAddToCart": {
  1133.                "formKey": "iSgohdAjPmaIUSHx"            }
  1134.        }
  1135.    }
  1136. </script>
  1137. <script>
  1138.    require([
  1139.        'jquery',
  1140.        'mage/mage'
  1141.    ], function($, widgetAddToCart) {
  1142.        $(document).ajaxComplete(function(event, xhr) {
  1143.            if (xhr.responseText) {
  1144.                try {
  1145.                    eval("var json = " + xhr.responseText + " || {}");
  1146.                } catch (e) {
  1147.                    return;
  1148.                }
  1149.            }
  1150.        });
  1151.    });
  1152. </script><script>
  1153. var ajaxCartConfig = {"updateCartUrl":"https:\/\/www.peaceandchaos.com\/en\/ajaxcart\/index\/updatecart\/","redirectCartUrl":"https:\/\/www.peaceandchaos.com\/en\/checkout\/cart\/","animationType":true};
  1154.    require([
  1155.        'jquery',
  1156.        'MGS_AjaxCart/js/config'
  1157.    ], function($, mgsConfig) {
  1158.        mgsConfig.setOptions(ajaxCartConfig);
  1159.    });
  1160. </script>
  1161.    <div class="mpinstagramfeed-container">
  1162.        <div class="mpinstagramfeed-header">
  1163.            <h3></h3>
  1164.            <div></div>
  1165.        </div>
  1166.        <div id="mpinstagramfeed-photos--662c03dcd7263" class="row shuffle"></div>
  1167.    </div>
  1168.    <style type="text/css">
  1169.        #mpinstagramfeed-photos--662c03dcd7263 .mpinstagramfeed-photo {
  1170.            width: calc(16.666666666667% - 4px);
  1171.        }
  1172.        .mpinstagramfeed-container .mpinstagramfeed-photo .mpinstagramfeed-post-caption {
  1173.            font-size: 14px;
  1174.        }
  1175.        @media (max-width: 767px) {
  1176.            .mpinstagramfeed-container #mpinstagramfeed-photos--662c03dcd7263 .mpinstagramfeed-photo {
  1177.                width: 100%;
  1178.            }
  1179.            .mpinstagramfeed-container #mpinstagramfeed-photos--662c03dcd7263 .mpinstagramfeed-photo.shuffle-item {
  1180.                width: auto;
  1181.            }
  1182.        }
  1183.        @media (min-width: 767px) and (max-width: 1024px) {
  1184.            .mpinstagramfeed-container #mpinstagramfeed-photos--662c03dcd7263 .mpinstagramfeed-photo {
  1185.                width: 30%;
  1186.            }
  1187.            .mpinstagramfeed-container #mpinstagramfeed-photos--662c03dcd7263 .mpinstagramfeed-photo.shuffle-item {
  1188.                width: auto;
  1189.            }
  1190.        }
  1191.    </style>
  1192.    <script type="text/x-magento-init">
  1193.    {
  1194.        "#mpinstagramfeed-photos--662c03dcd7263": {
  1195.            "mageplaza/instagram": {
  1196.                "id": "-662c03dcd7263",
  1197.                "token": "IGQVJWRzVzWm1UVEVVaHFLazAwb295N2p1NllOWVVTeWxWZAnlKNXRlZAlNRbUhjSVZAZAeGVRVmhlZA1RrX1ZAVQWhaeWFDT3cxNFBaamJNTVl5NDZAZARGJadUNuRDY2UHQyTk5jc1p2MGE2ODA1M0dMbjI5RQZDZD",
  1198.                "count": "6",
  1199.                "layout": "single",
  1200.                "show_caption": "1",
  1201.                "show_popup": "0"
  1202.            }
  1203.        }
  1204.    }
  1205.    </script>
  1206. </div></div><footer class="page-footer"><div class="footer content">
  1207. <div class="footer-container footer1 ">
  1208. <div class="middle-footer">
  1209. <div class="frame">
  1210. <div class="line">
  1211.                    <div class="col-des-3 col-tb-6 col-mb-12">
  1212.                        <!-- Static block: footer_contact_us -->
  1213.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="margin-bottom25"><a href="https://www.peaceandchaos.com/en/"><img src="https://www.peaceandchaos.com/media/wysiwyg/pac_logo.png" alt="Peace&chaos" width="145"></a></div>
  1214. <ul class="list-icon">
  1215. <li><span class="theme-footer-icon icon pe-7s-map-marker">&nbsp;</span>Dervenion 30 , Metamorfosi<br>Athens, 14451, Greece</li>
  1216. <li><span class="theme-footer-icon icon pe-7s-mail">&nbsp;</span><a href="mailto:info@peaceandchaos.com">info@peaceandchaos.com</a></li>
  1217. <li><span class="theme-footer-icon icon pe-7s-mail">&nbsp;</span><a href="mailto:sales@peaceandchaos.com">sales@peaceandchaos.com</a></li>
  1218. <li><span class="theme-footer-icon icon pe-7s-call">&nbsp;</span> <a href="tel:+30 211 408 9197">+30 211 408 9197</a></li>
  1219. </ul>
  1220. <p>G.E.MI 132256801000</p>
  1221. <ul class="social-link margin-top15">
  1222. <li><a target="_blank" href="https://www.instagram.com/peaceandchaosclothing/">&nbsp;<span class="fa fa-instagram">&nbsp;</span></a></li>
  1223. <li><a target="_blank" href="https://www.facebook.com/pages/category/Clothing--Brand-/Peace-Chaos-417832371603030/">&nbsp;<span class="fa fa-facebook">&nbsp;</span></a></li>
  1224. <li><a target="_blank" href="https://www.youtube.com/channel/UCkQM9DOZ3m96UhUxLNz7uCA">&nbsp;<span class="fa fa-youtube">&nbsp;</span></a></li>
  1225. </ul></div><!--Identifier: footer1_contact_us, Block Id: 95-->                                            </div>
  1226.                    <div class="col-des-3 col-tb-6 col-mb-12">
  1227.                        <!-- Static block: footer_block_infomation -->
  1228.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h6 class="margin-bottom30">Information</h6>
  1229. <ul class="menu">
  1230. <li><a href="https://www.peaceandchaos.com/en/terms">Terms & Conditions</a></li>
  1231. <li><a href="https://www.peaceandchaos.com/en/cookies-policy">Cookies Policy</a></li>
  1232. <li><a href="https://www.peaceandchaos.com/en/privacy-policy">Privacy Policy</a></li>
  1233. <li><a href="https://www.peaceandchaos.com/en/payment-methods">Payment Methods </a></li>
  1234. <li><a href="https://www.peaceandchaos.com/en/shipping-methods">Shipping Methods </a></li>
  1235. <li><a href="https://www.peaceandchaos.com/en/return-policy">Return Policy </a></li>
  1236. <li><a href="https://www.peaceandchaos.com/en/return-form">Return Form</a></li>
  1237. <li><a href="https://www.peaceandchaos.com/en/contact">Contact us</a></li>
  1238. </ul></div><!--Identifier: footer_block_categories1, Block Id: 100-->                    </div>
  1239.                    <div class="col-des-3 col-tb-6 col-mb-12">
  1240.                        <!-- Static block: footer_block_quick_link -->
  1241.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h6 class="margin-bottom30">Menu</h6>
  1242. <ul class="menu">
  1243. <li><a href="https://www.peaceandchaos.com/en/by-collection">New Collection</a></li>
  1244. <li><a href="https://www.peaceandchaos.com/en/our-campaign">Campaigns</a></li>
  1245. <li><a href="https://www.peaceandchaos.com/en/this-is-us">This is us</a></li>
  1246. <li><a href="https://www.peaceandchaos.com/en/blog">Blog</a></li>
  1247. <li><a href="https://www.peaceandchaos.com/en/outlet">Sales</a></li>
  1248. <li><a href="/storelocator">Boutiques</a></li>
  1249. </ul></div><!--Identifier: footer_block_quick_link, Block Id: 97-->                    </div>
  1250.                    <div class="col-des-3 col-tb-6 col-mb-12">
  1251.                        <!-- Static block: footer_block_subscribe -->
  1252.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p>Sign up to our newsletter to receive our latest trends, special projects and our exclusive offers</p>
  1253. <div><div class="block newsletter">
  1254.    <div class="content">
  1255.        <form class="form subscribe" novalidate action="https://www.peaceandchaos.com/en/newsletter/subscriber/new/" method="post" data-mage-init='{"validation": {"errorClass": "mage-error"}}' id="newsletter-validate-detail-footer">
  1256.            <div class="field form-group newsletter">
  1257.                <div class="control">
  1258.                    <input name="email" type="email" id="newsletter-footer" placeholder="Your email address" data-validate="{required:true, 'validate-email':true}">
  1259.                </div>
  1260.            </div>
  1261.            <div class="actions">
  1262.                <button class="action subscribe btn btn-primary btn-sm" title="Subscribe" type="submit">
  1263.                    <span>Subscribe</span>
  1264.                </button>
  1265.            </div>
  1266.        </form>
  1267.    </div>
  1268. </div>
  1269. </div>
  1270. <p style="margin-top:1.3em;">By submitting this form, I hereby confirm that I have read and agree to the Privacy Policy</p></div><!--Identifier: footer_block_subscribe, Block Id: 98-->                    </div>
  1271. </div>
  1272. </div>
  1273. </div>
  1274. <div class="bottom-footer">
  1275. <div class="frame">
  1276.                <div class="line">
  1277.                    <div class="col-des-6 col-tb-12 col-mb-12 copyright">
  1278.                        <address>
  1279.                                                            Copyright © 2023 - Web Development by <a target="_blank"href="https://www.softdesign.gr/"> Soft Design Ltd</a>. All rights reserved.                                                    </address>
  1280.                    </div>
  1281.                    <div class="col-des-6 col-tb-12 col-mb-12">
  1282.                        <!-- Static block: footer_block_menu_bottom -->
  1283.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="Bank_icons" style="padding-right: 100px; padding-left: 100px;">
  1284. <ul>
  1285. <li><img src="https://www.peaceandchaos.com/media/wysiwyg/p_c_footer_icons.jpg" alt="" /></li>
  1286. </ul>
  1287. </div></div><!--Identifier: footer_block_menu_bottom, Block Id: 99-->                    </div>
  1288.                </div>
  1289.            </div>
  1290. </div>
  1291. </div>
  1292. </div>
  1293. </footer> <script type="text/x-magento-init">
  1294. {
  1295. "[data-role=tocart-form], .form.map.checkout": {
  1296. "catalogAddToCart": {}
  1297. }
  1298. }
  1299. </script>
  1300.  
  1301. <div class="mfp-wrap mfp-close-btn-in mfp-auto-cursor mfp-ready" id="mgs-ajax-loading">
  1302. <div class="mfp-bg mfp-ready"></div>
  1303. <div class="preloader"></div>
  1304. </div><script type="text/javascript">
  1305. function toggleEl(el, elId){
  1306. require([
  1307. 'jquery',
  1308. ], function(jQuery){
  1309. (function($) {
  1310. $('#'+elId).toggleClass('active');
  1311. $(el).toggleClass('active');
  1312.                $('#'+elId).parent().toggleClass('is-active');
  1313. })(jQuery);
  1314. });
  1315. }
  1316. </script>
  1317. <script type="text/x-magento-init">
  1318.        {
  1319.            "*": {
  1320.                "Magento_Ui/js/core/app": {
  1321.                    "components": {
  1322.                        "storage-manager": {
  1323.                            "component": "Magento_Catalog/js/storage-manager",
  1324.                            "appendTo": "",
  1325.                            "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/www.peaceandchaos.com\/en\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/www.peaceandchaos.com\/en\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/www.peaceandchaos.com\/en\/rest\/en\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/www.peaceandchaos.com\/en\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":null}}                        }
  1326.                    }
  1327.                }
  1328.            }
  1329.        }
  1330. </script>
  1331.  
  1332. <a href="#" class="scroll-to-top"><i class="fa fa-arrow-up"></i></a>
  1333. <script type="text/javascript">
  1334. require([
  1335. 'jquery'
  1336. ], function(jQuery){
  1337. (function($) {
  1338. $(window).scroll(function(){
  1339. if ($(this).scrollTop() > 1) {
  1340. $('.scroll-to-top').css({bottom:"25px",opacity: 1});
  1341. } else {
  1342. $('.scroll-to-top').css({bottom:"-45px",opacity: 0});
  1343. }
  1344. });
  1345.  
  1346. $('.scroll-to-top').click(function(){
  1347. $('html, body').animate({scrollTop: '0px'}, 800);
  1348. return false;
  1349. });
  1350. })(jQuery);
  1351. });
  1352. </script>
  1353.  
  1354. <script type="text/javascript">
  1355. require(['jquery','mlazyload'],function($){
  1356. $(document).ready(function() {
  1357. $("img.lazy").unveil(25, function(){
  1358. var self = $(this);
  1359. setTimeout(function(){
  1360. self.removeClass('lazy');
  1361. }, 0);
  1362. });
  1363. });
  1364.  
  1365. });
  1366. </script>
  1367.  
  1368. <div style="display:none">
  1369. <div class="newsletter_popup" id="newsletter-popup" style="width: 600px;">
  1370. <button class="action-close" data-role="closeBtn" type="button">
  1371. <span>Close</span>
  1372.            </button>
  1373. <div class="block-popup-subscribe">
  1374. <div class="block-popup-top">
  1375.                    <div class="pop-sletter-title" style="background-image: url(https://www.peaceandchaos.com/media/mgs/setting/default/SUBSCRIPTION_5.jpg);">
  1376.                        <h4>
  1377.                                                            Sign up Newsletter                                                    </h4>
  1378.                    </div>
  1379. <div class="newsletter-popup-content">
  1380. Subscribe to our newsletters and don't miss new arrivals, the latest fashion updates and our promotions. </div>
  1381. <div class="newsletter-popup-form">
  1382. <div class="content">
  1383. <form class="form subscribe" novalidate action="https://www.peaceandchaos.com/en/newsletter/subscriber/new/" method="post" data-mage-init='{"validation": {"errorClass": "mage-error"}}' id="newsletter-popup-validate-detail">
  1384. <div class="field form-group newsletter">
  1385. <div class="control">
  1386. <input name="email" type="email" id="newsletter-popup-email" placeholder="Enter your email address" data-validate="{required:true, 'validate-email':true}"/>
  1387. </div>
  1388. </div>
  1389.  
  1390. <div class="actions">
  1391. <button class="action subscribe btn btn-secondary btn-full" title="Subscribe" type="submit">
  1392. <span>Subscribe</span>
  1393. </button>
  1394. </div>
  1395. </form>
  1396. </div>
  1397.  
  1398. </div>
  1399.                     <div class="checkbox dont-show-popup">
  1400. <label for="dont_show">
  1401. <input id="dont_show" onclick="dontShowPopup('dont_show')" type="checkbox">
  1402. Don't show this popup again </label>
  1403. </div>
  1404. </div>
  1405. </div>
  1406. </div>
  1407. </div>
  1408.  
  1409. <script type="text/javascript">
  1410. require(
  1411. [
  1412. 'jquery',
  1413. 'Magento_Ui/js/modal/modal'
  1414. ],
  1415. function( $, modal ) {
  1416. $(window).load(function () {
  1417. if(getCookie('newsletterpopup')!='nevershow'){
  1418. if ($('#newsletter-popup').length) {
  1419. var options = {
  1420. type: 'popup',
  1421. modalClass: 'modal_newsletter_popup',
  1422. responsive: true,
  1423. innerScroll: true,
  1424. title: '',
  1425. buttons: []
  1426. };
  1427.                                var newsletterPopup = modal(options, $('#newsletter-popup'));
  1428.                                                                    $('#newsletter-popup').trigger('openModal');
  1429.                                 }
  1430. }
  1431.  
  1432. });
  1433. });
  1434. function getCookie(cname) {
  1435. var name = cname + "=";
  1436. var ca = document.cookie.split(';');
  1437. for(var i=0; i<ca.length; i++) {
  1438. var c = ca[i];
  1439. while (c.charAt(0)==' ') c = c.substring(1);
  1440. if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
  1441. }
  1442. return "";
  1443. }
  1444.  
  1445. function dontShowPopup(el){
  1446. require(
  1447. [
  1448. 'jquery'
  1449. ],
  1450. function( $ ) {
  1451. if($('#'+el).prop('checked')) {
  1452. var d = new Date();
  1453. //d.setTime(d.getTime() + (24*60*60*1000*365));
  1454. d.setTime(d.getTime() + (24*60*60*1000));
  1455. var expires = "expires="+d.toUTCString();
  1456. document.cookie = 'newsletterpopup' + "=" + 'nevershow' + "; " + expires;
  1457. } else {
  1458. document.cookie = 'newsletterpopup' + "= ''; -1";
  1459. }
  1460. });
  1461. }
  1462. </script>
  1463.  
  1464. <script>
  1465. require([
  1466.    'jquery',
  1467.    'mage/url'
  1468. ], function ($, mageUrl) {
  1469.    
  1470.    function getUserData()
  1471.    {
  1472.        var sectionUrl = 'https://www.peaceandchaos.com/en/customer/section/load';
  1473.        
  1474.        $.ajax({
  1475.            url: sectionUrl,
  1476.            data: {
  1477.                sections: "apptrian_facebook_pixel_matching_section"
  1478.            },
  1479.            type: "GET",
  1480.            dataType : "json"
  1481.        })
  1482.        .done(function( json ) {
  1483.            var result = json.apptrian_facebook_pixel_matching_section.matching_data;
  1484.        });
  1485.    }
  1486.    
  1487.    getUserData();
  1488.    
  1489. });
  1490. </script>
  1491.  
  1492. <!-- Facebook Pixel Code -->
  1493. <script>
  1494.    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  1495. n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  1496. n.push=n;n.loaded=!0;n.version='2.0';n.agent='dvapptrian';n.queue=[];
  1497. t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];
  1498. s.parentNode.insertBefore(t,s)}(window,
  1499. document,'script','https://connect.facebook.net/en_US/fbevents.js');
  1500.            
  1501. require([
  1502.    'jquery',
  1503.    'underscore',
  1504.    'mage/url',
  1505.    'mage/cookies'
  1506. ], function ($, _, mageUrl) {
  1507.    $(function () {
  1508.        var propagationStop = 0;
  1509.        
  1510.        $(document).on('ajaxComplete', function (event, xhr, settings) {
  1511.            
  1512.            var userData = {};
  1513.            var apptrianFacebookPixelUrl="https://www.peaceandchaos.com/en/";                                                
  1514.            function isEmpty(obj) {
  1515.                for(var prop in obj) {
  1516.                    if(obj.hasOwnProperty(prop)) {
  1517.                        return false;
  1518.                    }
  1519.                }
  1520.                
  1521.                return true;
  1522.            }
  1523.            
  1524.            var settingsUrl = settings.url;
  1525.            var sectionName = 'apptrian_facebook_pixel_matching_section';
  1526.            var urlPath = 'customer/section/load';
  1527.            
  1528.            if (propagationStop === 0
  1529.                && settingsUrl.indexOf(urlPath) !== -1
  1530.                && settingsUrl.indexOf(sectionName) !== -1
  1531.            ) {
  1532.                propagationStop = 1;
  1533.                var response = JSON.parse(xhr.responseText);
  1534.                var section;
  1535.                var sectionData;
  1536.                
  1537.                if (response !== 'undefined' && response.hasOwnProperty('apptrian_facebook_pixel_matching_section')) {
  1538.                    section = response.apptrian_facebook_pixel_matching_section;
  1539.                    
  1540.                    if (section !== 'undefined' && section.hasOwnProperty('matching_data')) {
  1541.                        sectionData = section.matching_data;
  1542.                        
  1543.                        if (!isEmpty(sectionData)) {
  1544.                            userData = sectionData;
  1545.                        }
  1546.                    }
  1547.                }
  1548.    
  1549.                
  1550.                if (!isEmpty(userData)) {
  1551.            fbq('init', '949710895509801', userData);
  1552.        } else {
  1553.            fbq('init', '949710895509801');
  1554.        }
  1555.                
  1556.        function stringToHash(string)
  1557.        {
  1558.            var hash = 0;
  1559.              
  1560.            if (string.length == 0) return hash;
  1561.              
  1562.            for (i = 0; i < string.length; i++) {
  1563.                char = string.charCodeAt(i);
  1564.                hash = ((hash << 5) - hash) + char;
  1565.                hash = hash & hash;
  1566.            }
  1567.            
  1568.            return String(hash);
  1569.        }
  1570.        
  1571.        function generateEventId(eName)
  1572.        {
  1573.            var uCookie = document.cookie;
  1574.            var uHash = stringToHash(uCookie);
  1575.            var url = window.location.href;
  1576.            var urlHash = stringToHash(url);
  1577.            
  1578.            function getTimeStamp() {
  1579.                if (!Date.now) {
  1580.                    Date.now = function() { return new Date().getTime(); }
  1581.                }
  1582.                
  1583.                return Date.now();
  1584.            }
  1585.            
  1586.            var timestamp = String(getTimeStamp());
  1587.            
  1588.            return eName + uHash + urlHash + timestamp;
  1589.        }
  1590.        
  1591.        function fireConversionsApiEvent(eName, eData, eId)
  1592.        {
  1593.            var apiUrl = 'https://www.peaceandchaos.com/en/apptrian_facebookpixel/index/index';
  1594.            
  1595.            $.ajax({
  1596.                url: apiUrl,
  1597.                data: {
  1598.                    eventName: eName,
  1599.                    eventData: eData,
  1600.                    eventId: eId,
  1601.                    url: window.location.href,
  1602.                    userData: userData
  1603.                },
  1604.                type: "GET",
  1605.                dataType : "json",
  1606.            })
  1607.            .done(function( json ) {
  1608.                var result = json;
  1609.            });
  1610.        }
  1611.        
  1612.        function moveParamsOutsideContents(data) {
  1613.            var isMoveParamsOutsideContentsEnabled = 1;
  1614.                
  1615.            if (isMoveParamsOutsideContentsEnabled) {
  1616.                if (!('contents' in data)) {
  1617.                    return data;
  1618.                }
  1619.                
  1620.                var contents       = data['contents'];
  1621.                var contentsLength = contents.length;
  1622.                
  1623.                if (contentsLength > 1) {
  1624.                    var c = 0;
  1625.                    for (i = 0; i < contentsLength; i++) {
  1626.                        var item = contents[i];
  1627.                        
  1628.                        for (var index in item) {
  1629.                            if (index == 'id' || index == 'item_price' || index == 'quantity') {
  1630.                                continue;
  1631.                            }
  1632.                            
  1633.                            // You cannot do anything with param just
  1634.                            // Remove the param from contents
  1635.                            delete data['contents'][c][index];
  1636.                        }
  1637.                        
  1638.                        c++;
  1639.                    }
  1640.                } else {
  1641.                    var item = contents[0];
  1642.                    for (var index in item) {
  1643.                        var value = item[index];
  1644.                        if (index == 'id' || index == 'item_price' || index == 'quantity') {
  1645.                            continue;
  1646.                        }
  1647.                        
  1648.                        // Set the param
  1649.                        data[index] = value;
  1650.                        // Remove the param from contents
  1651.                        delete data['contents'][0][index];
  1652.                    }
  1653.                }
  1654.                
  1655.                return data;
  1656.            } else {
  1657.                return data;
  1658.            }
  1659.        }
  1660.        
  1661.        // Ready PageView data. (It is fired below for each event conditionally.)
  1662.        var pageViewEventId = generateEventId("PageView");
  1663.        var pageViewEventIdObj = {};
  1664.        pageViewEventIdObj.eventID = pageViewEventId;
  1665.        
  1666.        var pageViewData = {};
  1667.    
  1668.        
  1669.                    fbq("track", "PageView", pageViewData, pageViewEventIdObj);
  1670.                
  1671.                    fireConversionsApiEvent("PageView", pageViewData, pageViewEventId);
  1672.            
  1673.        
  1674.        
  1675.    } // end of is customer data call
  1676.    }); // end of on ajaxComplete
  1677.    
  1678.        
  1679.    }); // end of on document ready
  1680. });
  1681. </script>
  1682.  
  1683.    <!-- End Facebook Pixel Code -->
  1684.  
  1685.    <script type="text/x-magento-init">
  1686.    {
  1687.        "#product_stock_alert_container": {
  1688.            "bssStockAlertEventHandle": {}
  1689.        }
  1690.    }
  1691. </script>
  1692.  
  1693. </div><div id="loading_overlay" class="quickview-loading-overlay"></div>
  1694.  
  1695. <script>
  1696.    function includeQuickviewAction($){
  1697.        var $_quickviewBaseUrl = 'aquickview/index/index';
  1698.        var $_baseUrl = 'https://www.peaceandchaos.com/en/';
  1699.        var $_quickviewUrl = $_baseUrl + $_quickviewBaseUrl;
  1700.  
  1701.        var $_prdItem = $('.products.list.items.product-items .product-item');
  1702.        var $_prdItemAction = $('.products.list.items.product-items .product-item .actions-secondary');
  1703.        var $_listItem = [];
  1704.        if($_prdItem.length > 0 && $_prdItemAction.length > 0){
  1705.            $_prdItem.each(function() {
  1706.                var $el = $(this);
  1707.                var $_prdItemId = $el.find('input[name="product"]').val();
  1708.                if(typeof $_prdItemId === "undefined"){
  1709.                    $_prdItemId = $el.find('[data-role="priceBox"]').attr('data-product-id');
  1710.                }
  1711.                if($el.find("a.action.quickview").length <= 0) {
  1712.                    if($el.find('a.product-item-photo').length > 0 ){
  1713.                        var $_prdLink = $el.find('a.product-item-photo');
  1714.                        if(typeof $_prdLink.attr('href') !== 'undefined' && $_prdLink.attr('href').replace($_baseUrl,"") != '#'){
  1715.                            var $_prdPathLink = $_prdLink.attr('href').replace($_baseUrl,"");
  1716.                            $_prdPathLink = ($_prdPathLink.indexOf('index.php') >= 0 ) ? $_prdPathLink.replace('index.php/','') : $_prdPathLink;
  1717.  
  1718.                            var $quickviewAction = $_quickviewUrl + ("/catalog/product/id/") + $_prdItemId;
  1719.                            var $_buttonHtml = '<li><a data-productid="'+$_prdItemId+'" class="action quickview" aria-label="Quickview" title="Quickview" href="'+$quickviewAction+'"><span>Quickview</span></a></li>';
  1720.                            $_listItem.push($_buttonHtml);
  1721.                        }
  1722.                    }
  1723.                }
  1724.            });
  1725.            var count = 0 ;
  1726.            $_prdItemAction.each(function () {
  1727.                if(typeof $_listItem[count] != 'undefined' && $(this).find("a.action.quickview").length <= 0) {
  1728.                    $(this).append($_listItem[count]);
  1729.                    count ++;
  1730.                }
  1731.            });
  1732.        }
  1733.    }
  1734. </script>
  1735.  
  1736. <script type="text/javascript">
  1737.    requirejs([
  1738.        'jquery',
  1739.        'domReady!',
  1740.        'aQuickView'
  1741.    ], function($){
  1742.        $('#loading_overlay').removeClass('loading');
  1743.  
  1744.        $(document).ready(function(){
  1745.            includeQuickviewAction($);
  1746.        });
  1747.  
  1748.        $(document).on('click','.action.quickview',function(e){
  1749.            e.preventDefault();
  1750.            if($('body.catalog-product-view').size() > 0){
  1751.                $('body').addClass('origin-catalog-product-view');
  1752.            }else {
  1753.                $('body').addClass('catalog-product-view');
  1754.            }
  1755.            $('#loading_overlay').addClass('loading');
  1756.            var widgetQv = $(this).aQuickView();
  1757.            var url = $(this).attr('href');
  1758.            var id = $(this).attr('data-productid');
  1759.            widgetQv.aQuickView('productQuickView',url, id);
  1760.        });
  1761.    });
  1762.  
  1763. </script>
  1764.    <script>
  1765.        require(['jquery','weltpixel_persistentLayer', 'weltpixel_gtm', 'Magento_Customer/js/customer-data'],
  1766.            function ($, wpPersDl, wpgtm, customerData) {
  1767.                $( document ).ajaxComplete(function( event, xhr, settings ) {
  1768.                    if (settings.url.search('/customer\/section\/load/') > 0) {
  1769.                        var response = xhr.responseJSON;
  1770.                        if (response.gtm) {
  1771.                            var dataLayerData = $.parseJSON(response.gtm.datalayer);
  1772.                            for (index in dataLayerData) {
  1773.                                window.dataLayer.push({ecommerce: null});
  1774.                                window.dataLayer.push(dataLayerData[index]);
  1775.                            }
  1776.                        }
  1777.                    }
  1778.                });
  1779.                var wpPersDlOptions = {'storageExpiryTime' : 30 };
  1780.                var wpGtmOptions = {
  1781.                    'enabled' : 0,
  1782.                    'persDataLayer' : wpPersDl
  1783.                };
  1784.                wpPersDl.init(wpPersDlOptions);
  1785.                wpgtm.trackPromotion(wpGtmOptions);
  1786.            });
  1787.    </script>
  1788.    </body>
  1789. </html>
  1790.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda