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();
});
});
});![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](//dragoyle.com/cdn/shop/products/DB00675CCBAC0E4A722005425EB3B5EB.png?v=1674951024&width=1445)
![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](http://dragoyle.com/cdn/shop/products/EE968982731D21257F75ACBAD55C492C.jpg?v=1674951020&width=1445)
![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](http://dragoyle.com/cdn/shop/products/B9404AD8BD2316329457DDA28D6C7057.jpg?v=1674951022&width=1445)
![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](http://dragoyle.com/cdn/shop/products/A9BC1331BF3EF25080FDCAEF709CDDA9.jpg?v=1674951026&width=1445)
![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](http://dragoyle.com/cdn/shop/products/7A5B933E80B1EAAF1E9822540C361FA4.jpg?v=1674951009&width=1445)
![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](http://dragoyle.com/cdn/shop/products/43175E92F529FC613DA665BAC6B852D9.png?v=1674951013&width=1445)
![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](http://dragoyle.com/cdn/shop/products/4608319F44CEE49B85604A8243673026.jpg?v=1674951018&width=1445)
![Having some paracord in your emergency pack is needed to help build an emergency shelter, put up tents, canopy, clothesline, useful when binding wounds and in all sorts of useful situations.](http://dragoyle.com/cdn/shop/products/DB00675CCBAC0E4A722005425EB3B5EB.png?v=1674951024&width=1445)