Filters
>
Showing 37 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
UPF ICE Polo
Quick View
Shredders
Quick View
Shredders 2-in-1
Quick View
On the Go Tank
Quick View
Feelin' Fine 2.5"
Quick View
Feelin' Fine 4"
Quick View
Jog Tee
Quick View
Go For It
Quick View
Get After It
Quick View
Race Pace Tee SS
Quick View
Feelin' Fine Pants
Quick View
UtiliBRA-vo
Quick View
Victory Jacket
Quick View
On the Go Tee
Quick View
Speedsters
Quick View
EZ Vee Tank
Quick View
Speed Leggy 4"
Quick View
Speed Leggy 2.5"
Quick View
EZ Tee Cropped
Quick View
Catch Me If You Can
Quick View
Empower Skirt
Quick View
Race Pace Tank
Quick View
Race Pace Tank
Quick View
Cruisers 5"
Quick View
Cruisers 7"
Quick View
Bucket Hat
Quick View
Rec Hat
Quick View
Bunny Pack
Quick View
Surfs Up 2.5"
Quick View
Surfs Up 4"
Quick View
Surfs Up 4"
Quick View
Surfs Up 6"
Quick View
Surfs Up 6"
Quick View
Surf’s Up 2.5”
Quick View
UPF Tee SS
Quick View
UPF Tee SS
Quick View
EZ Polo
Quick View