Men's PR Collection
Filters
>
Showing 7 products
{
let [param, value] = filter.split('=');
console.log({ param, value });
if (!filters[param]) {
filters[param.replaceAll('?', '')] = [value];
} else {
filters[param.replaceAll('?', '')].push(value);
}
});
}
// Verificar si el filtro a agregar ya existe
let [paramToAdd, valueToAdd] = filterToAdd.split('=');
if (filters[paramToAdd] && filters[paramToAdd].includes(valueToAdd)) {
// Si existe, quitarlo de los filtros
filters[paramToAdd] = filters[paramToAdd].filter(value => value !== valueToAdd);
} else {
// Si no existe, agregarlo a los filtros
if (!filters[paramToAdd]) {
filters[paramToAdd] = [valueToAdd];
} else {
filters[paramToAdd].push(valueToAdd);
}
}
// Formatear los filtros para la URL
const filterParams = Object.entries(filters).map(([param, values]) => {
return values.map(value => `${param}=${value}`).join('&');
})
const queryString = filterParams.length > 0 ? '?' + filterParams.join('&') : '';
// Almacenar la query en el dataset
document.querySelector('.filters-wrapper').dataset.filters = queryString;
console.log('This should be desktop only', { queryString });
">
Sort by
>
Filters & Sort
>
×
Sort By
>
{
let [param, value] = filter.split('=');
console.log({ param, value });
if (!filters[param]) {
filters[param.replaceAll('?', '')] = [value];
} else {
filters[param.replaceAll('?', '')].push(value);
}
});
}
// Verificar si el filtro a agregar ya existe
let [paramToAdd, valueToAdd] = filterToAdd.split('=');
if (filters[paramToAdd] && filters[paramToAdd].includes(valueToAdd)) {
// Si existe, quitarlo de los filtros
filters[paramToAdd] = filters[paramToAdd].filter(value => value !== valueToAdd);
} else {
// Si no existe, agregarlo a los filtros
if (!filters[paramToAdd]) {
filters[paramToAdd] = [valueToAdd];
} else {
filters[paramToAdd].push(valueToAdd);
}
}
// Formatear los filtros para la URL
const filterParams = Object.entries(filters).map(([param, values]) => {
return values.map(value => `${param}=${value}`).join('&');
})
const queryString = filterParams.length > 0 ? '?' + filterParams.join('&') : '';
// Almacenar la query en el dataset
document.querySelector('.filters-wrapper').dataset.filters = queryString;
console.log('This should be mobile only', { queryString });
">
View
Sunset Splitz
Quick View
Sunset Splitz
from
$ 48.00
$ 48.00
Speedsters X
Quick View
Speedsters X
$ 75.00
$ 75.00
Victory Jacket
Quick View
Victory Jacket
from
$ 110.40
$ 110.40
Victory Pants
Quick View
Victory Pants
$ 118.00
$ 118.00
Adjustable Visor
Quick View
Adjustable Visor
from
$ 27.00
$ 30.00