Fast & secure delivery

Worldwide delivery

Easy returns

Black asymmetric top with long sleeves and draped detail

Name: Black asymmetric top with long sleeves and draped detail
Brand: Misciano
SKU: MS06062504-L
Price: 59.95 EUR
Availability: InStock

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

This black top embodies modern and assertive elegance, with its bold asymmetrical cut and fitted silhouette. One long sleeve structures the upper body, while the other shoulder subtly reveals itself, creating a sensual and balanced play of lines.

The slightly gathered fabric hugs the shapes gracefully, highlighting the waist while adding movement. The draped detail falling from the shoulder adds a touch of fluidity and sophistication, perfect for a look that is both chic and contemporary.

To be worn with tailored pants or a skirt for a refined silhouette from day to night.

Details:

Asymmetrical top with one long sleeve
Fitted cut with side gathers
Draped detail on the bare shoulder
Soft and stretchy fabric
Elegant finish, minimalist spirit

Classic black straight-cut trousers

€89,95

Black long-sleeve T-shirt with a boat neck

€49,00

Lightweight black hooded jacket with a loose straight cut

€129,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": "15101418504457",
      
      
        "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/asymmetrical-black-top-with-long-sleeve-and-draped-detail": { "socialCount": -1, "empi": 15101418504457 } };        
        // 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":15101418504457,"title":"Black asymmetric top with long sleeves and draped detail","handle":"asymmetrical-black-top-with-long-sleeve-and-draped-detail","description":"\u003cp data-start=\"153\" data-end=\"427\" class=\"\"\u003eThis black top embodies modern and assertive elegance, with its bold asymmetrical cut and fitted silhouette. One long sleeve structures the upper body, while the other shoulder subtly reveals itself, creating a sensual and balanced play of lines.\u003c\/p\u003e\n\u003cp data-start=\"429\" data-end=\"688\" class=\"\"\u003eThe slightly gathered fabric hugs the shapes gracefully, highlighting the waist while adding movement. The draped detail falling from the shoulder adds a touch of fluidity and sophistication, perfect for a look that is both chic and contemporary.\u003c\/p\u003e\n\u003cp data-start=\"690\" data-end=\"782\" class=\"\"\u003eTo be worn with tailored pants or a skirt for a refined silhouette from day to night.\u003c\/p\u003e\n\u003cp data-start=\"789\" data-end=\"806\" class=\"\"\u003e\u003cstrong data-start=\"789\" data-end=\"804\"\u003eDetails:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"809\" data-end=\"846\"\u003eAsymmetrical top with one long sleeve\u003c\/li\u003e\n\u003cli data-start=\"809\" data-end=\"846\"\u003eFitted cut with side gathers\u003c\/li\u003e\n\u003cli data-start=\"896\" data-end=\"927\"\u003eDraped detail on the bare shoulder\u003c\/li\u003e\n\u003cli data-start=\"930\" data-end=\"956\"\u003eSoft and stretchy fabric\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"996\"\u003eElegant finish, minimalist spirit\u003c\/li\u003e\n\u003c\/ul\u003e","published_at":"2025-04-13T09:22:40+02:00","created_at":"2025-04-13T09:22:40+02:00","vendor":"MISCIANO","type":"Haut et top","tags":["shoptok"],"price":5995,"price_min":5995,"price_max":5995,"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":55215591620873,"title":"S","option1":"S","option2":null,"option3":null,"sku":"MS06062504-S","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Black asymmetric top with long sleeves and draped detail - S","public_title":"S","options":["S"],"price":5995,"weight":350,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468958251500","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55215591653641,"title":"M","option1":"M","option2":null,"option3":null,"sku":"MS06062504-M","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Black asymmetric top with long sleeves and draped detail - M","public_title":"M","options":["M"],"price":5995,"weight":350,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468958257069","requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55215591686409,"title":"L","option1":"L","option2":null,"option3":null,"sku":"MS06062504-L","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Black asymmetric top with long sleeves and draped detail - L","public_title":"L","options":["L"],"price":5995,"weight":350,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468958258912","requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-750572.jpg?v=1749298699","\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-171804.jpg?v=1749298700"],"featured_image":"\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-750572.jpg?v=1749298699","options":["Size"],"media":[{"alt":"Top noir chic à une manche, drapé élégant, coupe asymétrique parfaite pour soirées raffinées.","id":65331586597129,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-750572.jpg?v=1749298699"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-750572.jpg?v=1749298699","width":1365},{"alt":"Détail drapé d'un top noir asymétrique à une manche, idéal pour un look moderne et élégant en soirée.","id":65331586466057,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-171804.jpg?v=1749298700"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-171804.jpg?v=1749298700","width":1365}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp data-start=\"153\" data-end=\"427\" class=\"\"\u003eThis black top embodies modern and assertive elegance, with its bold asymmetrical cut and fitted silhouette. One long sleeve structures the upper body, while the other shoulder subtly reveals itself, creating a sensual and balanced play of lines.\u003c\/p\u003e\n\u003cp data-start=\"429\" data-end=\"688\" class=\"\"\u003eThe slightly gathered fabric hugs the shapes gracefully, highlighting the waist while adding movement. The draped detail falling from the shoulder adds a touch of fluidity and sophistication, perfect for a look that is both chic and contemporary.\u003c\/p\u003e\n\u003cp data-start=\"690\" data-end=\"782\" class=\"\"\u003eTo be worn with tailored pants or a skirt for a refined silhouette from day to night.\u003c\/p\u003e\n\u003cp data-start=\"789\" data-end=\"806\" class=\"\"\u003e\u003cstrong data-start=\"789\" data-end=\"804\"\u003eDetails:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"809\" data-end=\"846\"\u003eAsymmetrical top with one long sleeve\u003c\/li\u003e\n\u003cli data-start=\"809\" data-end=\"846\"\u003eFitted cut with side gathers\u003c\/li\u003e\n\u003cli data-start=\"896\" data-end=\"927\"\u003eDraped detail on the bare shoulder\u003c\/li\u003e\n\u003cli data-start=\"930\" data-end=\"956\"\u003eSoft and stretchy fabric\u003c\/li\u003e\n\u003cli data-start=\"959\" data-end=\"996\"\u003eElegant finish, minimalist spirit\u003c\/li\u003e\n\u003c\/ul\u003e"};
      window.SwymProductInfo.variants = window.SwymProductInfo.product.variants;
      var piu = "\/\/misciano.com\/cdn\/shop\/files\/top-asymetrique-noir-a-manche-longue-et-detail-drape-750572.jpg?crop=center\u0026height=620\u0026v=1749298699\u0026width=620";

SwymProductVariants[55215591620873] = {
          empi: window.SwymProductInfo.product.id,epi:55215591620873,
          dt: "Black asymmetric top with long sleeves and draped detail",
          du: "https://misciano.com/en/products/asymmetrical-black-top-with-long-sleeve-and-draped-detail",
          iu:  piu ,
          stk:  1 ,
          pr: 5995/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "S" : 55215591620873}]
        };
        SwymProductVariants[55215591653641] = {
          empi: window.SwymProductInfo.product.id,epi:55215591653641,
          dt: "Black asymmetric top with long sleeves and draped detail",
          du: "https://misciano.com/en/products/asymmetrical-black-top-with-long-sleeve-and-draped-detail",
          iu:  piu ,
          stk:  1 ,
          pr: 5995/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "M" : 55215591653641}]
        };
        SwymProductVariants[55215591686409] = {
          empi: window.SwymProductInfo.product.id,epi:55215591686409,
          dt: "Black asymmetric top with long sleeves and draped detail",
          du: "https://misciano.com/en/products/asymmetrical-black-top-with-long-sleeve-and-draped-detail",
          iu:  piu ,
          stk:  1 ,
          pr: 5995/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "L" : 55215591686409}]
        };window.SwymProductInfo.currentVariant = 55215591686409;
      var product_data = {
        et: 1, empi: window.SwymProductInfo.product.id, epi: window.SwymProductInfo.currentVariant,
        dt: "Black asymmetric top with long sleeves and draped detail", du: "https://misciano.com/en/products/asymmetrical-black-top-with-long-sleeve-and-draped-detail",
        ct: window.SwymProductInfo.product.type, pr: 5995/100,
        iu:  piu , 
        variants: [{ "L" : 55215591686409 }],
        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-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/asymmetrical-black-top-with-long-sleeve-and-draped-detail" />
      <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><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></body>

Black asymmetric top with long sleeves and draped detail

Delivery

Returns

Size guide

YOU MIGHT ALSO LIKE