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/version1748353641/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/version1748353641/frontend/Mgs/claue_child/en_US/mage/calendar.css" />
  25. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/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/version1748353641/frontend/Mgs/claue_child/en_US/Webkul_GiftCard/css/styles.css" />
  39. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_InstantSearch/css/styles.css" />
  40. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/fontawesome.v4.7.0/fontawesome.css" />
  41. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/claue_pbanner.css" />
  42. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/claue_styles.css" />
  43. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/owl.carousel.css" />
  44. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/owl.theme.min.css" />
  45. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/animate.css" />
  46. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/magnific-popup.css" />
  47. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/lightbox.min.css" />
  48. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/twentytwenty.css" />
  49. <link  rel="stylesheet" type="text/css"  media="screen and (min-width: 768px)" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/css/styles-l.css" />
  50. <link  rel="stylesheet" type="text/css"  media="print" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/css/print.css" />
  51. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/css/mgs_theme_style_guide.css" />
  52. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/css/themes_fonts.css" />
  53. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/animate.css" />
  54. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Aquickview/css/aquickview.css" />
  55. <link  rel="stylesheet" type="text/css"  media="all" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Brand/css/mgs_brand.css" />
  56. <link  rel="stylesheet" type="text/css"  rel="stylesheet" type="text/css" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/css/custom.css" />
  57. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/requirejs/require.js"></script>
  58. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/mage/requirejs/mixins.js"></script>
  59. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/requirejs-config.js"></script>
  60. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/js/mgs_theme.js"></script>
  61. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/js/custom.js"></script>
  62. <script  type="text/javascript"  src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/js/timer.js"></script>
  63. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/fonts/Poppins-SemiBold.ttf" />
  64. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/fonts/Poppins-Regular.ttf" />
  65. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/fonts/Pe-icon-7-stroke.woff" />
  66. <link rel="preload" as="font" crossorigin="anonymous" href="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/MGS_Fbuilder/css/fontawesome.v4.7.0/fonts/fontawesome-webfont.woff2" />
  67. <link  rel="icon" type="image/x-icon" href="https://www.peaceandchaos.com/media/favicon/stores/1/chakra-removebg-preview_1_.jpg" />
  68. <link  rel="shortcut icon" type="image/x-icon" href="https://www.peaceandchaos.com/media/favicon/stores/1/chakra-removebg-preview_1_.jpg" />
  69.  
  70.  
  71. <link rel="preconnect" href="https://fonts.googleapis.com">
  72. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  73. <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
  74.  
  75.  
  76. <!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/70ce4010f816c8e7d3bce9dc/script.js"></script> <!-- End cookieyes banner -->                <script>
  77.        window.getWpCookie = function(name) {
  78.            match = document.cookie.match(new RegExp(name + '=([^;]+)'));
  79.            if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ;
  80.        };
  81.  
  82.        window.dataLayer = window.dataLayer || [];
  83.                var wpCookies = ['wp_customerId','wp_customerGroup'];
  84.        wpCookies.map(function(cookieName) {
  85.            var cookieValue = window.getWpCookie(cookieName);
  86.            if (cookieValue) {
  87.                var dlObject = {};
  88.                dlObject[cookieName.replace('wp_', '')] = cookieValue;
  89.                window.dataLayer.push(dlObject);
  90.            }
  91.        });
  92.    </script>
  93.  
  94.    <!-- Google Tag Manager -->
  95. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  96. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  97. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  98. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  99. })(window,document,'script','dataLayer','GTM-MDK7DSB');</script>
  100. <!-- End Google Tag Manager -->    <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/version1748353641/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.                                                    <!--Identifier: , Block Id: -->                                            </div>
  238.                    <div class="col-6 col-des-4 col-tb-6 col-mb-12">
  239.                        <!-- Static block: header_1_top_middle_block -->
  240.                                                    <div class="top-middle-header">
  241.                                <!--Identifier: , Block Id: -->                            </div>
  242.                                            </div>
  243.                    <div class="col-des-4 hidden-mb hidden-tb hidden-lg">
  244.                        <div class="header-set customer-web-config">
  245.                                                                    <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language-top">
  246.        <strong class="label switcher-label"><span>Language</span></strong>
  247.        <div class="actions dropdown options switcher-options">
  248.            <div class="action toggle switcher-trigger"
  249.                 id="switcher-language-trigger-top"
  250.                 data-mage-init='{"dropdown":{}}'
  251.                 data-toggle="dropdown"
  252.                 data-trigger-keypress-button="true">
  253.                <strong class="view-en">
  254.                    <span>English</span>
  255.                </strong>
  256.            </div>
  257.            <ul class="dropdown switcher-dropdown"
  258.                data-target="dropdown">
  259.                                                                                                <li class="view-gr switcher-option">
  260.                            <a href="https://www.peaceandchaos.com/en/stores/store/redirect/___store/gr/___from_store/en/uenc/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZ3Iv/">
  261.                                <img src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/images/flags/gr.png" alt="" />Greek                            </a>
  262.                        </li>
  263.                                                </ul>
  264.        </div>
  265.    </div>
  266.                                                                                </div>
  267.                    </div>
  268.                </div>
  269.            </div>
  270.        </div>
  271.        <!-- Middle Header -->
  272.        <div class="middle-header">
  273.            <div class="frame-fluid">
  274.                <div class="line">
  275.                    <div class="col-mb-4 col-tb-4 col-des-2 d-flex align-items-center">
  276.                        <button class="action nav-tg hidden-des"><img src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/images/hamburger-black.svg" alt="Toggle Menu"></button>
  277.                                                    <div class=" hidden-tb hidden-mb">
  278.                                    <strong class="logo">
  279.        <img class="default-logo" src="https://www.peaceandchaos.com/media/logo/default/pac_logo.png"
  280.             alt="logo"
  281.                                  />
  282.    </strong>
  283.                            </div>
  284.                                            </div>
  285.                    <div class="col-mb-4 col-tb-4 hidden-des d-flex align-items-center justify-content-center">
  286.                            <strong class="logo">
  287.        <img class="default-logo" src="https://www.peaceandchaos.com/media/logo/default/pac_logo.png"
  288.             alt="logo"
  289.                                  />
  290.    </strong>
  291.                    </div>
  292.                    <div
  293.                        class="col-0 col-tb-4 col-des-8 menu-wrapper">
  294.                                                <div class="menu-content menu-content-mb">
  295.                            <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 ">
  296.  
  297.  
  298.                    <nav class="navigation" role="navigation">
  299.        <ul id="mainMenu" class="nav nav-main nav-main-menu">
  300.            
  301.                                                            <li class="  category-menu level0 dropdown">
  302.                            <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 category-submenu">
  303. <a href="https://www.peaceandchaos.com/en/new-collection/dresses">
  304. DRESSES
  305. <span class="icon-next"><i class="fa fa-angle-right">&nbsp;</i></span>
  306. </a>
  307. <span class="toggle-menu"><a onclick="toggleEl(this,'mobile-menu-cat-8-1')" href="javascript:void(0)" class=""><span class="fa fa-chevron-right"></span></a></span>
  308. <ul id="mobile-menu-cat-8-1"
  309. class="dropdown-submenu"
  310. >
  311. <li class="hidden-des"><a onclick="toggleEl(this,'mobile-menu-cat-8-1')" href="javascript:void(0)" class=""><span class="nav-back"><i class="fa fa-chevron-left"></i> Back</span></a></li>
  312. <li class="level2">
  313. <a href="https://www.peaceandchaos.com/en/new-collection/dresses/maxi-dresses">
  314. MAXI DRESSES
  315. </a>
  316. </li><li class="level2">
  317. <a href="https://www.peaceandchaos.com/en/new-collection/dresses/mini-dresses">
  318. MINI DRESSES
  319. </a>
  320. </li>
  321. </ul>
  322. </li><li class="level1">
  323. <a href="https://www.peaceandchaos.com/en/new-collection/outwear">
  324. OUTWEAR
  325. </a>
  326. </li><li class="level1">
  327. <a href="https://www.peaceandchaos.com/en/new-collection/pants">
  328. PANTS
  329. </a>
  330. </li><li class="level1">
  331. <a href="https://www.peaceandchaos.com/en/new-collection/shirts">
  332. SHIRTS
  333. </a>
  334. </li><li class="level1">
  335. <a href="https://www.peaceandchaos.com/en/new-collection/t-shirts">
  336. T-SHIRTS
  337. </a>
  338. </li><li class="level1">
  339. <a href="https://www.peaceandchaos.com/en/new-collection/skirts">
  340. SKIRTS
  341. </a>
  342. </li><li class="level1">
  343. <a href="https://www.peaceandchaos.com/en/new-collection/jumpsuits">
  344. JUMPSUITS
  345. </a>
  346. </li><li class="level1">
  347. <a href="https://www.peaceandchaos.com/en/new-collection/shoes">
  348. SHOES
  349. </a>
  350. </li><li class="level1">
  351. <a href="https://www.peaceandchaos.com/en/new-collection/accessories">
  352. ACCESSORIES
  353. </a>
  354. </li><li class="level1">
  355. <a href="https://www.peaceandchaos.com/en/new-collection/tops">
  356. TOPS
  357. </a>
  358. </li><li class="level1">
  359. <a href="https://www.peaceandchaos.com/en/new-collection/swimwear">
  360. SWIMWEAR
  361. </a>
  362. </li><li class="level1">
  363. <a href="https://www.peaceandchaos.com/en/new-collection/shorts">
  364. SHORTS
  365. </a>
  366. </li><li class="level1">
  367. <a href="https://www.peaceandchaos.com/en/new-collection/beachwear">
  368. BEACHWEAR
  369. </a>
  370. </li><li class="level1">
  371. <a href="https://www.peaceandchaos.com/en/new-collection/sweatshirts">
  372. SWEATSHIRTS
  373. </a>
  374. </li></ul></li></ul>                        </li>
  375.                                            <li class="  category-menu level0 dropdown">
  376.                            <a href="https://www.peaceandchaos.com/en/occasion" class="level0 dropdown-toggle"><span data-hover="Occasion">Occasion</span> <span class="icon-next"><i class="fa fa-angle-down"></i></span></a><span class="toggle-menu"><a onclick="toggleEl(this,'mobile-menu-10-1')" href="javascript:void(0)" class=""><span class="fa fa-chevron-right"></span></a></span><ul class="dropdown-menu" id="mobile-menu-10-1"><li class="hidden-des"><a onclick="toggleEl(this,'mobile-menu-10-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">
  377. <a href="https://www.peaceandchaos.com/en/occasion/party-wedding-baptism">
  378. PARTY & WEDDING
  379. </a>
  380. </li><li class="level1">
  381. <a href="https://www.peaceandchaos.com/en/occasion/sets">
  382. MATCHING SETS
  383. </a>
  384. </li><li class="level1">
  385. <a href="https://www.peaceandchaos.com/en/occasion/signature-prints-iconic-pieces">
  386. SIGNATURE PRINTS & ICONIC PIECES
  387. </a>
  388. </li><li class="level1">
  389. <a href="https://www.peaceandchaos.com/en/occasion/quiet-days">
  390. MONOCHROME PIECES
  391. </a>
  392. </li><li class="level1">
  393. <a href="https://www.peaceandchaos.com/en/occasion/denim">
  394. DENIM
  395. </a>
  396. </li><li class="level1">
  397. <a href="https://www.peaceandchaos.com/en/occasion/valentine-s-capsule-collection">
  398. VALENTINE'S CAPSULE COLLECTION
  399. </a>
  400. </li></ul></li></ul>                        </li>
  401.                                            <li class="  static-menu level0">
  402.                            <a href="https://www.peaceandchaos.com/en/our-campaign" class="level0"><span>Campaigns </span></a>                        </li>
  403.                                            <li class="IMAGES-MEGAMENU mega-menu-item mega-menu-fullwidth menu-6columns level0 static-menu level0">
  404.                            <a href="https://www.peaceandchaos.com/this-is-us" class="level0"><span>This is us</span></a>                        </li>
  405.                                            <li class="  static-menu level0">
  406.                            <a href="https://www.peaceandchaos.com/en/blog" class="level0"><span>Blog</span></a>                        </li>
  407.                                            <li class="  category-menu level0 dropdown">
  408.                            <a href="https://www.peaceandchaos.com/en/sales" class="level0 dropdown-toggle"><span data-hover="OFFERS">OFFERS</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">
  409. <a href="https://www.peaceandchaos.com/en/sales/accessories">
  410. ACCESSORIES
  411. </a>
  412. </li><li class="level1">
  413. <a href="https://www.peaceandchaos.com/en/sales/dresses">
  414. DRESSES  
  415. </a>
  416. </li><li class="level1">
  417. <a href="https://www.peaceandchaos.com/en/sales/outwear">
  418. OUTWEAR  
  419. </a>
  420. </li><li class="level1">
  421. <a href="https://www.peaceandchaos.com/en/sales/pants">
  422. PANTS
  423. </a>
  424. </li><li class="level1">
  425. <a href="https://www.peaceandchaos.com/en/sales/tops">
  426. TOPS
  427. </a>
  428. </li><li class="level1">
  429. <a href="https://www.peaceandchaos.com/en/sales/shirts">
  430. SHIRTS
  431. </a>
  432. </li><li class="level1">
  433. <a href="https://www.peaceandchaos.com/en/sales/skirts">
  434. SKIRTS
  435. </a>
  436. </li><li class="level1">
  437. <a href="https://www.peaceandchaos.com/en/sales/leggings-insale">
  438. LEGGINGS
  439. </a>
  440. </li><li class="level1">
  441. <a href="https://www.peaceandchaos.com/en/sales/sweatshirts">
  442. SWEATSHIRTS
  443. </a>
  444. </li><li class="level1">
  445. <a href="https://www.peaceandchaos.com/en/sales/knitwear">
  446. KNITWEAR  
  447. </a>
  448. </li><li class="level1">
  449. <a href="https://www.peaceandchaos.com/en/sales/t-shirts">
  450. T-SHIRTS
  451. </a>
  452. </li><li class="level1">
  453. <a href="https://www.peaceandchaos.com/en/sales/jumpsuits">
  454. JUMPSUITS
  455. </a>
  456. </li><li class="level1">
  457. <a href="https://www.peaceandchaos.com/en/sales/swimwear">
  458. SWIMWEAR
  459. </a>
  460. </li><li class="level1">
  461. <a href="https://www.peaceandchaos.com/en/sales/beachwear">
  462. BEACHWEAR
  463. </a>
  464. </li><li class="level1">
  465. <a href="https://www.peaceandchaos.com/en/sales/shorts">
  466. SHORTS
  467. </a>
  468. </li><li class="level1">
  469. <a href="https://www.peaceandchaos.com/en/sales/shoes-in-sale">
  470. SHOES
  471. </a>
  472. </li></ul></li></ul>                        </li>
  473.                                                        </ul>
  474.    </nav>
  475. </div></div><div id="main-Accountcontent" class="tab-pane"><div class="top-links">
  476. <div class="login-form logged-customer">
  477.    <button class="close-myaccount"><span class="icon-cross2"></span></button>
  478.    <ul class="header links"><li><a href="https://www.peaceandchaos.com/en/customer/account/" id="id6OL0SZEX" >My Account</a></li><li class="link wishlist cpap" data-bind="scope: 'wishlist'">
  479.    <a href="https://www.peaceandchaos.com/en/wishlist/">My Wish List        <!-- ko if: wishlist().counter -->
  480.        <span data-bind="text: wishlist().counter" class="counter qty"></span>
  481.        <!-- /ko -->
  482.    </a>
  483. </li>
  484. <script type="text/x-magento-init">
  485.    {
  486.        "*": {
  487.            "Magento_Ui/js/core/app": {
  488.                "components": {
  489.                    "wishlist": {
  490.                        "component": "Magento_Wishlist/js/view/wishlist"
  491.                    }
  492.                }
  493.            }
  494.        }
  495.    }
  496.  
  497. </script>
  498. <li class="link authorization-link" data-label="or">
  499.    <a href="https://www.peaceandchaos.com/en/customer/account/login/referer/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZW4v/"        >Sign In</a>
  500. </li>
  501. <li><a href="https://www.peaceandchaos.com/en/customer/account/create/" id="idRmYCsTgB" >Create an Account</a></li></ul></div>
  502. </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">
  503.        <strong class="label switcher-label"><span>Language</span></strong>
  504.        <div class="actions dropdown options switcher-options">
  505.            <div class="action toggle switcher-trigger"
  506.                 id="switcher-language-trigger"
  507.                 data-mage-init='{"dropdown":{}}'
  508.                 data-toggle="dropdown"
  509.                 data-trigger-keypress-button="true">
  510.                <strong class="view-en">
  511.                    <span>English</span>
  512.                </strong>
  513.            </div>
  514.            <ul class="dropdown switcher-dropdown"
  515.                data-target="dropdown">
  516.                                                                                                <li class="view-gr switcher-option">
  517.                            <a href="https://www.peaceandchaos.com/en/stores/store/redirect/___store/gr/___from_store/en/uenc/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZ3Iv/">
  518.                                <img src="https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/images/flags/gr.png" alt="" />Greek                            </a>
  519.                        </li>
  520.                                                </ul>
  521.        </div>
  522.    </div>
  523. </div></div></div>                        </div>
  524.                    </div>
  525.                    <div
  526.                        class="Chaka-icon col-mb-4 col-tb-4 col-lg-4 col-des-2">
  527.                        <div class="d-flex align-items-center justify-content-end right-content table-icon-menu">
  528.                                                            <div class="search-form">
  529.    <div class="block block-search">
  530.        <button class="search-close" onclick="showHideFormSearch()"><i class="pe-7s-close"></i></button>
  531.        <div class="block block-content">
  532.            <form class="form minisearch " id="search_mini_form"
  533.                  action="https://www.peaceandchaos.com/en/catalogsearch/result/" method="get">
  534.                <div class="field search">
  535.                    <label class="label" for="search" data-role="minisearch-label">
  536.                        <span>Search</span>
  537.                    </label>
  538.                    <div class="control">
  539.                        <input id="search"
  540.                                                           type="text"
  541.                               name="q"
  542.                               value=""
  543.                               placeholder="Search&#x20;for..."
  544.                               class="input-text"
  545.                               maxlength="128"
  546.                               role="combobox"
  547.                               aria-haspopup="false"
  548.                               aria-autocomplete="both"
  549.                               autocomplete="off"
  550.                               aria-expanded="false"/>
  551.                        <div id="search_autocomplete" class="search-autocomplete"></div>
  552.                        <div class="nested">
  553.    <a class="action advanced" href="https://www.peaceandchaos.com/en/catalogsearch/advanced/" data-action="advanced-search">
  554.        Advanced Search    </a>
  555. </div>
  556. <div class="mgs-instant-search-dropdown" data-bind="scope: 'instant_search_form'">
  557. <!-- ko template: getTemplate() --><!-- /ko -->
  558. </div>
  559. <script type="text/x-magento-init">
  560. {
  561. "*": {
  562. "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\/"}}}} }
  563. }
  564. </script>
  565. <script>
  566. window.instantSearch = {"result":{"product":{"data":[],"size":0,"url":""},"category":{"data":[],"size":0,"url":""},"page":{"data":[],"size":0,"url":""},"blog":{"data":[],"size":0,"url":""}}};
  567. </script>
  568.                    </div>
  569.                </div>
  570.                <div class="actions">
  571.                    <button type="submit"
  572.                            title="Search"
  573.                            class="action search"
  574.                            aria-label="Search"
  575.                    ><span>Search</span>
  576.                    </button>
  577.                </div>
  578.            </form>
  579.        </div>
  580.    </div>
  581.    <div class="actions-search">
  582.        <button class="action-search" onclick="showHideFormSearch()"><i class="pe-7s-search"></i></button>
  583.    </div>
  584. </div>
  585.  
  586. <script type="text/javascript">
  587.    function showHideFormSearch(){
  588.        require([
  589.            'jquery'
  590.        ], function(jQuery){
  591.            (function($) {
  592.                if($('.search-form').hasClass('not-full')){
  593.                    $('html').toggleClass('search-not-full');
  594.                }
  595.                $('html').toggleClass('search-open');
  596.                $('.page-wrapper .block-search').toggleClass('active');
  597.                setTimeout(focusSearchField, 500);
  598.            })(jQuery);
  599.        });
  600.    }
  601.  
  602.    function focusSearchField(){
  603.        require([
  604.            'jquery'
  605.        ], function(jQuery){
  606.            (function($) {
  607.                $('#search_mini_form input#search').focus();
  608.            })(jQuery);
  609.        });
  610.    }
  611. </script>
  612.                            
  613.                                                            <div class=" hidden-tb hidden-sm hidden-mb header-top-links">
  614.                                    <div class="actions">
  615.                                        <span class="action top-links theme-header-icon"><i
  616.                                                class="pe-7s-user"></i></span>
  617.                                    </div>
  618.                                    <div class="header-acccount">
  619. <div class="login-form logged-customer">
  620.    <button class="close-myaccount"><span class="icon-cross2"></span></button>
  621.    <ul class="header links"><li><a href="https://www.peaceandchaos.com/en/customer/account/" id="id6OL0SZEX" >My Account</a></li><li class="link wishlist cpap" data-bind="scope: 'wishlist'">
  622.    <a href="https://www.peaceandchaos.com/en/wishlist/">My Wish List        <!-- ko if: wishlist().counter -->
  623.        <span data-bind="text: wishlist().counter" class="counter qty"></span>
  624.        <!-- /ko -->
  625.    </a>
  626. </li>
  627. <script type="text/x-magento-init">
  628.    {
  629.        "*": {
  630.            "Magento_Ui/js/core/app": {
  631.                "components": {
  632.                    "wishlist": {
  633.                        "component": "Magento_Wishlist/js/view/wishlist"
  634.                    }
  635.                }
  636.            }
  637.        }
  638.    }
  639.  
  640. </script>
  641. <li class="link authorization-link" data-label="or">
  642.    <a href="https://www.peaceandchaos.com/en/customer/account/login/referer/aHR0cHM6Ly93d3cucGVhY2VhbmRjaGFvcy5jb20vZW4v/"        >Sign In</a>
  643. </li>
  644. <li><a href="https://www.peaceandchaos.com/en/customer/account/create/" id="idRmYCsTgB" >Create an Account</a></li></ul></div>
  645. </div>
  646.                                </div>
  647.                            
  648.                                                            <div class=' hidden-tb hidden-sm hidden-mb'>
  649.                                    
  650. <div class="top-wishlist">
  651. <a  data-bind="scope: 'wishlist'" href="https://www.peaceandchaos.com/en/wishlist/">
  652. <span class="wishlist-icon icon-heart theme-header-icon cpap"></span>
  653. <!-- ko if: wishlist().counter -->
  654.        <span data-bind="text: wishlist().counter" class="counter qty"></span>
  655.        <!-- /ko -->
  656. </a>
  657.    <div class="block block-wishlist" data-bind="scope: 'wishlist'">
  658.        <h3 class="close-wishlist">
  659.            Wishlist            <button id="close-wishlist-site" class="close-wishlist-site">
  660.                <i class="close-cart pe-7s-close pa"></i>
  661.            </button>
  662.        </h3>
  663.  
  664. <!-- ko if: wishlist().counter -->
  665. <div class="block-content wishlist-sidebar-content">
  666.                <ol class="product-items no-display" id="wishlist-sidebar" data-bind="foreach: wishlist().items, css: {'no-display': null}">
  667.                    <li class="product-item">
  668.                        <div class="product-item-content">
  669.                            <a class="product-item-photo" data-bind="attr: { href: product_url, title: product_name }">
  670.                                <!-- ko template: {name: $data.image.template, data: $data.image} --><!-- /ko -->
  671.                            </a>
  672.                            <div class="product-item-details">
  673.                                <strong class="product-item-name">
  674.                                    <a data-bind="attr: { href: product_url }" class="product-item-link">
  675.                                        <span data-bind="text: product_name"></span>
  676.                                    </a>
  677.                                </strong>
  678.                                <div data-bind="html: product_price"></div>
  679.                                <div class="product-item-actions">
  680.                                    <!-- ko if: product_is_saleable_and_visible -->
  681.                                    <div class="actions-primary">
  682.                                        <!-- ko if: product_has_required_options -->
  683.                                        <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>
  684.                                        <!-- /ko -->
  685.                                        <!-- ko ifnot: product_has_required_options -->
  686.                                            <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>
  687.                                        <!-- /ko -->
  688.                                    </div>
  689.                                    <!-- /ko -->
  690.                                    <div class="actions-remove">
  691.                                        <a href="#"  data-bind="attr: {'data-post': delete_item_params}"
  692.                                           title="Remove This Item"
  693.                                           class="btn-remove action delete">
  694.                                            <i class="fa fa-trash"></i>
  695.                                        </a>
  696.                                    </div>
  697.                                </div>
  698.                            </div>
  699.                        </div>
  700.                    </li>
  701.                </ol>
  702.                <div class="actions-toolbar no-display" data-bind="css: {'no-display': null}">
  703.                    <div class="primary">
  704.                        <a class="action btn btn-dark btn-full details"
  705.                           href="https://www.peaceandchaos.com/en/wishlist/"
  706.                           title="View All Wish List"><span>View All Wish List</span></a>
  707.                    </div>
  708.                </div>
  709.        </div>
  710. <!-- /ko -->
  711. <!-- ko ifnot: wishlist().counter -->
  712. <div class="block-content empty">
  713. <div class="empty">You have no items in your wish list.</div>
  714. </div>
  715. <!-- /ko -->
  716.    </div>
  717. <script type="text/x-magento-init">
  718.    {
  719.        "*": {
  720.            "Magento_Ui/js/core/app": {
  721.                "components": {
  722.                    "wishlist": {
  723.                        "component": "Magento_Wishlist/js/view/wishlist"
  724.                    }
  725.                }
  726.            }
  727.        }
  728.    }
  729. </script>
  730. </div>
  731. <script type="text/x-magento-init">
  732.    {
  733.        "*": {
  734.            "Magento_Ui/js/core/app": {
  735.                "components": {
  736.                    "wishlist": {
  737.                        "component": "Magento_Wishlist/js/view/wishlist"
  738.                    }
  739.                }
  740.            }
  741.        }
  742.    }
  743.  
  744. </script>
  745.                                </div>
  746.                            
  747.                                                            
  748. <div data-block="minicart" class="minicart-wrapper">
  749.    <a class="action showcart" href="https://www.peaceandchaos.com/en/checkout/cart/"
  750.       data-bind="scope: 'minicart_content'">
  751.        <span class="text">My Cart</span>
  752.        <span class="counter qty empty"
  753.              data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() },
  754.               blockLoader: isLoading">
  755.            <!-- ko if: getCartParam('summary_count') -->
  756.                <span class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span>
  757.            <!-- /ko -->
  758.            <!-- ko ifnot: getCartParam('summary_count') -->
  759.                <span class="counter-number">0</span>
  760.            <!-- /ko -->
  761.            <span class="counter-label">
  762.            <!-- ko if: getCartParam('summary_count') -->
  763.                <!-- ko text: getCartParam('summary_count') --><!-- /ko -->
  764.                <!-- ko i18n: 'items' --><!-- /ko -->
  765.            <!-- /ko -->
  766.            </span>
  767.        </span>
  768.    </a>
  769.            <div class="block block-minicart"
  770.             data-role="dropdownDialog"
  771.             data-mage-init='{"dropdownDialog":{
  772.                "appendTo":"[data-block=minicart]",
  773.                "triggerTarget":".showcart",
  774.                "timeout": "2000",
  775.                "closeOnMouseLeave": false,
  776.                "closeOnEscape": true,
  777.                "triggerClass":"active",
  778.                "parentClass":"active",
  779.                "buttons":[]}}'>
  780.            <div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'">
  781.                <h3 class="close-minicart">
  782.                    Mini Cart                    <button id="close-minicart"><i class="close-cart pe-7s-close pa"></i></button>
  783.                </h3>
  784.                <!-- ko template: getTemplate() --><!-- /ko -->
  785.            </div>
  786.                    </div>
  787.        <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":1752321674}}}</script>    <script type="text/x-magento-init">
  788.    {
  789.        "[data-block='minicart']": {
  790.            "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":[]}        },
  791.        "*": {
  792.            "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fstatic\u002Fversion1748353641\u002Ffrontend\u002FMgs\u002Fclaue_child\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
  793.        }
  794.    }
  795.    </script>
  796. </div>
  797.                            
  798. <!-- Softdesign  -->
  799. <div class="Chakra"><img src='https://www.peaceandchaos.com/static/version1748353641/frontend/Mgs/claue_child/en_US/Magento_Theme/images/chakra.png' alt="image-icon" width="40" height="20"></div>
  800. <!-- Softdesign  -->
  802.                        </div>
  803.                    </div>
  804.                </div>
  805.            </div>
  806.        </div>
  807.        
  808.  
  809.    
  810.    
  811.        <div id="section-toolbar-mobile" class="toolbar-mobile">
  812.        <div id="js_mobile_tabs" class="header-mobile-tabs--bottom">
  813.            <ul class="d-flex">
  814.                <li>
  815.                    <button class="action-mb-tabs" id="my-account-action" type="button">
  816.                        <span class="pe-7s-user"></span>
  817.                    </button>
  818.                </li>
  819.                                                        <li>
  820.                        <a href="https://www.peaceandchaos.com/en/wishlist/">
  821.                            <span class="pe-7s-like"></span>
  822.                            <span class="counter count-wl empty">0</span>
  823.                        </a>
  824.                    </li>
  825.                                <li>
  826.                    <a href=" https://www.peaceandchaos.com/en/" title="Homepage"><span class="pe-7s-home"></span>
  827.                    </a>
  828.                </li>
  829.                <li>
  830.                    <button data-bind="scope: 'minicart_content'" id="cart-top-action" type="button">
  831.                        <span class="pe-7s-shopbag"></span>
  832.                        <span class="counter qty empty"
  833.                              data-bind="css: { empty: !!getCartParam('summary_count') == false }, blockLoader: isLoading">
  834.     <span class="counter-number"><!-- ko text: getCartParam('summary_count') --><!-- /ko --></span>
  835.     </span>
  836.                    </button>
  837.                </li>
  838.                                    <li>
  839.                        <button class="action-mb-tabs" id="setting-web-action" type="button">
  840.                            <span class="pe-7s-config"></span>
  841.                        </button>
  842.                    </li>
  843.                            </ul>
  844.        </div>
  845.    </div>
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854.  
  855. </header><main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a>
  856. <div class="page messages"><div data-placeholder="messages"></div>
  857. <div data-bind="scope: 'messages'">
  858.    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
  859.    <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
  860.        <div data-bind="attr: {
  861.            class: 'message-' + message.type + ' ' + message.type + ' message',
  862.            'data-ui-id': 'message-' + message.type
  863.        }">
  864.            <div data-bind="html: $parent.prepareMessageForHtml(message.text), afterRender: $parent.bindStockCss()">
  865.            </div>
  866.        </div>
  867.    </div>
  868.    <!-- /ko -->
  869.  
  870.    <!-- ko if: messages().messages && messages().messages.length > 0 -->
  871.    <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages">
  872.        <div data-bind="attr: {
  873.            class: 'message-' + message.type + ' ' + message.type + ' message',
  874.            'data-ui-id': 'message-' + message.type
  875.        }">
  876.            <div data-bind="html: $parent.prepareMessageForHtml(message.text), afterRender: $parent.bindStockCss()">
  877.            </div>
  878.        </div>
  879.    </div>
  880.    <!-- /ko -->
  881. </div>
  882. <script type="text/x-magento-init">
  883.    {
  884.        "*": {
  885.            "Magento_Ui/js/core/app": {
  886.                "components": {
  887.                        "messages": {
  888.                            "component": "Magento_Theme/js/view/messages"
  889.                        }
  890.                    }
  891.                }
  892.            }
  893.    }
  894. </script>
  895. </div><div class="columns"><div class="column main"><input name="form_key" type="hidden" value="mvrglmM5caOJ38pV" /><div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}">
  896.        <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 -->
  897.    <script type="text/x-magento-init">
  898.        {
  899.            "#authenticationPopup": {
  900.                "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"}}}}}            },
  901.            "*": {
  902.                "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fstatic\u002Fversion1748353641\u002Ffrontend\u002FMgs\u002Fclaue_child\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
  903.            }
  904.        }
  905.    </script>
  906. </div>
  907. <script type="text/x-magento-init">
  908.    {
  909.        "*": {
  910.            "Magento_Customer/js/section-config": {
  911.                "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"]},
  912.                "clientSideSections": ["checkout-data","cart-data","one-step-checkout-data"],
  913.                "baseUrls": ["https:\/\/www.peaceandchaos.com\/en\/"],
  914.                "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"]            }
  915.        }
  916.    }
  917. </script>
  918. <script type="text/x-magento-init">
  919.    {
  920.        "*": {
  921.            "Magento_Customer/js/customer-data": {
  922.                "sectionLoadUrl": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fen\u002Fcustomer\u002Fsection\u002Fload\u002F",
  923.                "expirableSectionLifetime": 60,
  924.                "expirableSectionNames": ["cart","persistent"],
  925.                "cookieLifeTime": "3600",
  926.                "updateSessionUrl": "https\u003A\u002F\u002Fwww.peaceandchaos.com\u002Fen\u002Fcustomer\u002Faccount\u002FupdateSession\u002F"
  927.            }
  928.        }
  929.    }
  930. </script>
  931. <script type="text/x-magento-init">
  932.    {
  933.        "*": {
  934.            "Magento_Customer/js/invalidation-processor": {
  935.                "invalidationRules": {
  936.                    "website-rule": {
  937.                        "Magento_Customer/js/invalidation-rules/website-rule": {
  938.                            "scopeConfig": {
  939.                                "websiteId": "1"
  940.                            }
  941.                        }
  942.                    }
  943.                }
  944.            }
  945.        }
  946.    }
  947. </script>
  948. <script type="text/x-magento-init">
  949.    {
  950.        "body": {
  951.            "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"}        }
  952.    }
  953. </script>
  954. <script type="text/javascript">
  955. require([
  956. "jquery"
  957. ], function(jQuery){
  958. (function($) {
  959. $(document).ready(function () {
  960. if($('.pin__type').length && $(window).width() > 767){
  961. $('.lookbook-container .pin__type .pin-label').click(function(){
  962. $('.lookbook-container .pin__type .pin__popup').removeClass('pin__opened');
  963. $(this).parent().find('> .pin__popup').toggleClass('pin__opened');
  964. $(this).parent().parent().find('> .pin__image').addClass('pm-mask');
  965. });
  966. $('.lookbook-container .pin__type > .pin_close').click(function(){
  967. $(this).parent().find('> .pin__popup').removeClass('pin__opened');
  968. $(this).parent().parent().find('> .pin__image').removeClass('pm-mask');
  969. });
  970. $('.lookbook-container .pin__image').click(function(){
  971. $('.lookbook-container .pin__type > .pin__popup').removeClass('pin__opened');
  972. $(this).removeClass('pm-mask');
  973. });
  974. }
  975. });
  976. })(jQuery);
  977. });
  978. </script>
  979.  
  980.  
  981. <script type="text/javascript">
  982.    requirejs([
  983.        'jquery',
  984.        'domReady!',
  985.        'aQuickView'
  986.    ], function($){
  987. if ($(window).width() <= 767){
  988. $('#loading_overlay').removeClass('loading');
  989. $(document).ready(function(){
  990. includeQuickviewAction($);
  991. });
  992.  
  993. $(document).on('click','.lookbook-container .pin__type .pin-label',function(e){
  994. lookBookPro = $(this).attr("data-href") ? 1 : 0;
  995. if(lookBookPro) {
  996. e.preventDefault();
  997. if($('body.catalog-product-view').size() > 0){
  998. $('body').addClass('origin-catalog-product-view');
  999. }else {
  1000. $('body').addClass('catalog-product-view');
  1001. }
  1002. $('#loading_overlay').addClass('loading');
  1003. var widgetQv = $(this).aQuickView();
  1004. var url = $(this).attr('data-href');
  1005. var id = $(this).attr('data-productid');
  1006. widgetQv.aQuickView('productQuickView',url, id);
  1007. }
  1008. });
  1009. }        
  1010.    });
  1011.  
  1012. </script>
  1013. <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;">
  1014.    
  1015.    <div id="page-header-sliders" class="page-header-sliders template-1">
  1016.        <div id="mgs-slider-13366318061752321674" class="slider_mgs_carousel owl-carousel mgs-carousel-single mgs-owl-carousel nav-type-font nav-position-middle-inside dot-position-center">
  1017.            <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/DROP05-1.jpg)"><img class="img-responsive" src="https://www.peaceandchaos.com/media/wysiwyg/slider/DROP05-1.jpg" alt=""></a><div class="slide-text middle"><div class="inner-text"></div></div></div>        </div>
  1018.  
  1019.  
  1020.    </div>
  1021.  
  1022. <script type="text/javascript">
  1023. require([
  1024. 'jquery',
  1025. 'mgsowlcarousel'
  1026. ], function(jQuery){
  1027. (function($) {
  1029. $(document).ready(function(){
  1030. $("#mgs-slider-13366318061752321674").owlCarousel({
  1031. items: 1,
  1032. loop: true,
  1033. nav: false,
  1034. dots: false,
  1035. autoplayTimeout: 5000,
  1036. rtl: false,
  1037. autoplay: true,
  1038. autoplayHoverPause: false,
  1039. navText: ["<span><em class='fa fa-angle-left'></em></span>", "<span><em class='fa fa-angle-right'></em></span>"],
  1040. margin: 0,
  1041. autoHeight:true,
  1042. onInitialized: function(){
  1043. $("#page-header-sliders").addClass('loaded');
  1044. },
  1046. responsive:{
  1047. 0:{
  1048. items: 1,
  1049. nav: false
  1050. },
  1051. 767:{
  1052. items: 1,
  1053. nav: false
  1054. },
  1055. 992:{
  1056. items: 1,
  1057. nav: false }
  1058. }
  1059. });
  1060. });
  1061.  
  1062.  
  1063. })(jQuery);
  1064. });
  1065. </script>
  1066. </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-6 col-tb-12 col-mb-12 "><div class="line"><div class="panel-block-row  panel-block col-des-12 block223 col-tb-12 col-mb-12"><div style=""><div class="content-block mgs-image-block">
  1067.                                <div class="image-content">
  1068.                <span class="span-container">
  1069.                                            <a href="https://www.peaceandchaos.com/en/new-collection/swimwear">
  1070.                                        
  1071.                    <img src="https://www.peaceandchaos.com/media/mgs/fbuilder/images/d/r/drop05-2.jpg" alt=" " />
  1072.                                            </a>
  1073.                                    </span>
  1074.            </div>
  1075.            </div>
  1076.  
  1077.  
  1078.  
  1079. </div></div></div></div><div class="col-des-6 col-tb-12 col-mb-12 "><div class="line"><div class="panel-block-row  panel-block col-des-12 block225 col-tb-12 col-mb-12"><div style=""><div class="content-block mgs-image-block">
  1080.                                <div class="image-content">
  1081.                <span class="span-container">
  1082.                                            <a href="https://www.peaceandchaos.com/en/new-collection/dresses">
  1083.                                        
  1084.                    <img src="https://www.peaceandchaos.com/media/mgs/fbuilder/images/d/r/drop05-3.jpg" alt=" " />
  1085.                                            </a>
  1086.                                    </span>
  1087.            </div>
  1088.            </div>
  1089.  
  1090.  
  1091.  
  1092. </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-12"><div class="line"><div class="panel-block-row  panel-block col-des-12 block239 col-tb-12 col-mb-12"><div style=""><div class="content-block instagram-block" style="margin-top:30px;">
  1093. <div class="content-heading">
  1094. <h3 class="title">FOLLOW US @<a target="_blank"style="color: #000;" href="https://www.instagram.com/accounts/login/?next=/peaceandchaosclothing/">PeaceAndChaosClothing</a></h3>
  1095. </div></div></div></div></div></div></div></div></div></div></main><div class="page-bottom"><div class="content"><script type="text/x-magento-init">
  1096.    {
  1097.        "[data-role=tocart-form], .form.map.checkout": {
  1098.            "Magento_Catalog/product/view/validation": {
  1099.                "radioCheckboxClosest": ".nested"
  1100.            }
  1101.        }
  1102.    }
  1103. </script>
  1104. <script type="text/x-magento-init">
  1105.    {
  1106.        "[data-role=tocart-form], .form.map.checkout": {
  1107.            "catalogAddToCart": {}
  1108.        }
  1109.    }
  1110. </script>
  1111. <script type="text/x-magento-init">
  1112.    {
  1113.        ".product-item-actions button.action.tocart": {
  1114.            "widgetAddToCart": {
  1115.                "formKey": "mvrglmM5caOJ38pV"            }
  1116.        }
  1117.    }
  1118. </script>
  1119. <script>
  1120.    require([
  1121.        'jquery',
  1122.        'mage/mage'
  1123.    ], function($, widgetAddToCart) {
  1124.        $(document).ajaxComplete(function(event, xhr) {
  1125.            if (xhr.responseText) {
  1126.                try {
  1127.                    eval("var json = " + xhr.responseText + " || {}");
  1128.                } catch (e) {
  1129.                    return;
  1130.                }
  1131.            }
  1132.        });
  1133.    });
  1134. </script><script>
  1135. var ajaxCartConfig = {"updateCartUrl":"https:\/\/www.peaceandchaos.com\/en\/ajaxcart\/index\/updatecart\/","redirectCartUrl":"https:\/\/www.peaceandchaos.com\/en\/checkout\/cart\/","animationType":true};
  1136.    require([
  1137.        'jquery',
  1138.        'MGS_AjaxCart/js/config'
  1139.    ], function($, mgsConfig) {
  1140.        mgsConfig.setOptions(ajaxCartConfig);
  1141.    });
  1142. </script>
  1143.    <div class="mpinstagramfeed-container">
  1144.        <div class="mpinstagramfeed-header">
  1145.            <h3></h3>
  1146.            <div></div>
  1147.        </div>
  1148.        <div id="mpinstagramfeed-photos--68724e8a0faa4" class="row shuffle"></div>
  1149.    </div>
  1150.    <style type="text/css">
  1151.        #mpinstagramfeed-photos--68724e8a0faa4 .mpinstagramfeed-photo {
  1152.            width: calc(16.666666666667% - 4px);
  1153.        }
  1154.        .mpinstagramfeed-container .mpinstagramfeed-photo .mpinstagramfeed-post-caption {
  1155.            font-size: 14px;
  1156.        }
  1157.        @media (max-width: 767px) {
  1158.            .mpinstagramfeed-container #mpinstagramfeed-photos--68724e8a0faa4 .mpinstagramfeed-photo {
  1159.                width: 100%;
  1160.            }
  1161.            .mpinstagramfeed-container #mpinstagramfeed-photos--68724e8a0faa4 .mpinstagramfeed-photo.shuffle-item {
  1162.                width: auto;
  1163.            }
  1164.        }
  1165.        @media (min-width: 767px) and (max-width: 1024px) {
  1166.            .mpinstagramfeed-container #mpinstagramfeed-photos--68724e8a0faa4 .mpinstagramfeed-photo {
  1167.                width: 30%;
  1168.            }
  1169.            .mpinstagramfeed-container #mpinstagramfeed-photos--68724e8a0faa4 .mpinstagramfeed-photo.shuffle-item {
  1170.                width: auto;
  1171.            }
  1172.        }
  1173.    </style>
  1174.    <script type="text/x-magento-init">
  1175.    {
  1176.        "#mpinstagramfeed-photos--68724e8a0faa4": {
  1177.            "mageplaza/instagram": {
  1178.                "id": "-68724e8a0faa4",
  1179.                "token": "IGQVJWRzVzWm1UVEVVaHFLazAwb295N2p1NllOWVVTeWxWZAnlKNXRlZAlNRbUhjSVZAZAeGVRVmhlZA1RrX1ZAVQWhaeWFDT3cxNFBaamJNTVl5NDZAZARGJadUNuRDY2UHQyTk5jc1p2MGE2ODA1M0dMbjI5RQZDZD",
  1180.                "count": "6",
  1181.                "layout": "single",
  1182.                "show_caption": "1",
  1183.                "show_popup": "0"
  1184.            }
  1185.        }
  1186.    }
  1187.    </script>
  1188. </div></div><footer class="page-footer"><div class="footer content">
  1189. <div class="footer-container footer1 ">
  1190. <div class="middle-footer">
  1191. <div class="frame">
  1192. <div class="line">
  1193.                    <div class="col col-des col-tb-6 col-mb-12">
  1194.                        <!-- Static block: footer_contact_us -->
  1195.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div style="margin-bottom:5px;margin-top:-30px;"><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>
  1196. <div class="margin-bottom30"><h6>SHOWROOM / eShop</h6></div>
  1197. <ul class="list-icon">
  1198. <li><span class="theme-footer-icon icon pe-7s-map-marker">&nbsp;</span>Dervenion 30 , Metamorfosi<br>Athens, 14451, Greece</li>
  1199. <li><span class="theme-footer-icon icon pe-7s-mail">&nbsp;</span><a href="mailto:info@peaceandchaos.com">info@peaceandchaos.com</a></li>
  1200. <li><span class="theme-footer-icon icon pe-7s-mail">&nbsp;</span><a href="mailto:sales@peaceandchaos.com">sales@peaceandchaos.com</a></li>
  1201. <li><span class="theme-footer-icon icon pe-7s-call">&nbsp;</span> <a href="tel:+302114089197">+30 211 408 9197</a></li>
  1202. </ul>
  1203. <p>G.E.MI 132256801000</p>
  1204. <ul class="social-link margin-top15">
  1205. <li><a target="_blank" href="https://www.instagram.com/peaceandchaosclothing/">&nbsp;<span class="fa fa-instagram">&nbsp;</span><span class="sr-only">Our Instagram profile peaceandchaosclothing</span></a></li>
  1206. <li><a target="_blank" href="https://www.facebook.com/pages/category/Clothing--Brand-/Peace-Chaos-417832371603030/">&nbsp;<span class="fa fa-facebook">&nbsp;</span><span class="sr-only">Our Facebook profile</span></a></li>
  1207. <li><a target="_blank" href="https://www.youtube.com/channel/UCkQM9DOZ3m96UhUxLNz7uCA">&nbsp;<span class="fa fa-youtube">&nbsp;</span><span class="sr-only">Our Youtube profile</span></a></li>
  1208. </ul></div><!--Identifier: footer1_contact_us, Block Id: 95-->                                            </div>
  1209. <div class="col col-des col-tb-6 col-mb-12">
  1210.                        <!-- Static block: footer_contact_us -->
  1211.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="margin-bottom30"><h6>FLAGSHIP STORE</h6></div>
  1212. <ul class="list-icon">
  1213. <li><span class="theme-footer-icon icon pe-7s-map-marker">&nbsp;</span>Axarlian3 (Lekka)<br>Athens, 10563, Greece</li>
  1214. <li><span class="theme-footer-icon icon pe-7s-mail">&nbsp;</span><a href="mailto:storeathens@peaceandchaos.com">storeathens@peaceandchaos.com</a></li>
  1215. <li><span class="theme-footer-icon icon pe-7s-call">&nbsp;</span> <a href="tel:+302103314975">+30 210 331 4975</a></li>
  1216. </ul>
  1217. <ul class="social-link margin-top15">
  1218. <li><a target="_blank" href="https://www.instagram.com/peaceandchaos_store_athens/">&nbsp;<span class="fa fa-instagram">&nbsp;</span><span class="sr-only">Our Instagram profile peaceandchaos_store_athens</span></a></li>
  1219. </ul></div><!--Identifier: footer1_contact_us_2, Block Id: 128-->                                            </div>
  1220.                    <div class="col col-des col-tb-6 col-mb-12">
  1221.                        <!-- Static block: footer_block_infomation -->
  1222.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h6 class="margin-bottom30">INFORMATION</h6>
  1223. <ul class="menu">
  1224. <li><a href="https://www.peaceandchaos.com/en/terms">Terms &amp; Conditions</a></li>
  1225. <li><a href="https://www.peaceandchaos.com/en/cookies-policy">Cookies Policy</a></li>
  1226. <li><a href="https://www.peaceandchaos.com/en/privacy-policy">Privacy Policy</a></li>
  1227. <li><a href="https://www.peaceandchaos.com/en/payment-methods">Payment Methods </a></li>
  1228. <li><a href="https://www.peaceandchaos.com/en/shipping-methods">Shipping Methods </a></li>
  1229. <li><a href="https://www.peaceandchaos.com/en/return-policy">Return Policy </a></li>
  1230. <li><a href="https://www.peaceandchaos.com/en/return-form">Return Form</a></li>
  1231. <li><a href="https://www.peaceandchaos.com/en/contact">Contact us</a></li>
  1232. </ul></div><!--Identifier: footer_block_categories1, Block Id: 100-->                    </div>
  1233.                    <div class="col col-des col-tb-6 col-mb-12">
  1234.                        <!-- Static block: footer_block_quick_link -->
  1235.                        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h6 class="margin-bottom30">MENU</h6>
  1236. <ul class="menu">
  1237. <li><a href="https://www.peaceandchaos.com/en/by-collection">New Collection</a></li>
  1238. <li><a href="https://www.peaceandchaos.com/en/our-campaign">Campaigns</a></li>
  1239. <li><a href="https://www.peaceandchaos.com/en/this-is-us">This is us</a></li>
  1240. <li><a href="https://www.peaceandchaos.com/en/blog">Blog</a></li>
  1241. <li><a href="https://www.peaceandchaos.com/en/outlet">Sales</a></li>
  1242. <li><a href="/storelocator">Boutiques</a></li>
  1243. </ul></div><!--Identifier: footer_block_quick_link, Block Id: 97-->                    </div>
  1244.                    <div class="col col-des col-tb-6 col-mb-12">
  1245.                        <!-- Static block: footer_block_subscribe -->
  1246.                        <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>
  1247. <div><div class="block newsletter">
  1248.    <div class="content">
  1249.        <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">
  1250.            <div class="field form-group newsletter">
  1251.                <div class="control">
  1252.                    <input name="email" type="email" id="newsletter-footer" placeholder="Your email address" data-validate="{required:true, 'validate-email':true}">
  1253.                </div>
  1254.            </div>
  1255.            <div class="actions">
  1256.                <button class="action subscribe btn btn-primary btn-sm" title="Subscribe" type="submit">
  1257.                    <span>Subscribe</span>
  1258.                </button>
  1259.            </div>
  1260.        </form>
  1261.    </div>
  1262. </div>
  1263. </div>
  1264. <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>
  1265. </div>
  1266. </div>
  1267. </div>
  1268. <div class="bottom-footer">
  1269. <div class="frame">
  1270.                <div class="line">
  1271.                    <div class="col-des-6 col-tb-12 col-mb-12 copyright">
  1272.                        <address>
  1273.                                                            Copyright © 2025 - Web Development by <a target="_blank"href="https://www.softdesign.gr/"> Soft Design Ltd</a>. All rights reserved.                                                    </address>
  1274.                    </div>
  1275.                    <div class="col-des-6 col-tb-12 col-mb-12">
  1276.                        <!-- Static block: footer_block_menu_bottom -->
  1277.                        <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;">
  1278. <ul>
  1279. <li><img src="https://www.peaceandchaos.com/media/wysiwyg/p_c_footer_icons2.jpg" alt="bank icons" /></li>
  1280. </ul>
  1281. </div></div><!--Identifier: footer_block_menu_bottom, Block Id: 99-->                    </div>
  1282.                </div>
  1283.            </div>
  1284. </div>
  1285. </div>
  1286. <div
  1287.    class="field-recaptcha"
  1288.    id="recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796-container"
  1289.    data-bind="scope:'recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796'"
  1290. >
  1291.    <!-- ko template: getTemplate() --><!-- /ko -->
  1292. </div>
  1293.  
  1294. <script>
  1295.    require(['jquery', 'domReady!'], function ($) {
  1296.        $('#recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796-container')
  1297.            .appendTo('#newsletter-validate-detail');
  1298.    });
  1299. </script>
  1300.  
  1301. <script type="text/x-magento-init">
  1302. {
  1303.    "#recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796-container": {
  1304.        "Magento_Ui/js/core/app": {"components":{"recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796":{"settings":{"rendering":{"sitekey":"6Ld5HkQiAAAAAIRsDMA0AoOP06hXbq8ytMzaDk17","badge":"bottomright","size":"invisible","theme":"light","hl":""},"invisible":true},"component":"Magento_ReCaptchaFrontendUi\/js\/reCaptcha","reCaptchaId":"recaptcha-caa20ac351216e6f76edced1efe7c61fff5f4796"}}}    }
  1305. }
  1306. </script>
  1307. </div>
  1308. </footer> <script type="text/x-magento-init">
  1309. {
  1310. "[data-role=tocart-form], .form.map.checkout": {
  1311. "catalogAddToCart": {}
  1312. }
  1313. }
  1314. </script>
  1316.  
  1317. <div class="mfp-wrap mfp-close-btn-in mfp-auto-cursor mfp-ready" id="mgs-ajax-loading">
  1318. <div class="mfp-bg mfp-ready"></div>
  1319. <div class="preloader"></div>
  1320. </div><script type="text/javascript">
  1321. function toggleEl(el, elId){
  1322. require([
  1323. 'jquery',
  1324. ], function(jQuery){
  1325. (function($) {
  1326. $('#'+elId).toggleClass('active');
  1327. $(el).toggleClass('active');
  1328.                $('#'+elId).parent().toggleClass('is-active');
  1329. })(jQuery);
  1330. });
  1331. }
  1332. </script>
  1333. <script type="text/x-magento-init">
  1334.        {
  1335.            "*": {
  1336.                "Magento_Ui/js/core/app": {
  1337.                    "components": {
  1338.                        "storage-manager": {
  1339.                            "component": "Magento_Catalog/js/storage-manager",
  1340.                            "appendTo": "",
  1341.                            "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}}                        }
  1342.                    }
  1343.                }
  1344.            }
  1345.        }
  1346. </script>
  1347.  
  1348. <a href="#" class="scroll-to-top"><i class="fa fa-arrow-up"></i></a>
  1349. <script type="text/javascript">
  1350. require([
  1351. 'jquery'
  1352. ], function(jQuery){
  1353. (function($) {
  1354. $(window).scroll(function(){
  1355. if ($(this).scrollTop() > 1) {
  1356. $('.scroll-to-top').css({bottom:"25px",opacity: 1});
  1357. } else {
  1358. $('.scroll-to-top').css({bottom:"-45px",opacity: 0});
  1359. }
  1360. });
  1361.  
  1362. $('.scroll-to-top').click(function(){
  1363. $('html, body').animate({scrollTop: '0px'}, 800);
  1364. return false;
  1365. });
  1366. })(jQuery);
  1367. });
  1368. </script>
  1369.  
  1370. <script type="text/javascript">
  1371. require(['jquery','mlazyload'],function($){
  1372. $(document).ready(function() {
  1373. $("img.lazy").unveil(25, function(){
  1374. var self = $(this);
  1375. setTimeout(function(){
  1376. self.removeClass('lazy');
  1377. }, 0);
  1378. });
  1379. });
  1380.  
  1381. });
  1382. </script>
  1383.    <script type="text/javascript">
  1384.        function cpGetEmail() {
  1385.            var name = "customerEmail=";
  1386.            var decodedCookie = decodeURIComponent(document.cookie);
  1387.            var ca = decodedCookie.split(';');
  1388.            for(var i = 0; i <ca.length; i++) {
  1389.                var c = ca[i];
  1390.                while (c.charAt(0) == ' ') {
  1391.                    c = c.substring(1);
  1392.                }
  1393.                if (c.indexOf(name) == 0) {
  1394.                    return c.substring(name.length, c.length);
  1395.                }
  1396.            }
  1397.            return "";
  1398.        }
  1399.        var customermail = cpGetEmail();
  1400.        var cpaAccount='peaceandchaoscom';
  1401.        var cpaE= customermail;
  1402.        var cpa_async={'ctag':'','utmipn':'','utmipc':'','utmtid':'','utmtto':'','cutmcn':'','cutmcc':''};
  1403.    </script>
  1404.            <script type="text/javascript" src="//ping.contactpigeon.com/bi/js/cpagent143144.js?cid=peaceandchaoscom&v=001"></script>
  1405.        
  1406.  
  1407. <script>
  1408. require([
  1409.    'jquery',
  1410.    'mage/url'
  1411. ], function ($, mageUrl) {
  1412.    
  1413.    function getUserData()
  1414.    {
  1415.        var sectionUrl = 'https://www.peaceandchaos.com/en/customer/section/load';
  1416.        
  1417.        $.ajax({
  1418.            url: sectionUrl,
  1419.            data: {
  1420.                sections: "apptrian_facebook_pixel_matching_section"
  1421.            },
  1422.            type: "GET",
  1423.            dataType : "json"
  1424.        })
  1425.        .done(function( json ) {
  1426.            var result = json.apptrian_facebook_pixel_matching_section.matching_data;
  1427.        });
  1428.    }
  1429.    
  1430.    getUserData();
  1431.    
  1432. });
  1433. </script>
  1434.  
  1435. <!-- Facebook Pixel Code -->
  1436. <script>
  1437.    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  1438. n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
  1439. n.push=n;n.loaded=!0;n.version='2.0';n.agent='dvapptrian';n.queue=[];
  1440. t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];
  1441. s.parentNode.insertBefore(t,s)}(window,
  1442. document,'script','https://connect.facebook.net/en_US/fbevents.js');
  1443.            
  1444. require([
  1445.    'jquery',
  1446.    'underscore',
  1447.    'mage/url',
  1448.    'mage/cookies'
  1449. ], function ($, _, mageUrl) {
  1450.    $(function () {
  1451.        var propagationStop = 0;
  1452.        
  1453.        $(document).on('ajaxComplete', function (event, xhr, settings) {
  1454.            
  1455.            var userData = {};
  1456.            var apptrianFacebookPixelUrl="https://www.peaceandchaos.com/en/";                                                
  1457.            function isEmpty(obj) {
  1458.                for(var prop in obj) {
  1459.                    if(obj.hasOwnProperty(prop)) {
  1460.                        return false;
  1461.                    }
  1462.                }
  1463.                
  1464.                return true;
  1465.            }
  1466.            
  1467.            var settingsUrl = settings.url;
  1468.            var sectionName = 'apptrian_facebook_pixel_matching_section';
  1469.            var urlPath = 'customer/section/load';
  1470.            
  1471.            if (propagationStop === 0
  1472.                && settingsUrl.indexOf(urlPath) !== -1
  1473.                && settingsUrl.indexOf(sectionName) !== -1
  1474.            ) {
  1475.                propagationStop = 1;
  1476.                var response = JSON.parse(xhr.responseText);
  1477.                var section;
  1478.                var sectionData;
  1479.                
  1480.                if (response !== 'undefined' && response.hasOwnProperty('apptrian_facebook_pixel_matching_section')) {
  1481.                    section = response.apptrian_facebook_pixel_matching_section;
  1482.                    
  1483.                    if (section !== 'undefined' && section.hasOwnProperty('matching_data')) {
  1484.                        sectionData = section.matching_data;
  1485.                        
  1486.                        if (!isEmpty(sectionData)) {
  1487.                            userData = sectionData;
  1488.                        }
  1489.                    }
  1490.                }
  1491.    
  1492.                
  1493.                if (!isEmpty(userData)) {
  1494.            fbq('init', '949710895509801', userData);
  1495.        } else {
  1496.            fbq('init', '949710895509801');
  1497.        }
  1498.                
  1499.        function stringToHash(string)
  1500.        {
  1501.            var hash = 0;
  1502.              
  1503.            if (string.length == 0) return hash;
  1504.              
  1505.            for (i = 0; i < string.length; i++) {
  1506.                char = string.charCodeAt(i);
  1507.                hash = ((hash << 5) - hash) + char;
  1508.                hash = hash & hash;
  1509.            }
  1510.            
  1511.            return String(hash);
  1512.        }
  1513.        
  1514.        function generateEventId(eName)
  1515.        {
  1516.            var uCookie = document.cookie;
  1517.            var uHash = stringToHash(uCookie);
  1518.            var url = window.location.href;
  1519.            var urlHash = stringToHash(url);
  1520.            
  1521.            function getTimeStamp() {
  1522.                if (!Date.now) {
  1523.                    Date.now = function() { return new Date().getTime(); }
  1524.                }
  1525.                
  1526.                return Date.now();
  1527.            }
  1528.            
  1529.            var timestamp = String(getTimeStamp());
  1530.            
  1531.            return eName + uHash + urlHash + timestamp;
  1532.        }
  1533.        
  1534.        function fireConversionsApiEvent(eName, eData, eId)
  1535.        {
  1536.            var apiUrl = 'https://www.peaceandchaos.com/en/apptrian_facebookpixel/index/index';
  1537.            
  1538.            $.ajax({
  1539.                url: apiUrl,
  1540.                data: {
  1541.                    eventName: eName,
  1542.                    eventData: eData,
  1543.                    eventId: eId,
  1544.                    url: window.location.href,
  1545.                    userData: userData
  1546.                },
  1547.                type: "GET",
  1548.                dataType : "json",
  1549.            })
  1550.            .done(function( json ) {
  1551.                var result = json;
  1552.            });
  1553.        }
  1554.        
  1555.        function moveParamsOutsideContents(data) {
  1556.            var isMoveParamsOutsideContentsEnabled = 1;
  1557.                
  1558.            if (isMoveParamsOutsideContentsEnabled) {
  1559.                if (!('contents' in data)) {
  1560.                    return data;
  1561.                }
  1562.                
  1563.                var contents       = data['contents'];
  1564.                var contentsLength = contents.length;
  1565.                
  1566.                if (contentsLength > 1) {
  1567.                    var c = 0;
  1568.                    for (i = 0; i < contentsLength; i++) {
  1569.                        var item = contents[i];
  1570.                        
  1571.                        for (var index in item) {
  1572.                            if (index == 'id' || index == 'item_price' || index == 'quantity') {
  1573.                                continue;
  1574.                            }
  1575.                            
  1576.                            // You cannot do anything with param just
  1577.                            // Remove the param from contents
  1578.                            delete data['contents'][c][index];
  1579.                        }
  1580.                        
  1581.                        c++;
  1582.                    }
  1583.                } else {
  1584.                    var item = contents[0];
  1585.                    for (var index in item) {
  1586.                        var value = item[index];
  1587.                        if (index == 'id' || index == 'item_price' || index == 'quantity') {
  1588.                            continue;
  1589.                        }
  1590.                        
  1591.                        // Set the param
  1592.                        data[index] = value;
  1593.                        // Remove the param from contents
  1594.                        delete data['contents'][0][index];
  1595.                    }
  1596.                }
  1597.                
  1598.                return data;
  1599.            } else {
  1600.                return data;
  1601.            }
  1602.        }
  1603.        
  1604.        // Ready PageView data. (It is fired below for each event conditionally.)
  1605.        var pageViewEventId = generateEventId("PageView");
  1606.        var pageViewEventIdObj = {};
  1607.        pageViewEventIdObj.eventID = pageViewEventId;
  1608.        
  1609.        var pageViewData = {};
  1610.    
  1611.        
  1612.                    fbq("track", "PageView", pageViewData, pageViewEventIdObj);
  1613.                
  1614.                    fireConversionsApiEvent("PageView", pageViewData, pageViewEventId);
  1615.            
  1616.        
  1617.        
  1618.    } // end of is customer data call
  1619.    }); // end of on ajaxComplete
  1620.    
  1621.        
  1622.    }); // end of on document ready
  1623. });
  1624. </script>
  1625.  
  1626.    <!-- End Facebook Pixel Code -->
  1627.  
  1628.    <script type="text/x-magento-init">
  1629.    {
  1630.        "#product_stock_alert_container": {
  1631.            "bssStockAlertEventHandle": {}
  1632.        }
  1633.    }
  1634. </script>
  1635.  
  1636. </div><div id="loading_overlay" class="quickview-loading-overlay"></div>
  1637.  
  1638. <script>
  1639.    function includeQuickviewAction($){
  1640.        var $_quickviewBaseUrl = 'aquickview/index/index';
  1641.        var $_baseUrl = 'https://www.peaceandchaos.com/en/';
  1642.        var $_quickviewUrl = $_baseUrl + $_quickviewBaseUrl;
  1643.  
  1644.        var $_prdItem = $('.products.list.items.product-items .product-item');
  1645.        var $_prdItemAction = $('.products.list.items.product-items .product-item .actions-secondary');
  1646.        var $_listItem = [];
  1647.        if($_prdItem.length > 0 && $_prdItemAction.length > 0){
  1648.            $_prdItem.each(function() {
  1649.                var $el = $(this);
  1650.                var $_prdItemId = $el.find('input[name="product"]').val();
  1651.                if(typeof $_prdItemId === "undefined"){
  1652.                    $_prdItemId = $el.find('[data-role="priceBox"]').attr('data-product-id');
  1653.                }
  1654.                if($el.find("a.action.quickview").length <= 0) {
  1655.                    if($el.find('a.product-item-photo').length > 0 ){
  1656.                        var $_prdLink = $el.find('a.product-item-photo');
  1657.                        if(typeof $_prdLink.attr('href') !== 'undefined' && $_prdLink.attr('href').replace($_baseUrl,"") != '#'){
  1658.                            var $_prdPathLink = $_prdLink.attr('href').replace($_baseUrl,"");
  1659.                            $_prdPathLink = ($_prdPathLink.indexOf('index.php') >= 0 ) ? $_prdPathLink.replace('index.php/','') : $_prdPathLink;
  1660.  
  1661.                            var $quickviewAction = $_quickviewUrl + ("/catalog/product/id/") + $_prdItemId;
  1662.                            var $_buttonHtml = '<li><a data-productid="'+$_prdItemId+'" class="action quickview" aria-label="Quickview" title="Quickview" href="'+$quickviewAction+'"><span>Quickview</span></a></li>';
  1663.                            $_listItem.push($_buttonHtml);
  1664.                        }
  1665.                    }
  1666.                }
  1667.            });
  1668.            var count = 0 ;
  1669.            $_prdItemAction.each(function () {
  1670.                if(typeof $_listItem[count] != 'undefined' && $(this).find("a.action.quickview").length <= 0) {
  1671.                    $(this).append($_listItem[count]);
  1672.                    count ++;
  1673.                }
  1674.            });
  1675.        }
  1676.    }
  1677. </script>
  1678.  
  1679. <script type="text/javascript">
  1680.    requirejs([
  1681.        'jquery',
  1682.        'domReady!',
  1683.        'aQuickView'
  1684.    ], function($){
  1685.        $('#loading_overlay').removeClass('loading');
  1686.  
  1687.        $(document).ready(function(){
  1688.            includeQuickviewAction($);
  1689.        });
  1690.  
  1691.        $(document).on('click','.action.quickview',function(e){
  1692.            e.preventDefault();
  1693.            if($('body.catalog-product-view').size() > 0){
  1694.                $('body').addClass('origin-catalog-product-view');
  1695.            }else {
  1696.                $('body').addClass('catalog-product-view');
  1697.            }
  1698.            $('#loading_overlay').addClass('loading');
  1699.            var widgetQv = $(this).aQuickView();
  1700.            var url = $(this).attr('href');
  1701.            var id = $(this).attr('data-productid');
  1702.            widgetQv.aQuickView('productQuickView',url, id);
  1703.        });
  1704.    });
  1705.  
  1706. </script>
  1707.    <script>
  1708.        require(['jquery','weltpixel_persistentLayer', 'weltpixel_gtm', 'Magento_Customer/js/customer-data'],
  1709.            function ($, wpPersDl, wpgtm, customerData) {
  1710.                $( document ).ajaxComplete(function( event, xhr, settings ) {
  1711.                    if (settings.url.search('/customer\/section\/load/') > 0) {
  1712.                        var response = xhr.responseJSON;
  1713.                        if (response.gtm) {
  1714.                            var dataLayerData = $.parseJSON(response.gtm.datalayer);
  1715.                            for (index in dataLayerData) {
  1716.                                window.dataLayer.push({ecommerce: null});
  1717.                                window.dataLayer.push(dataLayerData[index]);
  1718.                            }
  1719.                        }
  1720.                    }
  1721.                });
  1722.                var wpPersDlOptions = {'storageExpiryTime' : 30 };
  1723.                var wpGtmOptions = {
  1724.                    'enabled' : 0,
  1725.                    'persDataLayer' : wpPersDl
  1726.                };
  1727.                wpPersDl.init(wpPersDlOptions);
  1728.                wpgtm.trackPromotion(wpGtmOptions);
  1729.            });
  1730.    </script>
  1731.    </body>
  1732. </html>
  1733.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda