Filters
>
Showing 15 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
Race Pace Tank
Quick View
Race Pace Tank
$ 50.00
Race Pace Tank
Quick View
Race Pace Tank
$ 50.00
Race Pace Tee SS
Quick View
Race Pace Tee SS
$ 55.00
Race Pace Tee SS
Quick View
Race Pace Tee SS
$ 55.00
Crusher Pocket Crop
Quick View
Crusher Pocket Crop
$ 68.00
Flow State Tank
Quick View
Flow State Tank
from
$ 40.00
Fuel n' Fly 2.5"
Quick View
Fuel n' Fly 2.5"
from
$ 60.00
Fuel n' Fly 4"
Quick View
Fuel n' Fly 4"
from
$ 60.00
Fuel n' Fly 3"
Quick View
Fuel n' Fly 3"
from
$ 60.00
Fuel n' Fly 5"
Quick View
Fuel n' Fly 5"
$ 75.00
Speed Leggy 4"
Quick View
Speed Leggy 4"
from
$ 52.00
Speedsters
Quick View
Speedsters
$ 70.00
Float n' Fly 3"
Quick View
Float n' Fly 3"
from
$ 55.80
Women's Dream Chaser 2.0
Quick View
Women's Dream Chaser 2.0
$ 160.00
Men's Dream Chaser 2.0
Quick View
Men's Dream Chaser 2.0
$ 160.00