Fast & secure delivery

Worldwide delivery

Easy returns

Gray buttoned long denim skirt

Name: Gray buttoned long denim skirt
Brand: Misciano
SKU: MS15042502-S
Price: 54.95 EUR
Availability: InStock

€54,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

Add a touch of character to your wardrobe with this black denim long skirt with a vintage and structured look.

Its straight cut, slightly slit at the front, elongates the silhouette while offering an urban and feminine look.

Featuring a central button placket, patch pockets, and belt loops, it combines comfort and style. Its anthracite gray wash gives it a casual and easy-to-match appearance.

White short-sleeved T-shirt adorned with a heart embroidery

€69,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": "15107816521993",
      
      
        "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/long-gray-denim-skirt-with-oversized-pockets": { "socialCount": -1, "empi": 15107816521993 } };        
        // 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":15107816521993,"title":"Gray buttoned long denim skirt","handle":"long-gray-denim-skirt-with-oversized-pockets","description":"\u003cp data-start=\"208\" data-end=\"445\" class=\"\"\u003eAdd a touch of character to your wardrobe with this \u003cstrong data-start=\"271\" data-end=\"299\"\u003eblack denim long skirt\u003c\/strong\u003e with a vintage and structured look.\u003c\/p\u003e\n\u003cp data-start=\"208\" data-end=\"445\" class=\"\"\u003eIts straight cut, slightly slit at the front, elongates the silhouette while offering an urban and feminine look.\u003c\/p\u003e\n\u003cp data-start=\"447\" data-end=\"656\" class=\"\"\u003eFeaturing a \u003cstrong data-start=\"459\" data-end=\"483\"\u003ecentral button placket\u003c\/strong\u003e, \u003cstrong data-start=\"488\" data-end=\"507\"\u003epatch pockets\u003c\/strong\u003e, and belt loops, it combines comfort and style. Its \u003cstrong data-start=\"572\" data-end=\"600\"\u003eanthracite gray wash\u003c\/strong\u003e gives it a casual and easy-to-match appearance.\u003c\/p\u003e","published_at":"2025-04-15T11:29:40+02:00","created_at":"2025-04-15T11:29:40+02:00","vendor":"MISCIANO","type":"","tags":["shoptok"],"price":5495,"price_min":5495,"price_max":5495,"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":55245884293385,"title":"S","option1":"S","option2":null,"option3":null,"sku":"MS15042502-S","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Gray buttoned long denim skirt - S","public_title":"S","options":["S"],"price":5495,"weight":400,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468954602979","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55245884326153,"title":"M","option1":"M","option2":null,"option3":null,"sku":"MS15042502-M","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Gray buttoned long denim skirt - M","public_title":"M","options":["M"],"price":5495,"weight":400,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468958305623","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55245884358921,"title":"L","option1":"L","option2":null,"option3":null,"sku":"MS15042502-L","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Gray buttoned long denim skirt - L","public_title":"L","options":["L"],"price":5495,"weight":400,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468958308181","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6113845.jpg?v=1757066108","\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-9489942.jpg?v=1757066109","\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-3301424.jpg?v=1757066109","\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6469775.jpg?v=1757066110"],"featured_image":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6113845.jpg?v=1757066108","options":["Size"],"media":[{"alt":"Jupe longue en denim gris avec boutons, style vintage chic, parfaite pour un look décontracté et élégant.","id":66365574414601,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6113845.jpg?v=1757066108"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6113845.jpg?v=1757066108","width":1365},{"alt":"Détail de la jupe longue en denim gris avec boutons, un choix raffiné pour une tenue décontractée et tendance.","id":66365595123977,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-9489942.jpg?v=1757066109"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-9489942.jpg?v=1757066109","width":1365},{"alt":"Jupe longue en jean gris avec boutons, mise en valeur d'un style vintage pour des occasions décontractées et élégantes.","id":66365623304457,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-3301424.jpg?v=1757066109"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-3301424.jpg?v=1757066109","width":1365},{"alt":"Zoom sur la texture de la jupe longue en denim gris, boutonnée, idéale pour une allure décontractée et sophistiquée.","id":66365436952841,"position":4,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6469775.jpg?v=1757066110"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6469775.jpg?v=1757066110","width":1365}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp data-start=\"208\" data-end=\"445\" class=\"\"\u003eAdd a touch of character to your wardrobe with this \u003cstrong data-start=\"271\" data-end=\"299\"\u003eblack denim long skirt\u003c\/strong\u003e with a vintage and structured look.\u003c\/p\u003e\n\u003cp data-start=\"208\" data-end=\"445\" class=\"\"\u003eIts straight cut, slightly slit at the front, elongates the silhouette while offering an urban and feminine look.\u003c\/p\u003e\n\u003cp data-start=\"447\" data-end=\"656\" class=\"\"\u003eFeaturing a \u003cstrong data-start=\"459\" data-end=\"483\"\u003ecentral button placket\u003c\/strong\u003e, \u003cstrong data-start=\"488\" data-end=\"507\"\u003epatch pockets\u003c\/strong\u003e, and belt loops, it combines comfort and style. Its \u003cstrong data-start=\"572\" data-end=\"600\"\u003eanthracite gray wash\u003c\/strong\u003e gives it a casual and easy-to-match appearance.\u003c\/p\u003e"};
      window.SwymProductInfo.variants = window.SwymProductInfo.product.variants;
      var piu = "\/\/misciano.com\/cdn\/shop\/files\/jupe-longue-en-denim-gris-boutonnee-6113845.jpg?crop=center\u0026height=620\u0026v=1757066108\u0026width=620";

SwymProductVariants[55245884293385] = {
          empi: window.SwymProductInfo.product.id,epi:55245884293385,
          dt: "Gray buttoned long denim skirt",
          du: "https://misciano.com/en/products/long-gray-denim-skirt-with-oversized-pockets",
          iu:  piu ,
          stk:  1 ,
          pr: 5495/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "S" : 55245884293385}]
        };
        SwymProductVariants[55245884326153] = {
          empi: window.SwymProductInfo.product.id,epi:55245884326153,
          dt: "Gray buttoned long denim skirt",
          du: "https://misciano.com/en/products/long-gray-denim-skirt-with-oversized-pockets",
          iu:  piu ,
          stk:  1 ,
          pr: 5495/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "M" : 55245884326153}]
        };
        SwymProductVariants[55245884358921] = {
          empi: window.SwymProductInfo.product.id,epi:55245884358921,
          dt: "Gray buttoned long denim skirt",
          du: "https://misciano.com/en/products/long-gray-denim-skirt-with-oversized-pockets",
          iu:  piu ,
          stk:  1 ,
          pr: 5495/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "L" : 55245884358921}]
        };window.SwymProductInfo.currentVariant = 55245884293385;
      var product_data = {
        et: 1, empi: window.SwymProductInfo.product.id, epi: window.SwymProductInfo.currentVariant,
        dt: "Gray buttoned long denim skirt", du: "https://misciano.com/en/products/long-gray-denim-skirt-with-oversized-pockets",
        ct: window.SwymProductInfo.product.type, pr: 5495/100,
        iu:  piu , 
        variants: [{ "S" : 55245884293385 }],
        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/long-gray-denim-skirt-with-oversized-pockets" />
      <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>

Gray buttoned long denim skirt

Delivery

Returns

Size guide

YOU MIGHT ALSO LIKE