document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});
document.addEventListener('DOMContentLoaded', function () {
// Get the product images container
var productMedia = document.querySelectorAll('.product-single__media-item');
// Get the variant dropdown or buttons
var variantSelectors = document.querySelectorAll('[name="id"]');
// Function to display the first product image
function showFirstImage() {
if (productMedia.length > 0) {
productMedia.forEach(function (media, index) {
if (index === 0) {
media.style.display = 'block';
} else {
media.style.display = 'none';
}
});
}
}
// Show the first image on page load
showFirstImage();
// Add event listeners to variant selectors
variantSelectors.forEach(function (selector) {
selector.addEventListener('change', function () {
showFirstImage();
});
});
});![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](//dragoyle.com/cdn/shop/products/dddef419-716e-4430-9f0e-d9fb0120bbeb.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/3df4bdca-5b72-45a0-b1f2-7577d906e988.jpg?v=1678761538&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/8937147a-9d48-4769-9f08-71812cf31f60.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/176542ac-c99b-4ab8-a9c5-400c5828d249.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/4f8a3574-3c56-4903-a639-cde89e61ca53.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/0afbc01a-6b47-4a63-a6ca-c97a2f7841c2.jpg?v=1678761489&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/32cb8d3d-9d71-49fe-b377-c46fbed0a0ea.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/c667f84b-fcc4-45b3-87d7-4b3d58d85664.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/c86446eb-a7a8-4e0b-80e6-79102b5ef138.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/2d53e436-61c8-4547-a3de-833f4457627d.jpg?v=1678760862&width=1445)
![The Tactical First Aid Medical Kit is here to save the day, whether it's a zombie apocalypse or just a boo-boo. It's your go-to first responder, with all the supplies you need to be prepared - and look badass - in any situation.](http://dragoyle.com/cdn/shop/products/dddef419-716e-4430-9f0e-d9fb0120bbeb.jpg?v=1678760862&width=1445)