Fast & secure delivery

Worldwide delivery

Easy returns

Navy blue pleated midi skirt with contrasting hem

Name: Navy blue pleated midi skirt with contrasting hem
Brand: Misciano
SKU: MSSSC5623-S
Price: 89.95 EUR
Availability: InStock

€89,95 EUR

Promotion Out of stock

Size

S M L

Show all details

Delivery

Your Location

Delivery Times

Price

Relay Point Delivery

3 to 5 business days

4.95€

Standard Home Delivery

2 to 4 business days

6.95€

Home Delivery via UPS

1 to 2 business days

8.45€

Click here for more information

Returns

Your satisfaction is our priority.

If an item does not suit you, you have a simple and quick return.

Return Information

Size guide

Find your ideal size with our international size guide.

Size guide

INCH

*Please note that sizes may vary depending on the style and manufacturing. Refer to the product description for more information.

International conversion

How to measure

Timeless elegance and discreet sophistication meet in this midnight blue pleated midi skirt, enhanced by a delicate contrasting ecru trim finish.

Its pleated structure, both fluid and crafted, adds volume and movement, while the high waist subtly refines the silhouette. Designed in a premium quality fabric, this piece is made in respect of the artisanal know-how that is the signature of the Misciano house.

Ideal for a chic office look or a feminine evening style, this skirt pairs wonderfully with a fitted white shirt or a silk top.

Skirt length: 70 cm
Material: 100% Cotton

White shirt with fine stripes and sparkling details

€79,95

Long blue shirt dress with a fluid cut

€119,00

Short white tweed jacket with sequins

€109,95

<div id="shopify-block-AVTJEZW5TbE9ZYlBMR__11609658749665769140" class="shopify-block shopify-app-block"><script>
  if (!window.localesAIModule) {
    window.localesAIModule = {};
  }
  /** -- liquid code -- */
  Object.assign(window.localesAIModule, {
    /** Configurable metafield set by devlopers in technical support, @see storefront-config.d.ts */
    config: null || {},
    inlineData: [
      {}, {"Articles récemment consultés":"Recently Viewed Items","Guide des tailles":"Size Guide"},
      , 
    ].filter(Boolean),
    shopInfo: {
      "shop": "c4v0r5-ck.myshopify.com",
      "shopId": "88439783689",
      "pageType": "product",
      "pageId": "15126384771337",
      
      
        "primaryLanguage": "fr",
      
      "language": "en",
      "country": "FR"
    },
    dynamicContentEnabled: false,
    translate3rdPartyOnly: "",
  });
  /** -- js code -- */
  window.localesAIModule.fetchFirebaseStorage = async function (path) {
    const fullPath = `https://firebasestorage.googleapis.com/v0/b/autogpt-33944.appspot.com/o/${path.replaceAll('/', '%2F')}?alt=media`;
    try {
      const res = await fetch(fullPath);
      if (!res.ok) {
        return undefined;
      }
      return await res.json();
    } catch (error) {
      console.error('localesAI.fetchFirebaseStorage', error);
      return undefined;
    }
  };

}
    }

fileName = 'trustify';
    if (!fetchWithConfig(fileName, module.config)) {
      // fallback to default fetching logic
      const mainWidget = document.querySelector('.trustify-review-box');
      if (mainWidget) {
        if (pageType === 'product') {
          fetchers.push(fetchStorage(fileName, `product-${pageId}`, 'product'));
        } else {
          fetchers.push(fetchStorage(fileName, 'store'));
        }
        fetchers.push(fetchStorage(fileName, 'shared'));
      }
    }

await Promise.all(fetchers);
    // console.debug('[Locales.AI] storageData', data);
    return data;

async function fetchStorage(fileName, resourceSeg, propName) {
      const obj = await module.fetchFirebaseStorage(
        `storefront_trans/${shopId}/${language}/${resourceSeg}/${fileName}.json`
      );
      if (obj) {
        data[fileName][propName || resourceSeg] = obj;
      }
    }

</div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"><script>var __SWYM__VERSION__ = '3.184.1';</script>

// Put metafields in window variable
    const commonCustomizationSettings = '';
    try {
      const parsedSettings = JSON.parse(commonCustomizationSettings);
      if (parsedSettings) {
        window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings'];
      } else {
        window.SwymWishlistCommonCustomizationSettings = {};
      }
    } catch (e) {
      window.SwymWishlistCommonCustomizationSettings = {};
    }

// Initialize or ensure SwymViewProducts exists
    if (!window.SwymViewProducts) {
      window.SwymViewProducts = {};
    }    
    
      try {
        const socialCountMap = { "https://misciano.com/en/products/midnight-blue-pleated-midi-skirt-with-contrasting-edge": { "socialCount": -1, "empi": 15126384771337 } };        
        // Integrate social count data into existing SwymViewProducts structure
        Object.keys(socialCountMap).forEach(function(key) {
          if (!window.SwymViewProducts[key]) {
            window.SwymViewProducts[key] = {};
          }
          
          window.SwymViewProducts[key] = socialCountMap[key];
        });
      } catch (e) {
        // Silent error handling
      }
    
  })();
</script>

element = "swym-ext-shopify-script";
        window.SwymShopifyCdnInUse = true;
        scriptSrc = "https://cdn.shopify.com/extensions/019b50e1-2cde-7047-8cd1-cce81dc52d5d/wishlist-shopify-app-609/assets/swym-ext-shopify.js";

if (document.getElementById(element)) {
        return;
      }

var s = document.createElement("script");
      s.id = element;
      s.type = "text/javascript";
      s.async = true;
      s.defer = true;
      s.src = scriptSrc;

s.onerror = function() {
        console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default");
        // Fallback logic here
        element = `swym-ext-shopify-script-${__SWYM__VERSION__}`;
        var fallbackJsPathVal = "\/\/freecdn.swymrelay.com\/code\/swym-shopify.js";
        var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify");
        scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__;

var fallbackScript = document.createElement("script");
        fallbackScript.id = element;
        fallbackScript.type = "text/javascript";
        fallbackScript.async = true;
        fallbackScript.defer = true;
        fallbackScript.src = scriptSrc;
        var y = document.getElementsByTagName("script")[0];
        y.parentNode.insertBefore(fallbackScript, y);
      };

<script defer>
  (function () {
    const currentSwymJSPath = '//freecdn.swymrelay.com/code/swym-shopify.js';
    const currentSwymStorePath = 'https://swymstore-v3free-01.swymrelay.com';
    const dnsPrefetchLink = `<link rel="dns-prefetch" href="https://${currentSwymStorePath}" crossorigin>`;
    const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`;
    const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`;
    const swymSnippet = document.getElementById('wishlist-embed-init');        
    if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);}
    if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);}
    if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);}
  })()
</script>
<script id="swym-snippet" type="text">
  window.swymLandingURL = document.URL;
  window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
  window.swymPageLoad = function() {
    window.SwymProductVariants = window.SwymProductVariants || {};
    window.SwymHasCartItems = 0 > 0;
    window.SwymPageData = {}, window.SwymProductInfo = {};var variants = [];
      window.SwymProductInfo.product = {"id":15126384771337,"title":"Navy blue pleated midi skirt with contrasting hem","handle":"midnight-blue-pleated-midi-skirt-with-contrasting-edge","description":"\u003cp\u003eTimeless elegance and discreet sophistication meet in this midnight blue pleated midi skirt, enhanced by a delicate contrasting ecru trim finish.\u003c\/p\u003e\n\u003cp\u003eIts \u003cstrong\u003epleated structure\u003c\/strong\u003e, both fluid and crafted, adds volume and movement, while the \u003cstrong\u003ehigh waist\u003c\/strong\u003e subtly refines the silhouette. Designed in a premium quality fabric, this piece is made in respect of the artisanal know-how that is the signature of the Misciano house.\u003c\/p\u003e\n\u003cp\u003eIdeal for a chic office look or a feminine evening style, this skirt pairs wonderfully with a fitted white shirt or a silk top.\u003cbr\u003e\u003cbr\u003eSkirt length: 70 cm\u003cbr\u003eMaterial: 100% Cotton\u003c\/p\u003e","published_at":"2025-04-29T10:44:59+02:00","created_at":"2025-04-25T16:39:20+02:00","vendor":"MISCIANO","type":"","tags":["shoptok"],"price":8995,"price_min":8995,"price_max":8995,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":55351238656265,"title":"S","option1":"S","option2":null,"option3":null,"sku":"MSSSC5623-S","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Navy blue pleated midi skirt with contrasting hem - S","public_title":"S","options":["S"],"price":8995,"weight":400,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468959966441","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55351238689033,"title":"M","option1":"M","option2":null,"option3":null,"sku":"MSSSC5623-M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Navy blue pleated midi skirt with contrasting hem - M","public_title":"M","options":["M"],"price":8995,"weight":400,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468959983165","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55351238721801,"title":"L","option1":"L","option2":null,"option3":null,"sku":"MSSSC5623-L","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Navy blue pleated midi skirt with contrasting hem - L","public_title":"L","options":["L"],"price":8995,"weight":400,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468959994116","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2013210.jpg?v=1757065866","\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-8603914.jpg?v=1757065866","\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2948499.jpg?v=1757065866","\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-5505094.jpg?v=1757065867"],"featured_image":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2013210.jpg?v=1757065866","options":["Size"],"media":[{"alt":"Jupe midi plissée en bleu nuit avec bord écru, un incontournable pour une allure chic lors d'événements raffinés.","id":66365215244553,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2013210.jpg?v=1757065866"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2013210.jpg?v=1757065866","width":1365},{"alt":"Détail de la jupe midi plissée bleu nuit, soulignée par un bord écru, idéale pour une tenue raffinée au quotidien.","id":66365215211785,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-8603914.jpg?v=1757065866"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-8603914.jpg?v=1757065866","width":1365},{"alt":"Jupe midi plissée bleu nuit avec finition écrue, un choix élégant pour une soirée ou une sortie raffinée.","id":66365215277321,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2948499.jpg?v=1757065866"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2948499.jpg?v=1757065866","width":1365},{"alt":"Détail de la jupe plissée bleu nuit avec délicat bord écru, parfaite pour une silhouette élégante en toute occasion.","id":66365298213129,"position":4,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-5505094.jpg?v=1757065867"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-5505094.jpg?v=1757065867","width":1365}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003eTimeless elegance and discreet sophistication meet in this midnight blue pleated midi skirt, enhanced by a delicate contrasting ecru trim finish.\u003c\/p\u003e\n\u003cp\u003eIts \u003cstrong\u003epleated structure\u003c\/strong\u003e, both fluid and crafted, adds volume and movement, while the \u003cstrong\u003ehigh waist\u003c\/strong\u003e subtly refines the silhouette. Designed in a premium quality fabric, this piece is made in respect of the artisanal know-how that is the signature of the Misciano house.\u003c\/p\u003e\n\u003cp\u003eIdeal for a chic office look or a feminine evening style, this skirt pairs wonderfully with a fitted white shirt or a silk top.\u003cbr\u003e\u003cbr\u003eSkirt length: 70 cm\u003cbr\u003eMaterial: 100% Cotton\u003c\/p\u003e"};
      window.SwymProductInfo.variants = window.SwymProductInfo.product.variants;
      var piu = "\/\/misciano.com\/cdn\/shop\/files\/jupe-midi-plissee-bleu-nuit-a-bord-contrastant-2013210.jpg?crop=center\u0026height=620\u0026v=1757065866\u0026width=620";

SwymProductVariants[55351238656265] = {
          empi: window.SwymProductInfo.product.id,epi:55351238656265,
          dt: "Navy blue pleated midi skirt with contrasting hem",
          du: "https://misciano.com/en/products/midnight-blue-pleated-midi-skirt-with-contrasting-edge",
          iu:  piu ,
          stk:  1 ,
          pr: 8995/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "S" : 55351238656265}]
        };
        SwymProductVariants[55351238689033] = {
          empi: window.SwymProductInfo.product.id,epi:55351238689033,
          dt: "Navy blue pleated midi skirt with contrasting hem",
          du: "https://misciano.com/en/products/midnight-blue-pleated-midi-skirt-with-contrasting-edge",
          iu:  piu ,
          stk:  1 ,
          pr: 8995/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "M" : 55351238689033}]
        };
        SwymProductVariants[55351238721801] = {
          empi: window.SwymProductInfo.product.id,epi:55351238721801,
          dt: "Navy blue pleated midi skirt with contrasting hem",
          du: "https://misciano.com/en/products/midnight-blue-pleated-midi-skirt-with-contrasting-edge",
          iu:  piu ,
          stk:  1 ,
          pr: 8995/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "L" : 55351238721801}]
        };window.SwymProductInfo.currentVariant = 55351238656265;
      var product_data = {
        et: 1, empi: window.SwymProductInfo.product.id, epi: window.SwymProductInfo.currentVariant,
        dt: "Navy blue pleated midi skirt with contrasting hem", du: "https://misciano.com/en/products/midnight-blue-pleated-midi-skirt-with-contrasting-edge",
        ct: window.SwymProductInfo.product.type, pr: 8995/100,
        iu:  piu , 
        variants: [{ "S" : 55351238656265 }],
        stk:  1 
        
      };
      window.SwymPageData = product_data;
    
    window.SwymPageData.uri = window.swymLandingURL;
  };
  if(window.selectCallback){
    (function(){
      var originalSelectCallback = window.selectCallback;
      window.selectCallback = function(variant){
        originalSelectCallback.apply(this, arguments);
        try{
          if(window.triggerSwymVariantEvent){
            window.triggerSwymVariantEvent(variant.id);
          }
        }catch(err){
          console.warn("Swym selectCallback", err);
        }
      };})();}
  window.swymCustomerId =null;
  window.swymCustomerExtraCheck =
    null;
  var swappName = ("Wishlist" || "Wishlist");
  var swymJSObject = {
    pid: "Q4OniuHIgrzTilALsPfC4INwtylwEuYxSLeBHWICm6I=",
    interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName
  };
  window.swymJSShopifyLoad = function(){
    if(window.swymPageLoad) swymPageLoad();
    if(!window._swat) {
      (function (s, w, r, e, l, a, y) {
        r['SwymRetailerConfig'] = s;
        r[s] = r[s] || function (k, v) {
          r[s][k] = v;
        };
      })('_swrc', '', window);
      _swrc('RetailerId', swymJSObject.pid);
      _swrc('Callback', function(){initSwymShopify();});
    }else if(window._swat.postLoader){
      _swrc = window._swat.postLoader;
      _swrc('RetailerId', swymJSObject.pid);
      _swrc('Callback', function(){initSwymShopify();});
    }else{
      initSwymShopify();}
  }
  if(!window._SwymPreventAutoLoad) {
    swymJSShopifyLoad();
  }
</script>

if (!window.SwymCallbacks) {
      window.SwymCallbacks = [];
    }
    window.SwymCallbacks.push((swat) => {
      if (!swat || !themeId) {
        return;
      }

const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat;
      if (typeof triggerHeartbeat !== "function") return;

const lastHeartbeat = isDesignMode ? wishlistAppHeartbeatData?.editor : wishlistAppHeartbeatData?.[themeId];
      const themeContext = isDesignMode ? 'editor' : themeId;
      
      const extensionData = {
        extensionName: "wishlist-app", 
        extensionType: "app-embed", 
        metadata: heartbeatMetadata, 
        themeId: themeContext, 
        extensionSource: "default"
      };
      // ENABLE COMMON FEATURES
      let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures;
      Object.keys(swymEnabledCommonFeatures).forEach((key) => {
        if (!swymEnabledCommonFeatures[key]) 
          return;

switch (key) {
          case "add-to-wishlist-collections-button":
            // Check if app block is already handling the collections button
            if (window.SwymCollectionsConfig) {
              return;
            }
            
            swat?.collectionsApi?.setDefaultCustomizationOptions();
            swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName);

// Send basic collections heartbeat
            let basicCollectionsHeartbeat = '';
            try {
              basicCollectionsHeartbeat = JSON.parse(basicCollectionsHeartbeat) || {};
            } catch (e) {
              basicCollectionsHeartbeat = {}; 
            }

const lastBasicCollectionsHeartbeat = isDesignMode ? basicCollectionsHeartbeat?.editor : basicCollectionsHeartbeat?.[themeId];

/** Stop heartbeat
            triggerHeartbeat({
              extensionName: "basic-add-to-wishlist-collections-button", 
              extensionType: "app-embed", 
              metadata: {}, 
              themeId: themeContext, 
              extensionSource: "default"    
            }, lastBasicCollectionsHeartbeat);
            */

break;
          case "add-to-wishlist-pdp-button":
            // Check if app block is already handling the PDP button
            if (window.swymATWButtonConfig?.shopifyExtensionType === "appblock") {
              return;
            }

if (!(window.SwymPageData && window.SwymPageData.et === 1)) {
              // Not initiating pdp button as it is not a product page
              return 
            }

// Inject addtowishlist.css into the document's <head>
            var head = document.head;
            var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/019b50e1-2cde-7047-8cd1-cce81dc52d5d/wishlist-shopify-app-609/assets/addtowishlistbutton.css";
            var pdpButtonStylesheetTag = document.createElement("link");
            pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`;
            pdpButtonStylesheetTag.rel = "stylesheet";
            pdpButtonStylesheetTag.href = pdpButtonStylesheet;
            
            if (!document.getElementById("swym-pdp-button-stylesheet")) {
              head.appendChild(pdpButtonStylesheetTag);
            }

var x = document.getElementsByTagName("script")[0];
            function createAndInsertScript(id, src, onLoadCallback) {
              var scriptTag = document.createElement("script");
              scriptTag.id = id;
              scriptTag.type = "text/javascript";
              scriptTag.src = src;
              scriptTag.onload = onLoadCallback;
              x.parentNode.insertBefore(scriptTag, x);
            }

var pdpButtonScript = "https://cdn.shopify.com/extensions/019b50e1-2cde-7047-8cd1-cce81dc52d5d/wishlist-shopify-app-609/assets/addtowishlistbutton.js";
            createAndInsertScript(
              `swym-pdp-button-script`,
              pdpButtonScript,
              function () {
                const pdpBtnApi = window.WishlistPlusPDPButtonAPI;
                if (pdpBtnApi) {
                  pdpBtnApi.setDefaultCustomizationOptions(swat);
                  pdpBtnApi.initializePDPButton(swat, true);
                }
              }
            );
            break;
          default:
            return;
        }
      })
    });
  })(); // IIFE to prevent polluting global scope
</script>

// Only use color adjustment functions if we're using common settings
    if (!secondaryBgColor || !secondaryTextColor) {
      function adjustOpacity(color, opacity) {
        if (color[0] === '#') {
          color = color.slice(1);
        }

if (color.length === 3) {
          color = color.split('').map(char => char + char).join('');
        }

const r = parseInt(color.slice(0, 2), 16);
        const g = parseInt(color.slice(2, 4), 16);
        const b = parseInt(color.slice(4, 6), 16);

return `rgba(${r}, ${g}, ${b}, ${opacity})`;
      }

function hexToRgb(color) {
        if (color[0] === '#') {
          color = color.slice(1);
        }
        if (color.length === 3) {
          color = color.split('').map(c => c + c).join('');
        }

return {
          r: parseInt(color.slice(0, 2), 16),
          g: parseInt(color.slice(2, 4), 16),
          b: parseInt(color.slice(4, 6), 16)
        };
      }

function getLuminance({ r, g, b }) {
        return 0.299 * r + 0.587 * g + 0.114 * b;
      }

function generateSecondaryColors(primaryBgColor, primaryTextColor) {
        const secondaryBgOpacity = 0.2;
        const secondaryTextOpacity = 0.8;

const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity);

const bgRgb = hexToRgb(primaryBgColor);
        const bgLuminance = getLuminance(bgRgb);

// Determine whether to use dark or light text for contrast
        const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity);
        const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity);

const secondaryTextColor = bgLuminance > 186 ? darkText : lightText;

return {
          secondaryBgColor,
          secondaryTextColor
        };
      }

const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor);
      secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor;
      secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor;
    }

// Create the CSS rule
    let styles = `
      .swym-storefront-layout-root-component {
        --swym-storefront-layout-ui-border-radius: ${borderRadius}px;
        --swym-storefront-layout-button-border-radius: ${borderRadius}px;
        --swym-storefront-layout-side-drawer-width: ${drawerWidth}px;
        --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor};
        --swym-storefront-layout-button-color-text-primary: ${primaryTextColor};
        --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor};
        --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor};
      }
    `;

// Create a <style> element and append the styles
    let styleSheet = document.createElement("style");
    styleSheet.type = "text/css";
    styleSheet.innerText = styles;
    document.head.appendChild(styleSheet);

if (typeof window.SwymStorefrontLayoutContext === 'undefined') {
        window.SwymStorefrontLayoutContext = {};
    }
    if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){
        window.SwymStorefrontLayoutExtensions = {};
    }
    
    if (isControlCentreEnabledFromBlockSettings) {
      // If block settings are enabled, use them
      SwymStorefrontLayoutContext.Settings = {
        EnableStorefrontLayoutOnLauncher: true,
        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification || true,
        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
        StorefrontLayoutDrawerPosition: "left",
        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
        EnableStorefrontLayoutVariantSelector: true,
        StorefrontLayoutNotificationPosition: "left",
        StorefrontLayoutActionPopupPosition: "left",
        StorefrontLayoutNotificationDuration: 5000
      };
    } else {
      // If only metafield is enabled but no block settings, use common settings
      SwymStorefrontLayoutContext.Settings = {
        EnableStorefrontLayoutOnLauncher: true,
        EnableStorefrontLayoutNotification: true,
        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
        StorefrontLayoutDrawerPosition: "left",
        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
        EnableStorefrontLayoutVariantSelector: true,
        StorefrontLayoutNotificationPosition: "left",
        StorefrontLayoutActionPopupPosition: "left",
        StorefrontLayoutNotificationDuration: 5000
      };
    }
    const storefrontLayoutCallback = (swat) =>{
      SwymStorefrontLayoutContext.swat = swat;
      let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid'];
      let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled'];
      SwymStorefrontLayoutContext.Settings = {
        ...SwymStorefrontLayoutContext?.Settings,
        EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] || false,
        EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield),
      }

if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){
        if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){
          var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 
            detail: { settings: SwymStorefrontLayoutContext?.Settings }
          });
          document.dispatchEvent(event);
        }else{
          swat.utils.warn(`LayoutInitialized event is not defined.`);
        }
      }else{
        swat.utils.warn(`Storefront Layout is disabled.`);
        document.getElementById("swym-storefront-layout-container")?.remove();
        document.getElementById("swym-storefront-extention-render-container")?.remove();
      }
    }
  
    if (!window.SwymCallbacks) {
      window.SwymCallbacks = [];
    }
    window.SwymCallbacks.push(storefrontLayoutCallback);
  
    SwymStorefrontLayoutContext.SwymCustomerData = {
      
        name: null,
        email: null
      
    };
    SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email;
  })();
</script>

</div><div id="shopify-block-AbEpqaklGb2U2U255a__10274264662263595587" class="shopify-block shopify-app-block">
<script>
  window.SwymCollectionsConfig = {
  'CollectionsSelectors': [],
  'CollectionsPosition': "top-right",
  'CollectionsIcon': "heart",
  'CollectionsButtonSize': 25,
  'CollectionsVerticalOffset': 0,
  'CollectionsHorizontalOffset': 0,
  'CollectionsProductLinkSelector': "-", 
  'CollectionsProductTileSelector': "-",
  'CollectionsVariantSelector': "false",
  'CollectionsVariantSelectorChooseActionText': "Choose or Create new Wishlist",
  'CollectionsCreateListTitle': "Name Your Wishlist",
  'CollectionsCreateListPlaceholder': "Enter wishlist name",
  'CollectionsCustomIconAdd': "",
  'CollectionsCustomIconAdded': "",
  'CollectionsIconColor': "#000000",
  'CollectionsIconThickness': "1.7",
}
</script>
<style>
  .swym-wishlist-collections-v2, .swym-wishlist-collections-v2 svg {border:unset; background:unset;  height: 25px!important;}
  .swym-wishlist-collections-icon-heart-filled, .swym-wishlist-collections-icon-heart-unfilled, .swym-wishlist-collections-icon-star-filled, .swym-wishlist-collections-icon-star-unfilled, .swym-wishlist-collections-icon-bookmark-unfilled, .swym-wishlist-collections-icon-bookmark-filled {fill: #000000;}
  .swym-wishlist-collections-v2 .swym-collections-social-count {color: #000000;}
</style>

const isDesignMode = !!window.swymDesignMode;

if (!window.SwymCallbacks) {
      window.SwymCallbacks = [];
    }
    window.SwymCallbacks.push((swat) => {
      if (!swat || !themeId) {
        return;
      }
      const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat;
      if (typeof triggerHeartbeat !== "function") return;

const lastHeartbeat = isDesignMode ? collectionsButtonHeartbeatData?.editor : collectionsButtonHeartbeatData?.[themeId];
      const themeContext = isDesignMode ? 'editor' : themeId;

const extensionData = {
        extensionName: "add-to-wishlist-collections-button", 
        extensionType: "app-embed", 
        metadata: heartbeatMetadata, 
        themeId: themeContext, 
        extensionSource: "default"
      };

/** Stop heartbeat
      triggerHeartbeat(extensionData, lastHeartbeat);
      */
    });
  })(); // IIFE to prevent polluting global scope
</script></div><div id="shopify-block-AMHAyamErWGtlUjRDT__14137321316871887338" class="shopify-block shopify-app-block"><script>
  var localesAI_Currency = "EUR";
  var localesAI_moneyFormat = "<span class=money>€{{amount_with_comma_separator}}</span>";
  var localesAI_moneyWithCurrencyFormat = "<span class=money>€{{amount_with_comma_separator}} EUR</span>";
</script>

<localization-form>
    <form method="post" action="/en/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/en/products/midnight-blue-pleated-midi-skirt-with-contrasting-edge" />
      <ul id='locales-ai-country-list' hidden style='display: none;'>
        
          <li
            
            data-iso='AU'
            data-name='Australia'
            data-currency='AUD'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='AT'
            data-name='Austria'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='BE'
            data-name='Belgium'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='BG'
            data-name='Bulgaria'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='CA'
            data-name='Canada'
            data-currency='CAD'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='HR'
            data-name='Croatia'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='CY'
            data-name='Cyprus'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='CZ'
            data-name='Czechia'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='DK'
            data-name='Denmark'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='EE'
            data-name='Estonia'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='FI'
            data-name='Finland'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
              aria-current='true'
            
            data-iso='FR'
            data-name='France'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='fr'
          ></li>
        
          <li
            
            data-iso='DE'
            data-name='Germany'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='german'
          ></li>
        
          <li
            
            data-iso='GR'
            data-name='Greece'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='HK'
            data-name='Hong Kong SAR'
            data-currency='HKD'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='HU'
            data-name='Hungary'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='IE'
            data-name='Ireland'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='IL'
            data-name='Israel'
            data-currency='ILS'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='IT'
            data-name='Italy'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='JP'
            data-name='Japan'
            data-currency='JPY'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='LV'
            data-name='Latvia'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='LT'
            data-name='Lithuania'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='LU'
            data-name='Luxembourg'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='MY'
            data-name='Malaysia'
            data-currency='MYR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='MT'
            data-name='Malta'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='NL'
            data-name='Netherlands'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='NZ'
            data-name='New Zealand'
            data-currency='NZD'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='NO'
            data-name='Norway'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='PL'
            data-name='Poland'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='PT'
            data-name='Portugal'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='RO'
            data-name='Romania'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='SG'
            data-name='Singapore'
            data-currency='SGD'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='SK'
            data-name='Slovakia'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='SI'
            data-name='Slovenia'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='KR'
            data-name='South Korea'
            data-currency='KRW'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='ES'
            data-name='Spain'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='SE'
            data-name='Sweden'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='CH'
            data-name='Switzerland'
            data-currency='EUR'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='eu'
          ></li>
        
          <li
            
            data-iso='AE'
            data-name='United Arab Emirates'
            data-currency='AED'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='GB'
            data-name='United Kingdom'
            data-currency='GBP'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
          <li
            
            data-iso='US'
            data-name='United States'
            data-currency='USD'
            data-langs='["fr","de","it","es","ru","en"]'
            data-market='international'
          ></li>
        
      </ul>
    </form>
  </localization-form>

</div></body>

Navy blue pleated midi skirt with contrasting hem

Delivery

Returns

Size guide

YOU MIGHT ALSO LIKE