Code Mat Code Mat City and Golf Space and Soccer This two-sided mat offers a simple, accessible way to learn block-based coding, basic math principles, and collaborative problem-solving with any round Sphero robot. The Code Mat comes with three sets of 10 double-sided coding cards that provide guided, hands-on coding lessons. Choose Sphero City and Golf Code Mat to tee up your Sphero robot and take a swing while exploring concepts like distance, speed, math fundamentals, and basic coding or program your robot to navigate around Sphero City using draw, blocks, or text programming. You can also use the Code Mat as your competition field for BOLT/BOLT+ in the Sphero Global Challenge! Two-sided, 86in x 45in Sphero Code Mat 3x Sets of Activity Cards per Code Mat This two-sided mat offers a simple, accessible way to learn block-based coding, basic math principles, and collaborative problem-solving with any round Sphero robot. The Code Mat comes with three sets of 10 double-sided coding cards that provide guided, hands-on coding lessons. Choose Sphero Space and Soccer Code Mat and blast off into orbit to explore the solar system with Sphero Outer Space while gaining the foundations for computational thinking or dribble down the field in hopes of programming a goal for your team with Sphero Soccer Pitch. You can also use the Code Mat as your competition field for BOLT/BOLT+ in the Sphero Global Challenge! Two-sided, 86in x 45in Sphero Code Mat 3x Sets of Activity Cards per Code Mat // Shared SKU Map var skuMap = { '970-0530': { title: 'vtitle01', subtitle: 'vsub01', description: 'vdescr01' }, '970-0517': { title: 'vtitle02', subtitle: 'vsub02', description: 'vdescr02' }, // 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);
