$product = {"id":4761520046179,"title":"3D壯撞貼 - Apple Watch (Series 1\/2\/3) 42mm","handle":"3d-apple-watch-series-1-2-3-42mm","description":"\u003cp\u003e\u003cstrong\u003e全防護，從任何角度\u003c\/strong\u003e。\u003c\/p\u003e\n\u003cp\u003e犀牛盾獨家產品耐衝擊保護貼，現在推出全滿版了。邊緣的3D曲面，能完整貼合並覆蓋\u003cspan data-mce-fragment=\"1\"\u003e手\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e錶\u003c\/span\u003e螢幕，更隱形之外，也同時提供更大面積的保護。\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e這款經過鐵鎚測試的保護貼耐用度一片抵10片，可以承受多次撞擊而不破裂。除此之外，也能保護螢幕免於日常刮傷和磨損。\u003c\/p\u003e\n\u003cp\u003e這款3D壯撞貼擁有高透光度，提供超清晰的使用體驗。疏油疏水塗層可防止指紋和髒污沾黏，但不影響螢幕觸控和指紋感壓。使用無殘膠黏著技術，不僅讓你的保護貼牢固服貼於\u003cspan data-mce-fragment=\"1\"\u003e手\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e錶\u003c\/span\u003e，也讓新手安裝失誤時可重新黏貼。\u003c\/p\u003e\n\u003cp\u003e產品特性\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e超強衝擊防護力\u003c\/li\u003e\n\u003cli\u003e3D全滿版覆蓋\u003c\/li\u003e\n\u003cli\u003e日常防刮\u003c\/li\u003e\n\u003cli\u003e高透光度\u003c\/li\u003e\n\u003cli\u003e疏油疏水\u003c\/li\u003e\n\u003cli\u003e零殘膠\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\u003c\/ul\u003e","published_at":"2020-12-23T19:55:41+08:00","created_at":"2020-12-22T14:30:36+08:00","vendor":"Rhinoshieldtaiwan","type":"3D壯撞貼","tags":["20%","20240304-reseller-\u003ereplace_to-","25%","30%","35%","40%","45%","50%","addition","addtion","brand-Apple","bundle-addition","discountable-item","dropdownDevice-Apple Watch Series 1\/2\/3 42mm","member","multi-shared","no-discount","quickbuy","reseller","reseller-3d-screen-protector","reseller-asus","Top50","type-3D Impact"],"price":40000,"price_min":40000,"price_max":40000,"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":33345663926371,"title":"黑","option1":"黑","option2":null,"option3":null,"sku":"SPA01127H4","requires_shipping":true,"taxable":true,"featured_image":{"id":28608160071779,"product_id":4761520046179,"position":1,"created_at":"2021-10-20T15:23:56+08:00","updated_at":"2021-10-20T15:23:57+08:00","alt":null,"width":1024,"height":1024,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637","variant_ids":[33345663926371]},"available":true,"name":"3D壯撞貼 - Apple Watch (Series 1\/2\/3) 42mm - 黑","public_title":"黑","options":["黑"],"price":40000,"weight":0,"compare_at_price":null,"inventory_quantity":-1409,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":null,"id":20924746858595,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1024,"width":1024,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/apple-watch_42mm.png?v=1608618681","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/3d_bfcm_aw_3c72c943-b380-4947-8297-5ef8d1f4e790.png?v=1608618642","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-4.png?v=1653620150"],"featured_image":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637","options":["Title"],"media":[{"alt":null,"id":20924746858595,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1024,"width":1024,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637"},"aspect_ratio":1.0,"height":1024,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637","width":1024},{"alt":null,"id":8747354292323,"position":2,"preview_image":{"aspect_ratio":1.0,"height":1500,"width":1500,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/apple-watch_42mm.png?v=1608618681"},"aspect_ratio":1.0,"height":1500,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/apple-watch_42mm.png?v=1608618681","width":1500},{"alt":null,"id":8747353276515,"position":3,"preview_image":{"aspect_ratio":1.0,"height":2397,"width":2397,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/3d_bfcm_aw_3c72c943-b380-4947-8297-5ef8d1f4e790.png?v=1608618642"},"aspect_ratio":1.0,"height":2397,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/3d_bfcm_aw_3c72c943-b380-4947-8297-5ef8d1f4e790.png?v=1608618642","width":2397},{"alt":null,"id":21541478563939,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1800,"width":1800,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-4.png?v=1653620150"},"aspect_ratio":1.0,"height":1800,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-4.png?v=1653620150","width":1800}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cstrong\u003e全防護，從任何角度\u003c\/strong\u003e。\u003c\/p\u003e\n\u003cp\u003e犀牛盾獨家產品耐衝擊保護貼，現在推出全滿版了。邊緣的3D曲面，能完整貼合並覆蓋\u003cspan data-mce-fragment=\"1\"\u003e手\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e錶\u003c\/span\u003e螢幕，更隱形之外，也同時提供更大面積的保護。\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e這款經過鐵鎚測試的保護貼耐用度一片抵10片，可以承受多次撞擊而不破裂。除此之外，也能保護螢幕免於日常刮傷和磨損。\u003c\/p\u003e\n\u003cp\u003e這款3D壯撞貼擁有高透光度，提供超清晰的使用體驗。疏油疏水塗層可防止指紋和髒污沾黏，但不影響螢幕觸控和指紋感壓。使用無殘膠黏著技術，不僅讓你的保護貼牢固服貼於\u003cspan data-mce-fragment=\"1\"\u003e手\u003c\/span\u003e\u003cspan data-mce-fragment=\"1\"\u003e錶\u003c\/span\u003e，也讓新手安裝失誤時可重新黏貼。\u003c\/p\u003e\n\u003cp\u003e產品特性\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e超強衝擊防護力\u003c\/li\u003e\n\u003cli\u003e3D全滿版覆蓋\u003c\/li\u003e\n\u003cli\u003e日常防刮\u003c\/li\u003e\n\u003cli\u003e高透光度\u003c\/li\u003e\n\u003cli\u003e疏油疏水\u003c\/li\u003e\n\u003cli\u003e零殘膠\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\u003c\/ul\u003e"}; $bumper = null; $variants = [{"id":33345663926371,"title":"黑","option1":"黑","option2":null,"option3":null,"sku":"SPA01127H4","requires_shipping":true,"taxable":true,"featured_image":{"id":28608160071779,"product_id":4761520046179,"position":1,"created_at":"2021-10-20T15:23:56+08:00","updated_at":"2021-10-20T15:23:57+08:00","alt":null,"width":1024,"height":1024,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637","variant_ids":[33345663926371]},"available":true,"name":"3D壯撞貼 - Apple Watch (Series 1\/2\/3) 42mm - 黑","public_title":"黑","options":["黑"],"price":40000,"weight":0,"compare_at_price":null,"inventory_quantity":-1409,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":null,"id":20924746858595,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1024,"width":1024,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]; $defaultVariant = {"id":33345663926371,"title":"黑","option1":"黑","option2":null,"option3":null,"sku":"SPA01127H4","requires_shipping":true,"taxable":true,"featured_image":{"id":28608160071779,"product_id":4761520046179,"position":1,"created_at":"2021-10-20T15:23:56+08:00","updated_at":"2021-10-20T15:23:57+08:00","alt":null,"width":1024,"height":1024,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637","variant_ids":[33345663926371]},"available":true,"name":"3D壯撞貼 - Apple Watch (Series 1\/2\/3) 42mm - 黑","public_title":"黑","options":["黑"],"price":40000,"weight":0,"compare_at_price":null,"inventory_quantity":-1409,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":null,"id":20924746858595,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1024,"width":1024,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/SPE01127H4-2.png?v=1634714637"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}; var sellingStatus; $device_handle = null if ($bumper) { $(document).ready(function() { var productImg = $product.images[0] var bumperVariants = $bumper.variants; var bumperColors = new Object(); var currentVariant = ''; var productType = ''; bumperVariants.forEach(variant => { bumperColors[`${variant.title.split(' (')[0].toLowerCase()}`] = variant.featured_image.src; }); if (productType === 'mod-nx-backplate' || productType === 'mod-backplate') { mergeImages([productImg, bumperColors[currentVariant]],{ crossOrigin: 'anonymous' }) .then(mergedImg => { $('.merged-img').attr('src', mergedImg); }); } else { mergeImages([bumperColors[currentVariant], productImg],{ crossOrigin: 'anonymous' }) .then(mergedImg => { $('.merged-img').attr('src', mergedImg); }); } }); }; var storedData = sessionStorage.getItem('sellingStatusData'); try { sellingStatusData = JSON.parse(storedData) } catch (error) { console.error('JSON.parse Error', error) sellingStatusData = null } $(document).ready(function() { handleSellingStatus($defaultVariant.sku, sellingStatusData); }); function handleSellingStatus(currentSku, sellingStatusData) { const sellingStatusElement = document.getElementById('selling-status') const addToCartButton = document.getElementById('AddToCart-product-template') const currentProductSku = currentSku.replace(/-(.*)$/, '-') if ($variants) { const matchSellingStatusProduct = sellingStatusData.filter(product => currentProductSku === product.sku) if (matchSellingStatusProduct.length > 0) { const isProductPending = matchSellingStatusProduct[0].status === 'pending' const matchDate = matchSellingStatusProduct[0].date sellingStatus = isProductPending ? "缺貨中" : "預購完成出貨日：" + matchDate sellingStatusElement.textContent = sellingStatus if (sellingStatus.includes("缺貨中")){ addToCartButton.disabled ='true'; addToCartButton.textContent = "缺貨中無法加入購物車" } else { addToCartButton.textContent = "加到購物車" } } else { sellingStatusElement.textContent = '' addToCartButton.textContent = "加到購物車" }; }; }; document.addEventListener('DOMContentLoaded', function () { var currentVariantSelect = document.getElementById('SingleOptionSelector-0') currentVariantSelect.addEventListener('change', function() { var currentSku = $('#current_sku').text() var skuElement = document.getElementById('current-sku') skuElement.textContent = currentSku handleSellingStatus(currentSku, sellingStatusData) }); });