Descrição
(async function() {
const imageName = ‘S26_W_PeakRamblerConvertiblePant_S1_LG’;
const imageFormat = ‘png’;
const pictureId = ‘responsive-image-i0w0_462c2a1d_aa6f_4d81_8ec4_221d083cf188’;
// Extrair nome base do arquivo de imagem
let baseName = imageName;
if (imageName.includes(‘_XL’)) {
baseName = imageName.replace(‘_XL’, ”);
} else if (imageName.includes(‘_LG’)) {
baseName = imageName.replace(‘_LG’, ”);
} else if (imageName.includes(‘_MD’)) {
baseName = imageName.replace(‘_MD’, ”);
} else if (imageName.includes(‘_SM’)) {
baseName = imageName.replace(‘_SM’, ”);
}
// Inicializar cache global se não existir
if (!window.imageExistenceCache) {
window.imageExistenceCache = new Map();
}
// Verificar se temos resultados em cache para este nome base
if (window.imageExistenceCache.has(baseName)) {
const existenceResults = window.imageExistenceCache.get(baseName);
updatePictureSources(existenceResults);
return;
}
// Função para verificar se a imagem existe via requisição HTTP HEAD
async function checkImageExists(url) {
try {
const response = await fetch(url, { method: ‘HEAD’ });
return response.ok;
} catch (error) {
// Lidar silenciosamente com erros de rede sem spam no console
return false;
}
}
// Verificar todos os tamanhos possíveis
const sizes = [‘SM’, ‘MD’, ‘LG’, ‘XL’];
const existenceResults = {};
// Usar detecção automática de formato Scene7 em vez de extensões fixas
for (const size of sizes) {
const url = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${size}?fmt=auto`;
existenceResults[size] = await checkImageExists(url);
}
// Logar disponibilidade para depuração (apenas se alguns tamanhos estiverem ausentes)
const availableSizes = Object.values(existenceResults).filter(Boolean).length;
const totalSizes = sizes.length;
/*if (availableSizes source.remove());
// Criar novas fontes com tamanhos ideais
const breakpoints = [
{ media: ‘(max-width: 575px)’, preferSize: ‘SM’ },
{ media: ‘(min-width: 576px) and (max-width: 1023px)’, preferSize: ‘MD’ },
{ media: ‘(min-width: 1024px) and (max-width: 1439px)’, preferSize: ‘LG’ },
{ media: ‘(min-width: 1440px)’, preferSize: ‘XL’ }
];
breakpoints.forEach((breakpoint, index) => {
let optimalSize = ”;
// Determinar o tamanho ideal para este breakpoint
if (breakpoint.preferSize === ‘SM’) {
optimalSize = existenceResults.SM ? ‘SM’ : ‘BASE’;
} else if (breakpoint.preferSize === ‘MD’) {
optimalSize = existenceResults.MD ? ‘MD’ : (existenceResults.SM ? ‘SM’ : ‘BASE’);
} else if (breakpoint.preferSize === ‘LG’) {
optimalSize = existenceResults.LG ? ‘LG’ : (existenceResults.MD ? ‘MD’ : (existenceResults.SM ? ‘SM’ : ‘BASE’));
} else if (breakpoint.preferSize === ‘XL’) {
optimalSize = existenceResults.XL ? ‘XL’ : (existenceResults.LG ? ‘LG’ : (existenceResults.MD ? ‘MD’ : (existenceResults.SM ? ‘SM’ : ‘BASE’)));
}
// Criar novo elemento source
const newSource = document.createElement(‘source’);
newSource.setAttribute(‘media’, breakpoint.media);
let srcset = ”;
if (optimalSize === ‘BASE’) {
srcset = `https://media.columbia.com/i/columbiasprtswr/${imageName}?fmt=auto&$aem_${imageFormat}$`;
} else {
srcset = `https://media.columbia.com/i/columbiasprtswr/${baseName}_${optimalSize}?fmt=auto&$aem_${imageFormat}$`;
}
newSource.setAttribute(‘srcset’, srcset);
// Inserir antes do elemento img
picture.insertBefore(newSource, img);
});
// Garantir que atributos de lazy loading sejam preservados
if (img) {
// Verificar se a imagem possui atributos de lazy loading
const hasLazyClass = img.classList.contains(‘lazy’);
const hasDataSrc = img.hasAttribute(‘data-src’);
if (hasLazyClass || hasDataSrc) {
// Certificar-se de que a classe lazy está presente
if (!img.classList.contains(‘lazy’)) {
img.classList.add(‘lazy’);
}
// Preservar ou restaurar o atributo data-src
if (originalDataSrc) {
img.setAttribute(‘data-src’, originalDataSrc);
}
}
}
// Reinicializar vanillaLazyLoad se existir
if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.update === ‘function’) {
window.vanillaLazyLoad.update();
} else if (window.vanillaLazyLoad && typeof window.vanillaLazyLoad.init === ‘function’) {
window.vanillaLazyLoad.init();
}
}
})();
Feita para quem está sempre preparado, estas calças fáceis de transformar se tornam calças ou bermudas e voltam ao formato original sem preocupações com zíper. O tecido elástico acompanha seus movimentos, oferecendo liberdade e conforto em longas caminhadas, enquanto um cinto ajustável é discreto na cintura com um único laço para enfiar a ponta. A abertura frontal com botão mantém o visual limpo, enquanto o bolso envolvente e o clipe traseiro proporcionam fácil acesso a itens essenciais, mesmo durante escaladas. Com proteção UV UPF 50, estas calças bloqueiam 98% dos raios UV prejudiciais, ajudando a proteger sua pele durante longas horas em trilhas expostas. Seja explorando trilhas ou tomando sol, esta versátil peça 2-em-1 se adapta às aventuras ao ar livre.
PFC free DWR finish
UPF 50
As pernas da calça se transformam em bermudas com zíper
Cinto ajustável na cintura
Elástico na parte traseira da cintura para fácil colocação e movimento dinâmico
Zíper com fechamento por botão
Bolsos traseiros com botão seguro
Cinto na barra para ajuste
Logo MHW na parte traseira direita
Importado















Avaliações
Ainda não existem avaliações.