document.addEventListener('DOMContentLoaded', function() {
const products = document.querySelectorAll('.product-grid-item'); // Seleciona os itens do grid
products.forEach(product => {
const variantId = product.getAttribute('data-variant-id'); // Obtém o ID da variante
const imageElement = product.querySelector('img'); // Seleciona a imagem atual
if (variantId && imageElement) {
// Faz um pedido à API para obter a imagem da variante
fetch(`/admin/api/2021-04/variants/${variantId}.json`, {
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest',
}
})
.then(response => response.json())
.then(data => {
if (data.variant && data.variant.featured_image) {
imageElement.src = data.variant.featured_image.src; // Atualiza a imagem
}
})
.catch(error => console.error('Erro ao carregar a imagem da variante:', error));
}
});
});