s.classList.remove('product-card__swatch--active'));
$el.classList.add('product-card__swatch--active');
const atc = card.querySelector('.js-card-atc');
if (atc) atc.dataset.variantId = $el.dataset.variantId;
const img = card.querySelector('.product-card__image-link img');
if (img && $el.dataset.variantImage) {
img.src = $el.dataset.variantImage;
img.srcset = $el.dataset.variantSrcset || '';
if ($el.dataset.variantAlt) img.alt = $el.dataset.variantAlt;
}
updateAtcState();
"
style="background-color: #cccccc;"
>
Large
s.classList.remove('product-card__swatch--active'));
$el.classList.add('product-card__swatch--active');
const atc = card.querySelector('.js-card-atc');
if (atc) atc.dataset.variantId = $el.dataset.variantId;
const img = card.querySelector('.product-card__image-link img');
if (img && $el.dataset.variantImage) {
img.src = $el.dataset.variantImage;
img.srcset = $el.dataset.variantSrcset || '';
if ($el.dataset.variantAlt) img.alt = $el.dataset.variantAlt;
}
updateAtcState();
"
style="background-color: #cccccc;"
>
Medium
s.classList.remove('product-card__swatch--active'));
$el.classList.add('product-card__swatch--active');
const atc = card.querySelector('.js-card-atc');
if (atc) atc.dataset.variantId = $el.dataset.variantId;
const img = card.querySelector('.product-card__image-link img');
if (img && $el.dataset.variantImage) {
img.src = $el.dataset.variantImage;
img.srcset = $el.dataset.variantSrcset || '';
if ($el.dataset.variantAlt) img.alt = $el.dataset.variantAlt;
}
updateAtcState();
"
style="background-color: #cccccc;"
>
small
Same-day dispatch