Mini Accessory Shells Blue Pink Green Orange White Sphero Mini has interchangeable shells that allow you to switch one out to suit your mood. Drive, play games, learn to code, and more. // Shared SKU Map var skuMap = { 'AMS01BLU': { title: 'vtitle01', subtitle: 'vsub01', description: 'vdescr01', included: 'vwhats01' }, 'AMS01PNK': { title: 'vtitle01', subtitle: 'vsub02', description: 'vdescr01', included: 'vwhats01' }, 'AMS01GRN': { title: 'vtitle01', subtitle: 'vsub03', description: 'vdescr01', included: 'vwhats01' }, 'AMS01ORG': { title: 'vtitle01', subtitle: 'vsub04', description: 'vdescr01', included: 'vwhats01' }, 'AMS01WHI': { title: 'vtitle01', subtitle: 'vsub05', description: 'vdescr01', included: 'vwhats01' }, // Add more mappings as needed }; // Update title based on SKU var skuTitleElement = document.querySelector('.product-meta__sku-number'); var titleElement = document.querySelector('.product-meta__title'); function updateTitleBasedOnSKU(skuMap) { var skuNumberTitle = skuTitleElement.textContent.trim(); if (skuMap.hasOwnProperty(skuNumberTitle)) { var divId = skuMap[skuNumberTitle].title; var divContent = document.getElementById(divId); if (divContent) { titleElement.textContent = divContent.textContent.trim(); var inlineStyles = divContent.getAttribute('style'); titleElement.setAttribute('style', inlineStyles); divContent.style.display = 'block'; } } } updateTitleBasedOnSKU(skuMap); // Update subtitle based on SKU var skuSubtitleElement = document.querySelector('.product-meta__sku-number'); var skuElement = document.querySelector('.product-meta__sku'); function updateSubtitleBasedOnSKU(skuMap) { var skuNumberSubtitle = skuSubtitleElement.textContent.trim(); if (skuMap.hasOwnProperty(skuNumberSubtitle)) { var divId = skuMap[skuNumberSubtitle].subtitle; var subtitleDiv = document.getElementById(divId); if (subtitleDiv) { var existingSubElement = document.querySelector('.product-meta__sub'); var newDivElement = document.createElement('div'); newDivElement.className = 'product-meta__sub'; newDivElement.innerHTML = subtitleDiv.innerHTML; newDivElement.style.display = 'block'; if (existingSubElement) { existingSubElement.replaceWith(newDivElement); } else { skuElement.insertAdjacentElement('beforebegin', newDivElement); } } } } updateSubtitleBasedOnSKU(skuMap); // Update description based on SKU var skuDescriptionElement = document.querySelector('.product-meta__sku-number'); var descriptionContentElement = document.querySelector('.product-meta__description-content'); function updateDescriptionBasedOnSKU(skuMap) { var skuNumberDescription = skuDescriptionElement.textContent.trim(); if (skuMap.hasOwnProperty(skuNumberDescription)) { var divId = skuMap[skuNumberDescription].description; var descriptionDiv = document.getElementById(divId); if (descriptionDiv && descriptionContentElement) { var existingDescriptionElement = document.querySelector('.product-meta__description-content .btdescr'); var newDescriptionElement = document.createElement('div'); newDescriptionElement.className = 'btdescr'; newDescriptionElement.innerHTML = descriptionDiv.innerHTML; newDescriptionElement.style.display = 'block'; if (existingDescriptionElement) { existingDescriptionElement.replaceWith(newDescriptionElement); } else { descriptionContentElement.appendChild(newDescriptionElement); } } } } updateDescriptionBasedOnSKU(skuMap);
Related
Related
Related