$product = {"id":1414792544355,"title":"犀牛盾Mod NX防摔手機殼 - iPhone 7 Plus\/8 Plus","handle":"iphone-8-plus-mod-nx","description":"\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e\u003cstrong\u003eQ：Mod NX背板內側有一片貼膜是可以撕掉的嗎？\u003c\/strong\u003e\u003cbr\u003eA：Ｍod NX背板由內側加入一片防刮膜來優化耐刮功能， 也因為耐刮內膜無法被重複黏貼， 請不要將此片內膜撕除。\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e\u003cbr\u003e\u003cstrong\u003eQ：Mod NX商品是否相容滿版保護貼和背面保護貼？\u003c\/strong\u003e\u003cbr\u003eA：\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e1. Mod NX適用一般市售螢幕滿版保護貼，但是因為市售螢幕玻璃保護貼廠牌較多，每一片保護貼設計螢幕的覆蓋範圍較無法一一測試，所以需以實際安裝結果為主。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e2.犀牛盾耐衝擊背貼：Mod NX 無論邊框模組或是背蓋模組“皆可以相容”它牌滿版玻璃背貼：因為Mod NX保護殼設計較包覆，背面玻璃保護貼將“無法相容”\u003c\/span\u003e\u003c\/p\u003e","published_at":"2018-08-01T19:41:54+08:00","created_at":"2018-07-31T16:08:09+08:00","vendor":"犀牛盾有限公司","type":"ModNX","tags":["20%","2023-tagsAdd-reseller-PL","20240304-reseller-\u003ereplace_to-","25%","30%","35%","40%","45%","45degree","50%","brand-Apple","bumper-clearplate","discountable-item","dropdownDevice-Apple iPhone 7 Plus\/8 Plus","featured-product","iPhone 7 Plus\/8 Plus","member","quickbuy","reseller","reseller-asus","reseller-modnx","Top50"],"price":80000,"price_min":80000,"price_max":80000,"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":13174847701091,"title":"黑色","option1":"黑色","option2":null,"option3":null,"sku":"NPB0105524","requires_shipping":true,"taxable":true,"featured_image":{"id":3795960823907,"product_id":1414792544355,"position":1,"created_at":"2018-07-31T16:23:58+08:00","updated_at":"2023-01-13T12:05:19+08:00","alt":null,"width":1807,"height":1808,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719","variant_ids":[13174847701091]},"available":true,"name":"犀牛盾Mod NX防摔手機殼 - iPhone 7 Plus\/8 Plus - 黑色","public_title":"黑色","options":["黑色"],"price":80000,"weight":100,"compare_at_price":null,"inventory_quantity":-36986,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":null,"id":927445844067,"position":1,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/red_black_phone_99cfb7ad-6419-47fc-8a38-e8a1554a79a2.png?v=1673582719","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/yellow_black_phone_e0e98e90-134a-49f3-b9c0-d2be0119c939.png?v=1673582719","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/blush_pink_black_phone_ab06d00a-a9b6-4082-a7fa-0909d6d906d1.png?v=1624260764","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/Graphite_black_phone_fbe09137-4a9b-431c-bc6c-25b183629229.png?v=1624260764","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i7_black-NPB0105577T-Bumper-7_plus_backplate.png?v=1591774551","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/NPB01055K8-b2b.png?v=1629715881","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/NPB01055J5T-Bumper.png?v=1629860587","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i8_Black_-MODNX-Combined-Platinum_Gray-Frame-Clear-BP_9e8b973d-75b0-43c0-98d4-da34cca2b2cf.png?v=1634715028","\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i8_Black_-MODNX-Combined-Lavender-Frame-Clear-BP_06b57a75-6e74-4d09-9550-620b8b82f6aa.png?v=1667981034"],"featured_image":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719","options":["Color"],"media":[{"alt":null,"id":927445844067,"position":1,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719"},"aspect_ratio":0.999,"height":1808,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719","width":1807},{"alt":null,"id":927445942371,"position":2,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/red_black_phone_99cfb7ad-6419-47fc-8a38-e8a1554a79a2.png?v=1673582719"},"aspect_ratio":0.999,"height":1808,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/red_black_phone_99cfb7ad-6419-47fc-8a38-e8a1554a79a2.png?v=1673582719","width":1807},{"alt":null,"id":927445811299,"position":3,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/yellow_black_phone_e0e98e90-134a-49f3-b9c0-d2be0119c939.png?v=1673582719"},"aspect_ratio":0.999,"height":1808,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/yellow_black_phone_e0e98e90-134a-49f3-b9c0-d2be0119c939.png?v=1673582719","width":1807},{"alt":null,"id":927445876835,"position":4,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/blush_pink_black_phone_ab06d00a-a9b6-4082-a7fa-0909d6d906d1.png?v=1624260764"},"aspect_ratio":0.999,"height":1808,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/blush_pink_black_phone_ab06d00a-a9b6-4082-a7fa-0909d6d906d1.png?v=1624260764","width":1807},{"alt":null,"id":927445909603,"position":5,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/Graphite_black_phone_fbe09137-4a9b-431c-bc6c-25b183629229.png?v=1624260764"},"aspect_ratio":0.999,"height":1808,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/Graphite_black_phone_fbe09137-4a9b-431c-bc6c-25b183629229.png?v=1624260764","width":1807},{"alt":null,"id":7388213706851,"position":6,"preview_image":{"aspect_ratio":1.333,"height":1500,"width":1999,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i7_black-NPB0105577T-Bumper-7_plus_backplate.png?v=1591774551"},"aspect_ratio":1.333,"height":1500,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i7_black-NPB0105577T-Bumper-7_plus_backplate.png?v=1591774551","width":1999},{"alt":null,"id":20793616040035,"position":7,"preview_image":{"aspect_ratio":1.333,"height":1500,"width":1999,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/NPB01055K8-b2b.png?v=1629715881"},"aspect_ratio":1.333,"height":1500,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/NPB01055K8-b2b.png?v=1629715881","width":1999},{"alt":null,"id":20797337141347,"position":8,"preview_image":{"aspect_ratio":1.333,"height":1500,"width":1999,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/NPB01055J5T-Bumper.png?v=1629860587"},"aspect_ratio":1.333,"height":1500,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/NPB01055J5T-Bumper.png?v=1629860587","width":1999},{"alt":null,"id":20924751282275,"position":9,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i8_Black_-MODNX-Combined-Platinum_Gray-Frame-Clear-BP_9e8b973d-75b0-43c0-98d4-da34cca2b2cf.png?v=1634715028"},"aspect_ratio":0.999,"height":1808,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i8_Black_-MODNX-Combined-Platinum_Gray-Frame-Clear-BP_9e8b973d-75b0-43c0-98d4-da34cca2b2cf.png?v=1634715028","width":1807},{"alt":null,"id":22065925390435,"position":10,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i8_Black_-MODNX-Combined-Lavender-Frame-Clear-BP_06b57a75-6e74-4d09-9550-620b8b82f6aa.png?v=1667981034"},"aspect_ratio":0.999,"height":1808,"media_type":"image","src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/i8_Black_-MODNX-Combined-Lavender-Frame-Clear-BP_06b57a75-6e74-4d09-9550-620b8b82f6aa.png?v=1667981034","width":1807}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e\u003cstrong\u003eQ：Mod NX背板內側有一片貼膜是可以撕掉的嗎？\u003c\/strong\u003e\u003cbr\u003eA：Ｍod NX背板由內側加入一片防刮膜來優化耐刮功能， 也因為耐刮內膜無法被重複黏貼， 請不要將此片內膜撕除。\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e\u003cbr\u003e\u003cstrong\u003eQ：Mod NX商品是否相容滿版保護貼和背面保護貼？\u003c\/strong\u003e\u003cbr\u003eA：\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e1. Mod NX適用一般市售螢幕滿版保護貼，但是因為市售螢幕玻璃保護貼廠牌較多，每一片保護貼設計螢幕的覆蓋範圍較無法一一測試，所以需以實際安裝結果為主。\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: #0000ff;\"\u003e2.犀牛盾耐衝擊背貼：Mod NX 無論邊框模組或是背蓋模組“皆可以相容”它牌滿版玻璃背貼：因為Mod NX保護殼設計較包覆，背面玻璃保護貼將“無法相容”\u003c\/span\u003e\u003c\/p\u003e"}; $bumper = null; $variants = [{"id":13174847701091,"title":"黑色","option1":"黑色","option2":null,"option3":null,"sku":"NPB0105524","requires_shipping":true,"taxable":true,"featured_image":{"id":3795960823907,"product_id":1414792544355,"position":1,"created_at":"2018-07-31T16:23:58+08:00","updated_at":"2023-01-13T12:05:19+08:00","alt":null,"width":1807,"height":1808,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719","variant_ids":[13174847701091]},"available":true,"name":"犀牛盾Mod NX防摔手機殼 - iPhone 7 Plus\/8 Plus - 黑色","public_title":"黑色","options":["黑色"],"price":80000,"weight":100,"compare_at_price":null,"inventory_quantity":-36986,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":null,"id":927445844067,"position":1,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}]; $defaultVariant = {"id":13174847701091,"title":"黑色","option1":"黑色","option2":null,"option3":null,"sku":"NPB0105524","requires_shipping":true,"taxable":true,"featured_image":{"id":3795960823907,"product_id":1414792544355,"position":1,"created_at":"2018-07-31T16:23:58+08:00","updated_at":"2023-01-13T12:05:19+08:00","alt":null,"width":1807,"height":1808,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719","variant_ids":[13174847701091]},"available":true,"name":"犀牛盾Mod NX防摔手機殼 - iPhone 7 Plus\/8 Plus - 黑色","public_title":"黑色","options":["黑色"],"price":80000,"weight":100,"compare_at_price":null,"inventory_quantity":-36986,"inventory_management":null,"inventory_policy":"deny","barcode":null,"featured_media":{"alt":null,"id":927445844067,"position":1,"preview_image":{"aspect_ratio":0.999,"height":1808,"width":1807,"src":"\/\/b2b.rhinoshield.tw\/cdn\/shop\/products\/black_black_phone_72847b48-6586-4b7c-98f9-66afee2cab19.png?v=1673582719"}},"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) }); });