/* ===== Script 1: Sort variant size buttons in standard order ===== */ (function () { const SIZE_ORDER = ['XXS', 'XS', 'S', 'M', 'L', 'XL', 'XXL']; function getSizeRank(label) { const idx = SIZE_ORDER.indexOf(label.trim().toUpperCase()); return idx === -1 ? 999 : idx; } document.addEventListener('gbb-variants-modal-open', function () { document .querySelectorAll('.gbbProductVariantOptionValuesContainer') .forEach(function (container) { const buttons = Array.from( container.querySelectorAll('.gbbProductVariantOptionValue') ); if (buttons.length < 2) return; const allAreSizes = buttons.every((btn) => SIZE_ORDER.includes( (btn.getAttribute('optionValueId') || btn.textContent) .trim() .toUpperCase() ) ); if (!allAreSizes) return; buttons.sort((a, b) => { const aVal = (a.getAttribute('optionValueId') || a.textContent) .trim() .toUpperCase(); const bVal = (b.getAttribute('optionValueId') || b.textContent) .trim() .toUpperCase(); return getSizeRank(aVal) - getSizeRank(bVal); }); buttons.forEach((btn) => container.appendChild(btn)); }); }); })(); /* ===== Script 2: Auto-tick current step when its rule is met ===== */ (function () { var POLL_INTERVAL = 400; var MARK_CLASS = 'gbbCustomCurrentStepCompleted'; var OPERATORS = { 'equalTo': function (count, target) { return count === target; }, 'atLeast': function (count, target) { return count >= target; }, 'greaterThanOrEqualTo': function (count, target) { return count >= target; }, 'greaterThan': function (count, target) { return count > target; }, 'atMost': function (count, target) { return count <= target && count > 0; }, 'lessThanOrEqualTo': function (count, target) { return count <= target && count > 0; }, 'lessThan': function (count, target) { return count < target && count > 0; } }; function getQuantityRuleForStep(stepId) { try { var m = stepId.match(/addProductsPage(\d+)/); if (!m) return null; var conds = gbb.settings && gbb.settings.stepsConfigurationData && gbb.settings.stepsConfigurationData['productsData' + m[1]] && gbb.settings.stepsConfigurationData['productsData' + m[1]].conditions; if (!conds || !conds.length) return null; for (var i = 0; i < conds.length; i++) { if (conds[i].type === 'quantity') { return { operator: conds[i].condition, value: parseInt(conds[i].value, 10) || 0 }; } } return null; } catch (e) { return null; } } function getStepItemCount(stepId) { try { var raw = sessionStorage.getItem('gbb-cart-' + gbb.state.bundleId); if (!raw) return 0; var data = JSON.parse(raw); var box = data.boxes && data.boxes[gbb.state.activeBoxId || '0']; if (!box || !box.items) return 0; var n = 0; box.items.forEach(function (it) { if (it && it.properties && it.properties._boxProduct === stepId) { n += it.quantity || 0; } }); return n; } catch (e) { return 0; } } function getNavItemSrc(stepId) { try { var item = (gbb.state.navigationItems || []).find(function (n) { return n.id === stepId; }); return item && item.src; } catch (e) { return null; } } function getTickSVG() { var color = '#ffffff'; try { color = gbb.settings.pageCustomizationData.navigationBanner.navigationBannerStepDoneColor || color; } catch (e) {} return ''; } function getCompletionBg() { try { return gbb.settings.pageCustomizationData.navigationBanner.navigationBannerStepCompletionColor || '#000000'; } catch (e) { return '#000000'; } } function isRuleMet(stepId) { var rule = getQuantityRuleForStep(stepId); var count = getStepItemCount(stepId); if (!rule) return count >= 1; var fn = OPERATORS[rule.operator]; if (!fn) return count >= rule.value; return fn(count, rule.value); } setInterval(function () { try { if (!window.gbb || !gbb.$ || !gbb.state || !gbb.state.currentPageId) return; var currentPageId = gbb.state.currentPageId; if (currentPageId.indexOf('addProductsPage') !== 0) return; var $navItem = gbb.$('#' + currentPageId); if (!$navItem.length) return; var $imgContainer = $navItem.find('.gbbNavigationStepImgContainer'); if (!$imgContainer.length) return; var conditionMet = isRuleMet(currentPageId); var isCustomTicked = $imgContainer.hasClass(MARK_CLASS); if (conditionMet && !isCustomTicked) { $imgContainer.addClass(MARK_CLASS); $imgContainer.css({ 'background-color': getCompletionBg(), 'border': 'none' }); $imgContainer.html('

' + getTickSVG() + '

'); } else if (!conditionMet && isCustomTicked) { $imgContainer.removeClass(MARK_CLASS); var src = getNavItemSrc(currentPageId); $imgContainer.css({ 'background-color': '' }); try { var borderWidth = gbb.settings.pageCustomizationData.navigationBanner.navigationBannerStepCompletedBorderWidth || '2px'; var completionColor = gbb.settings.pageCustomizationData.navigationBanner.navigationBannerStepCompletionColor || '#000000'; $imgContainer.css('border', borderWidth + ' solid ' + completionColor); } catch (e) {} $imgContainer.html(src ? '

' : ''); } } catch (e) {} }, POLL_INTERVAL); })(); /* ===== Script 3: Force 3 placeholder slots in cart summary ===== */ (function () { var DESIRED_SLOTS = 3; setInterval(function () { var containers = document.querySelectorAll('.gbbBundle-HTML .gbbFooterBundleItemsContainer'); containers.forEach(function (itemsContainer) { var emptyCards = itemsContainer.querySelectorAll('.gbbEmptyProductCard'); var realCards = itemsContainer.querySelectorAll('.gbbFooterProductContainer'); var totalCards = emptyCards.length + realCards.length; if (totalCards < DESIRED_SLOTS && emptyCards.length > 0) { var template = emptyCards[emptyCards.length - 1]; var cardsParent = template.parentNode; var missing = DESIRED_SLOTS - totalCards; for (var i = 0; i < missing; i++) { var clone = template.cloneNode(true); clone.classList.add('gbbCustomAddedSlot'); cardsParent.appendChild(clone); } } }); }, 500); })(); /* ===== Script 4: Color/Shade swatches — direct hex map ===== */ (function () { try { var COLOR_OPTION_NAMES = ['color', 'colour', 'shade', 'finish', 'tone', 'hue']; var SWATCH_VERSION = 'v14'; window.__swatchScriptLoaded = true; // ======================================================================== // COLOR MAP — add new colors here as needed. Keys are case-insensitive. // To add a color: just append a new line. Format: 'color name': '#hexvalue', // ======================================================================== var COLOR_MAP = { // Blues 'french blue': '#7a8fb8', 'sky blue': '#a8c6e0', 'navy': '#1e3a8a', 'light blue': '#cfddef', 'baby blue': '#b8d4e8', 'midnight fields': '#1f2e4d', 'blue fields': '#e8e4d8', 'blue check': '#b8c8d8', // Reds / pinks 'cherry red': '#c8202c', 'red': '#d32f2f', 'baby pink': '#f5d5d5', 'pink': '#ec9bb6', 'rose': '#d97a8c', 'coral': '#ff7f50', // Blacks / dark 'black': '#1a1a1a', 'black pointelle': '#1a1a1a', 'noir': '#1a1a1a', 'charcoal': '#3a3a3a', // Whites / creams 'white': '#f8f8f8', 'white pointelle': '#f8f8f8', 'ivory': '#f5efe6', 'cream': '#f5e8c7', 'off white': '#f5f0e6', // Browns / beiges / nudes 'brown': '#6d4c2f', 'beige': '#e8d8b8', 'nude': '#e0c4a8', 'tan': '#c8a878', // Greens 'green': '#2e7d32', 'mint': '#a8e6cf', 'sage': '#9caf88', 'olive': '#808000', // Yellows / oranges 'yellow': '#f5c518', 'mustard': '#d4a017', 'orange': '#ed8936', 'peach': '#ffd5b8', // Purples 'purple': '#7b3fa0', 'lavender': '#b59ed6', 'lilac': '#c8a2c8', // Greys / metallics 'grey': '#6e6e6e', 'gray': '#6e6e6e', 'light grey': '#c8c8c8', 'dark grey': '#4a4a4a', 'silver': '#c0c0c0', 'gold': '#d4af37', 'rose gold': '#b76e79', // Patterns — representative color 'toile de jouy': '#a8b5cc' }; function normalize(s) { return (s || '').toString().trim().toLowerCase(); } function isColorOption(name) { var n = normalize(name); return COLOR_OPTION_NAMES.some(function (k) { return n.indexOf(k) !== -1; }); } function getHexForColorName(name) { var n = normalize(name); if (COLOR_MAP[n]) return COLOR_MAP[n]; // Partial match — longest keys first so more-specific names win var keys = Object.keys(COLOR_MAP).sort(function (a, b) { return b.length - a.length; }); for (var i = 0; i < keys.length; i++) { if (n.indexOf(keys[i]) !== -1) return COLOR_MAP[keys[i]]; } return null; } function isLight(hex) { var h = hex.replace('#', ''); if (h.length === 3) h = h.split('').map(function (c) { return c + c; }).join(''); var r = parseInt(h.substr(0, 2), 16); var g = parseInt(h.substr(2, 2), 16); var b = parseInt(h.substr(4, 2), 16); return ((r * 299 + g * 587 + b * 114) / 1000) > 220; } function paintChip($chip, hex, label) { try { $chip.css('background', hex); $chip.css('background-color', hex); $chip.css('background-image', 'none'); if ($chip[0]) $chip[0].style.setProperty('--gbb-swatch-color', hex); $chip.addClass('gbbColorSwatch'); if (isLight(hex)) $chip.addClass('gbbColorSwatchLight'); else $chip.removeClass('gbbColorSwatchLight'); $chip.attr('title', label); $chip.attr('data-swatch-hex', hex); $chip.attr('data-swatch-version', SWATCH_VERSION); } catch (e) {} } function applySwatches($container, product) { try { if (!product || !product.options) return; var colorOption = null; for (var i = 0; i < product.options.length; i++) { if (isColorOption(product.options[i].name)) { colorOption = product.options[i]; break; } } if (!colorOption) return; var nameToCompare = (colorOption.name || '').replace(/'/g, ''); var $optContainer = $container.find('[optionId="' + nameToCompare + '"]'); if (!$optContainer.length) { $container.find('[optionId]').each(function () { var attrVal = gbb.$(this).attr('optionId'); if (normalize(attrVal) === normalize(nameToCompare)) { $optContainer = $optContainer.add(this); } }); } if (!$optContainer.length) return; $optContainer.addClass('gbbColorOptionContainer'); $optContainer.find('.gbbProductVariantOptionValuesContainer').addClass('gbbColorOptionValuesContainer'); $optContainer.find('.gbbProductVariantOptionValue').each(function () { var $chip = gbb.$(this); var rawValue = $chip.attr('optionValueId') || $chip.text(); if ($chip.attr('data-swatch-version') === SWATCH_VERSION && $chip.attr('data-swatch-hex')) { paintChip($chip, $chip.attr('data-swatch-hex'), rawValue); return; } var hex = getHexForColorName(rawValue); if (hex) paintChip($chip, hex, rawValue); }); } catch (e) {} } function runSwatches() { try { if (!window.gbb || !gbb.$) return; var $modal = gbb.$('.gbbProductVariantModalContainer'); if (!$modal.length) return; var product = gbb.state && gbb.state.currentModalProductData; if (!product || !product.options) return; applySwatches($modal, product); } catch (e) {} } // Paint immediately when modal DOM is inserted — no visible flash var swatchObserver = new MutationObserver(function (mutations) { for (var i = 0; i < mutations.length; i++) { var nodes = mutations[i].addedNodes; for (var j = 0; j < nodes.length; j++) { var node = nodes[j]; if (node.nodeType !== 1) continue; if ( (node.classList && node.classList.contains('gbbProductVariantModalContainer')) || (node.querySelector && node.querySelector('.gbbProductVariantModalContainer')) ) { runSwatches(); return; } } } }); swatchObserver.observe(document.body, { childList: true, subtree: true }); // Fallback interval for re-paints (e.g. variant option re-render inside open modal) setInterval(runSwatches, 1000); } catch (outerErr) { if (window.console) console.error('[swatch] outer error:', outerErr); } })(); // Move GBB bundle modal price to sit directly after product title (function () { function moveBundleModalPrice(modal) { const title = modal.querySelector('.gbbProductItemTitle'); const priceContainer = modal.querySelector('.gbbProductItemPricesContainer'); const description = modal.querySelector('.gbbProductDescriptionContainer'); const actionContainer = modal.querySelector('.gbbProductCardActionContainer'); if (!title || !priceContainer) return; if (title.parentNode.classList.contains('gbb-title-price-wrapper')) return; // already done // Truncate title at colon — show only first part const titleText = title.textContent || ''; const colonIndex = titleText.indexOf(':'); if (colonIndex !== -1) { title.textContent = titleText.slice(0, colonIndex).trim(); } // Wrap title + price together const wrapper = document.createElement('div'); wrapper.className = 'gbb-title-price-wrapper'; title.parentNode.insertBefore(wrapper, title); wrapper.appendChild(title); wrapper.appendChild(priceContainer); // Move description to after the action container (ATCB button) if (description && actionContainer && actionContainer.parentNode) { actionContainer.parentNode.insertBefore(description, actionContainer.nextSibling); } } const observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { mutation.addedNodes.forEach(function (node) { if (node.nodeType !== 1) return; if (node.classList && node.classList.contains('gbbProductVariantModalMainContainer')) { moveBundleModalPrice(node); } const nested = node.querySelector && node.querySelector('.gbbProductVariantModalMainContainer'); if (nested) moveBundleModalPrice(nested); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); document.addEventListener('gbb-cart-update', function(e) { try { var cartData = gbb.gbbBrowser.getCartDataFromSessionStorage(); var allItems = gbb.gbbBrowser.getProductsFromAllBoxesFromCart(cartData); sessionStorage.setItem('gbb_tracking_snapshot', JSON.stringify({ currency: Shopify.currency.active, items: allItems.map(function(item) { return { item_name: item.product_title || item.title, item_id: item.product_id, quantity: item.quantity || 1, price: item.price / 100 }; }) })); } catch(err) { console.log('GBB snapshot error:', err); } });

Cou Cou	US	UK	EU	Length	Waist	Hip
XXS	0	4	32	19.8	22-24"	32-34"
XS	2	6	34	20.2	24-26"	34-36"
S	4	8	36	20.6	26-28"	36-38"
M	6	10	38	21	28-30"	38-40"
L	8	12	40	21.4	30-33"	40-43"
XL	10	14	42	21.8	33-36"	43-46"
XXL	12	16	44	22.2	34-38"	46-48"

Cou Cou x Sandy Liang

The Raglan

The Rina

Slip Skirts

The Teacup

Create your Own Multipack

Cardigans

Create your Pajama Set

Cherry Red

Pointelle

Cou Cou Talks

Giving Back

Currency

Cou Cou x Sandy Liang

The Raglan

The Rina

Slip Skirts

The Teacup

Create your Own Multipack

Cardigans

Create your Pajama Set

Cherry Red

Pointelle

Cou Cou Talks

Giving Back

Cou Cou x Sandy Liang

The Raglan

The Rina

Slip Skirts

The Teacup

Create your Own Multipack

Cardigans

Create your Pajama Set

Cherry Red

Pointelle

Cou Cou Talks

Giving Back

Currency

Cart

Sorry, looks like we don't have enough of this product.

The Slip Skirt Size Chart

Withdrawal form

Your details

Withdrawal received