Fast & secure delivery

Worldwide delivery

Easy returns

Two-piece color-block wrap bikini in pink

Name: Two-piece color-block wrap bikini in pink
Brand: Misciano
SKU: MS20062504-S
Price: 44.95 EUR
Availability: InStock

€44,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 swimsuit charms with its wrap-style crossover top , which enhances the bust while adding an irresistible feminine touch.
The detail that makes the difference: layered ruffles on the shoulders , for a light, elegant, and airy effect.

The set also stands out with its two-tone design : one half in light pink, the other in bright pink, for a subtle and charming contrast. The high-waisted bottom is designed to gently sculpt the silhouette .

The shades of pink of this set evoke the softness of summer while nicely highlighting the tan .

Natural beige crochet mesh pants

€49,95

Oversized beach pullover in large openwork knit

€49,95

White crochet knit bohemian beach dress

€69,95

<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/two-piece-swimsuit-with-bicolor-wrap-front" />
      <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><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": "15119723528457",
      
      
        "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/two-piece-swimsuit-with-bicolor-wrap-front": { "socialCount": -1, "empi": 15119723528457 } };        
        // 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":15119723528457,"title":"Two-piece color-block wrap bikini in pink ","handle":"two-piece-swimsuit-with-bicolor-wrap-front","description":"\u003cp data-start=\"301\" data-end=\"720\" class\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThis swimsuit charms with its \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"335\" data-end=\"369\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003ewrap-style crossover top\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e , which enhances the bust while adding an irresistible feminine touch. \u003c\/span\u003e\u003c\/span\u003e\u003cbr data-start=\"452\" data-end=\"455\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe detail that makes the difference: \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"494\" data-end=\"532\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003elayered ruffles on the shoulders\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e , for a light, elegant, and airy effect.\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-start=\"301\" data-end=\"720\" class\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe set also stands out with its \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"614\" data-end=\"633\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003etwo-tone design\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e : one half in light pink, the other in bright pink, for a subtle and charming contrast. \u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"778\" data-end=\"802\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003ehigh-waisted bottom\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e is designed to \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"819\" data-end=\"858\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003egently sculpt the silhouette\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e .\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-start=\"1192\" data-end=\"1425\" class\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"1196\" data-end=\"1215\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eshades of pink\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e of this set evoke the softness of summer while \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"1269\" data-end=\"1304\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003enicely highlighting the tan\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e .\u003c\/span\u003e\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e","published_at":"2025-04-25T12:04:57+02:00","created_at":"2025-04-22T13:42:55+02:00","vendor":"MISCIANO","type":"Maillot de bain","tags":["shoptok"],"price":4495,"price_min":4495,"price_max":4495,"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":55317540241673,"title":"S","option1":"S","option2":null,"option3":null,"sku":"MS20062504-S","requires_shipping":true,"taxable":true,"featured_image":{"id":74206798446857,"product_id":15119723528457,"position":2,"created_at":"2025-04-22T13:38:51+02:00","updated_at":"2025-08-30T18:44:34+02:00","alt":"Détail du maillot de bain cache-cœur en rose, mettant en avant ses jolies finitions et son allure chic pour l'été.","width":1365,"height":2048,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274","variant_ids":[55317540241673,55317540274441,55317540307209]},"available":true,"name":"Two-piece color-block wrap bikini in pink  - S","public_title":"S","options":["S"],"price":4495,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468959022000","featured_media":{"alt":"Détail du maillot de bain cache-cœur en rose, mettant en avant ses jolies finitions et son allure chic pour l'été.","id":64599472865545,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55317540274441,"title":"M","option1":"M","option2":null,"option3":null,"sku":"MS20062504-M","requires_shipping":true,"taxable":true,"featured_image":{"id":74206798446857,"product_id":15119723528457,"position":2,"created_at":"2025-04-22T13:38:51+02:00","updated_at":"2025-08-30T18:44:34+02:00","alt":"Détail du maillot de bain cache-cœur en rose, mettant en avant ses jolies finitions et son allure chic pour l'été.","width":1365,"height":2048,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274","variant_ids":[55317540241673,55317540274441,55317540307209]},"available":true,"name":"Two-piece color-block wrap bikini in pink  - M","public_title":"M","options":["M"],"price":4495,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468959029290","featured_media":{"alt":"Détail du maillot de bain cache-cœur en rose, mettant en avant ses jolies finitions et son allure chic pour l'été.","id":64599472865545,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":55317540307209,"title":"L","option1":"L","option2":null,"option3":null,"sku":"MS20062504-L","requires_shipping":true,"taxable":true,"featured_image":{"id":74206798446857,"product_id":15119723528457,"position":2,"created_at":"2025-04-22T13:38:51+02:00","updated_at":"2025-08-30T18:44:34+02:00","alt":"Détail du maillot de bain cache-cœur en rose, mettant en avant ses jolies finitions et son allure chic pour l'été.","width":1365,"height":2048,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274","variant_ids":[55317540241673,55317540274441,55317540307209]},"available":true,"name":"Two-piece color-block wrap bikini in pink  - L","public_title":"L","options":["L"],"price":4495,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"7468959048420","featured_media":{"alt":"Détail du maillot de bain cache-cœur en rose, mettant en avant ses jolies finitions et son allure chic pour l'été.","id":64599472865545,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274"}},"requires_selling_plan":false,"selling_plan_allocations":[]}],"images":["\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-1110251.jpg?v=1756646896","\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274","\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-698073.jpg?v=1756572274","\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-913646.jpg?v=1756572274","\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-9743716.jpg?v=1756646898"],"featured_image":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-1110251.jpg?v=1756646896","options":["Size"],"media":[{"alt":"Maillot de bain deux-pièces bicolore rose à effet cache-cœur, idéal pour des journées ensoleillées à la plage.","id":66320557834505,"position":1,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-1110251.jpg?v=1756646896"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-1110251.jpg?v=1756646896","width":1365},{"alt":"Détail du maillot de bain cache-cœur en rose, mettant en avant ses jolies finitions et son allure chic pour l'été.","id":64599472865545,"position":2,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?v=1756572274","width":1365},{"alt":"Maillot de bain bicolore rose en deux pièces, vue alternative mettant en lumière son design élégant et sophistiqué pour...","id":64599472898313,"position":3,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-698073.jpg?v=1756572274"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-698073.jpg?v=1756572274","width":1365},{"alt":"Perspective alternative du maillot de bain bicolore rose à effet cache-cœur, révélant ses lignes modernes et son style...","id":64599472931081,"position":4,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-913646.jpg?v=1756572274"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-913646.jpg?v=1756572274","width":1365},{"alt":"Zoom sur la texture raffinée du maillot de bain bicolore rose, soulignant son élégance parfaite pour des moments estivaux.","id":66320557801737,"position":5,"preview_image":{"aspect_ratio":0.667,"height":2048,"width":1365,"src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-9743716.jpg?v=1756646898"},"aspect_ratio":0.667,"height":2048,"media_type":"image","src":"\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-9743716.jpg?v=1756646898","width":1365}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp data-start=\"301\" data-end=\"720\" class\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThis swimsuit charms with its \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"335\" data-end=\"369\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003ewrap-style crossover top\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e , which enhances the bust while adding an irresistible feminine touch. \u003c\/span\u003e\u003c\/span\u003e\u003cbr data-start=\"452\" data-end=\"455\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe detail that makes the difference: \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"494\" data-end=\"532\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003elayered ruffles on the shoulders\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e , for a light, elegant, and airy effect.\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-start=\"301\" data-end=\"720\" class\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe set also stands out with its \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"614\" data-end=\"633\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003etwo-tone design\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e : one half in light pink, the other in bright pink, for a subtle and charming contrast. \u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"778\" data-end=\"802\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003ehigh-waisted bottom\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e is designed to \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"819\" data-end=\"858\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003egently sculpt the silhouette\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e .\u003c\/span\u003e\u003c\/span\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp data-start=\"1192\" data-end=\"1425\" class\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eThe \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"1196\" data-end=\"1215\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003eshades of pink\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e of this set evoke the softness of summer while \u003c\/span\u003e\u003c\/span\u003e\u003cstrong data-start=\"1269\" data-end=\"1304\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003enicely highlighting the tan\u003c\/span\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e\u003cspan style=\"vertical-align: inherit;\"\u003e .\u003c\/span\u003e\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e"};
      window.SwymProductInfo.variants = window.SwymProductInfo.product.variants;
      var piu = "\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-1110251.jpg?crop=center\u0026height=620\u0026v=1756646896\u0026width=620";

SwymProductVariants[55317540241673] = {
          empi: window.SwymProductInfo.product.id,epi:55317540241673,
          dt: "Two-piece color-block wrap bikini in pink ",
          du: "https://misciano.com/en/products/two-piece-swimsuit-with-bicolor-wrap-front",
          iu:  "\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?crop=center\u0026height=620\u0026v=1756572274\u0026width=620" ,
          stk:  1 ,
          pr: 4495/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "S" : 55317540241673}]
        };
        SwymProductVariants[55317540274441] = {
          empi: window.SwymProductInfo.product.id,epi:55317540274441,
          dt: "Two-piece color-block wrap bikini in pink ",
          du: "https://misciano.com/en/products/two-piece-swimsuit-with-bicolor-wrap-front",
          iu:  "\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?crop=center\u0026height=620\u0026v=1756572274\u0026width=620" ,
          stk:  1 ,
          pr: 4495/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "M" : 55317540274441}]
        };
        SwymProductVariants[55317540307209] = {
          empi: window.SwymProductInfo.product.id,epi:55317540307209,
          dt: "Two-piece color-block wrap bikini in pink ",
          du: "https://misciano.com/en/products/two-piece-swimsuit-with-bicolor-wrap-front",
          iu:  "\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?crop=center\u0026height=620\u0026v=1756572274\u0026width=620" ,
          stk:  1 ,
          pr: 4495/100,
          ct: window.SwymProductInfo.product.type,
          
          variants: [{ "L" : 55317540307209}]
        };window.SwymProductInfo.currentVariant = 55317540241673;
      var product_data = {
        et: 1, empi: window.SwymProductInfo.product.id, epi: window.SwymProductInfo.currentVariant,
        dt: "Two-piece color-block wrap bikini in pink ", du: "https://misciano.com/en/products/two-piece-swimsuit-with-bicolor-wrap-front",
        ct: window.SwymProductInfo.product.type, pr: 4495/100,
        iu:  "\/\/misciano.com\/cdn\/shop\/files\/maillot-de-bain-deux-pieces-cache-coeur-bicolore-rose-836980.jpg?crop=center\u0026height=620\u0026v=1756572274\u0026width=620" , 
        variants: [{ "S" : 55317540241673 }],
        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></body>

Two-piece color-block wrap bikini in pink

Delivery

Returns

Size guide

YOU MIGHT ALSO LIKE