/* MYTONE — light-DOM layout for wishlist widgets (positioning + per-context CSS vars; visual style lives in custom CSS inside widget shadow) */ (function () { if (document.getElementById('mytone-wishlist-light')) return; var css = '' + /* Header badge host align (feedback 2026-07-25): the badge is an app block inside Dawn's .header__icons; the host stretches to the 44px row but its inner 28px .badge button sticks to the TOP (measured live: badge cy 78.5 vs cart cy 86.5). align-items centers the inner button in the host; vertical-align covers inline-flow headers. Host is light DOM — unreachable from the adopted shadow sheet, hence this document-level rule. */ 'sledge-wishlist-badge{display:inline-flex;align-items:center;vertical-align:middle;height:100%;}' + '.product__title{position:relative;}' + '.product__title h1{max-width:calc(100% - 60px);}' + '.product__title > div:has(> sledge-wishlist-trigger),.product__title [data-component="wishlist-trigger"]{position:absolute;top:0;right:0;}' + '.product__title sledge-wishlist-trigger{--mytone-wl-pad:14px;--mytone-wl-radius:100%;}' + 'li.grid__item product-component{position:relative;display:block;}' + 'li.grid__item product-component > div:has(> sledge-wishlist-trigger){position:absolute;top:10px;right:10px;z-index:2;}' + '.card-wrapper [data-component="wishlist-trigger"]{position:absolute;top:10px;right:10px;z-index:2;}'; var style = document.createElement('style'); style.id = 'mytone-wishlist-light'; style.textContent = css; document.head.appendChild(style); })(); (function () { var TEST_THEME_ID = 130600730682; var currentThemeId = window.Shopify && window.Shopify.theme && Number(window.Shopify.theme.id); if (currentThemeId !== TEST_THEME_ID) { return; } // ───────────────────────────────────────────── // CONFIG // ───────────────────────────────────────────── var CONFIG = { tagComingSoon: 'comingsoon', tagLimited: '在庫限り', tagOnlineOnly: 'オンライン限定', tagNew: 'new', metafieldRestockDate: 'date.restock', metafieldHasStore: 'bool.has_store', hasStoreValue: 'あり', // comingsoonタグと未来の再入荷日が両方ある場合 // false: COMING SOON // true: BACK ORDERED restockBeatsComingSoon: false, // カートページでは購入不可商品を非表示 excludeSoldOutOnCart: true, // ページ別のカート追加表示 showAtcOnCart: true, showAtcOnWishlist: true, showAtcElsewhere: false, // カート追加後にカートページへ移動 redirectToCartAfterAdd: true }; // ───────────────────────────────────────────── // 表示テキスト // ───────────────────────────────────────────── var T = { comingsoon: '販売開始', restock: '再入荷予定', restockShort: '再入荷', end: '在庫限り', limited: '数量限定', onlineSoldout: 'オンライン在庫なし', onlineOnly: 'オンライン限定', newBadge: 'NEW', onSale: 'SALE', stay: 'SOLD OUT', addToCart: 'カートに追加する', from: '' }; // ───────────────────────────────────────────── // Utilities // ───────────────────────────────────────────── function esc(value) { return String(value == null ? '' : value) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function money(cents) { try { if ( window.sledge && typeof window.sledge.shopifyFormatMoney === 'function' ) { return window.sledge.shopifyFormatMoney(cents); } } catch (error) { // フォールバックへ } return ( '¥' + Math.round(Number(cents || 0) / 100).toLocaleString('ja-JP') ); } function formatDate(dateString, withTime) { if (!dateString) return ''; var date = new Date(dateString); if (isNaN(date.getTime())) { return ''; } var month = date.getMonth() + 1; var day = date.getDate(); if (!withTime) { return month + '/' + day; } var hours = date.getHours(); var minutes = String(date.getMinutes()).padStart(2, '0'); return month + '/' + day + ' ' + hours + ':' + minutes; } function numericId(id) { var match = String(id == null ? '' : id).match(/(\d+)\s*$/); return match ? match[1] : ''; } function isVariantOutOfStock(variant) { return ( !variant || variant.availability === 'out of stock' || variant.available === false || variant.is_out_of_stock === true ); } function getFirstAvailableVariant(variants) { for (var i = 0; i < variants.length; i++) { if (!isVariantOutOfStock(variants[i])) { return variants[i]; } } return variants[0] || {}; } // ───────────────────────────────────────────── // 商品カード // ───────────────────────────────────────────── window.renderProductCard = function (args) { var product = (args && args.product) || {}; var variants = Array.isArray(product.variants) ? product.variants : []; var firstVariant = variants[0] || {}; var selectedVariant = getFirstAvailableVariant(variants); var tags = Array.isArray(product.tags) ? product.tags : []; var metafields = product.metafields || {}; var productOutOfStock = product.availability === 'out of stock' || product.available === false; var restock = metafields[CONFIG.metafieldRestockDate]; var restockDate = restock ? new Date(restock) : null; var hasFutureRestock = !!restockDate && !isNaN(restockDate.getTime()) && new Date() < restockDate; var hasStoreStock = metafields[CONFIG.metafieldHasStore] === CONFIG.hasStoreValue; var taggedComingSoon = tags.indexOf(CONFIG.tagComingSoon) !== -1; var isRestock = productOutOfStock && hasFutureRestock && ( CONFIG.restockBeatsComingSoon || !taggedComingSoon ); var isComingSoon = !isRestock && taggedComingSoon && hasFutureRestock; var isSoldOut = !isComingSoon && !isRestock && productOutOfStock; var isLimited = tags.indexOf(CONFIG.tagLimited) !== -1; var isNew = tags.indexOf(CONFIG.tagNew) !== -1; var isOnlineOnly = tags.indexOf(CONFIG.tagOnlineOnly) !== -1; // ─────────────────────────────────────────── // ページ別制御 // ─────────────────────────────────────────── var pathname = window.location.pathname; var isCartPage = /\/cart\/?$/.test(pathname); var isWishlistPage = /\/pages\/wishlist(?:$|[/?])/.test(pathname); var purchasable = !productOutOfStock && !isComingSoon && !!numericId(selectedVariant.id); if ( isCartPage && CONFIG.excludeSoldOutOnCart && !purchasable ) { return '

'; } var showActions = purchasable && ( ( isCartPage && CONFIG.showAtcOnCart ) || ( isWishlistPage && CONFIG.showAtcOnWishlist ) || ( !isCartPage && !isWishlistPage && CONFIG.showAtcElsewhere ) ); // ─────────────────────────────────────────── // URL・画像 // ─────────────────────────────────────────── var productUrl = product.url || ( product.handle ? '/products/' + product.handle : '#' ); var primaryImage = product.image && product.image.src ? product.image.src : ''; var hoverImage = product.images && product.images[1] && product.images[1].src ? product.images[1].src : ''; // ─────────────────────────────────────────── // 価格 // ─────────────────────────────────────────── var prices = variants .map(function (variant) { return parseFloat(variant.price); }) .filter(function (price) { return !isNaN(price); }); var minimumPrice = prices.length ? Math.min.apply(null, prices) : Number(firstVariant.price || product.price || 0); var maximumPrice = prices.length ? Math.max.apply(null, prices) : minimumPrice; var onSale = variants.some(function (variant) { var price = parseFloat(variant.price); var compareAtPrice = parseFloat(variant.compare_at_price); return ( !isNaN(price) && !isNaN(compareAtPrice) && compareAtPrice > price ); }); var formattedPrice = ( maximumPrice > minimumPrice ? esc(T.from) : '' ) + money(minimumPrice); // ─────────────────────────────────────────── // バッジ // ─────────────────────────────────────────── var badgeHtml = ''; if (isComingSoon) { badgeHtml = '

' + '' + esc(formatDate(restock, true)) + ' ' + esc(T.comingsoon) + '' + '

'; } else if (isRestock) { badgeHtml = '

' + '' + esc(formatDate(restock, false)) + ( hasStoreStock ? ' / ' + esc(T.restockShort) : ' ' + esc(T.restock) ) + '' + '

'; } else if (isSoldOut) { badgeHtml = '

' + '' + ( isLimited ? esc(T.end) : esc(T.stay) ) + ( hasStoreStock ? ' / ' + esc(T.onlineSoldout) : '' ) + '' + '

'; } else if (isNew) { badgeHtml = '

' + '' + esc(T.newBadge) + '' + '

'; } else if (isLimited) { badgeHtml = '

' + '' + esc(T.limited) + '' + '

'; } else if (onSale) { badgeHtml = '

' + '' + esc(T.onSale) + '' + '

'; } // ─────────────────────────────────────────── // オンライン限定表示 // ─────────────────────────────────────────── var stockLabelHtml = isOnlineOnly ? ( '' + esc(T.onlineOnly) + '' ) : ''; // ─────────────────────────────────────────── // Wishlist // ─────────────────────────────────────────── var wishlistHtml = ''; // ─────────────────────────────────────────── // バリエーション選択 // ─────────────────────────────────────────── var variantSelectHtml = ''; if ( showActions && variants.length > 1 ) { var optionHtml = variants .map(function (variant) { var variantOutOfStock = isVariantOutOfStock(variant); var selected = String(variant.id) === String(selectedVariant.id); return ( '' + esc(variant.title || '') + ( variantOutOfStock ? ' — ' + esc(T.stay) : '' ) + '' ); }) .join(''); variantSelectHtml = ''; } // ─────────────────────────────────────────── // カート追加 // ─────────────────────────────────────────── var addToCartHtml = showActions ? ( '' + esc(T.addToCart) + '' ) : ''; // ─────────────────────────────────────────── // 画像 // ─────────────────────────────────────────── var primaryImageHtml = primaryImage ? ( '' ) : ''; var hoverImageHtml = hoverImage ? ( '' ) : ''; // ─────────────────────────────────────────── // Dawnの商品カード構造 // ─────────────────────────────────────────── return ( '

' + wishlistHtml + '' + '' + '

' + '

' + primaryImageHtml + hoverImageHtml + '

' + '

' + '' + esc(product.title || '') + '' + '

' + '

' + badgeHtml + '

' + '

' + '' + esc(product.title || '') + '' + '

' + '

' + '' + formattedPrice + '' + stockLabelHtml + '

' + '

' + variantSelectHtml + addToCartHtml + '

' + '

' + '' + '' ); }; // ───────────────────────────────────────────── // カート追加 // Shadow DOMをまたぐためcomposedPathを使用 // ───────────────────────────────────────────── document.addEventListener( 'click', function (event) { var eventPath = event.composedPath ? event.composedPath() : [event.target]; var button = null; for (var i = 0; i < eventPath.length; i++) { var node = eventPath[i]; if ( node && typeof node.matches === 'function' && node.matches('[data-rv-add-to-cart]') ) { button = node; break; } } if ( !button || button.disabled || button.getAttribute('aria-busy') === 'true' ) { return; } event.preventDefault(); var card = button.closest('.card-wrapper'); var variantSelect = card && card.querySelector( '[data-rv-variant-selector]' ); var variantId = ( variantSelect && variantSelect.value ) || button.getAttribute('data-variant-id'); if (!variantId) { return; } button.disabled = true; button.setAttribute('aria-busy', 'true'); button.classList.add('loading'); fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json', Accept: 'application/json' }, body: JSON.stringify({ items: [ { id: Number(variantId), quantity: 1 } ] }) }) .then(function (response) { if (!response.ok) { throw new Error( 'Cart add failed: ' + response.status ); } return response.json(); }) .then(function () { if (CONFIG.redirectToCartAfterAdd) { window.location.href = '/cart'; return; } button.disabled = false; button.removeAttribute('aria-busy'); button.classList.remove('loading'); }) .catch(function (error) { console.warn( '[Sledge product card] Add to cart failed', error ); button.disabled = false; button.removeAttribute('aria-busy'); button.classList.remove('loading'); }); }, true ); })();

国/地域

サイズガイド：タオルサイズ比較 / ブランケットサイズ比較