Men's Shorts
Filters
>
Showing 22 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
Low Light Speedsters
Quick View
Low Light Speedsters
$ 80.00
$ 80.00
Fuel n' Fly 5" | New York
Quick View
Fuel n' Fly 5" | New York
$ 75.00
$ 75.00
Low Light Speedsters | Itahara
Quick View
Low Light Speedsters | Itahara
$ 85.00
$ 85.00
Fuel n' Fly 3"
Quick View
Fuel n' Fly 3"
from
$ 60.00
$ 60.00
Fuel n' Fly 5"
Quick View
Fuel n' Fly 5"
$ 75.00
$ 75.00
Surfs Up 6"
Quick View
Surfs Up 6"
$ 54.40
$ 68.00
Stashems 5"
Quick View
Stashems 5"
$ 80.00
$ 80.00
High Country Shorts
Quick View
High Country Shorts
from
$ 62.40
$ 62.40
Speedsters
Quick View
Speedsters
from
$ 63.00
$ 70.00
Down Time Shorts
Quick View
Down Time Shorts
$ 88.00
$ 88.00
Tried n' True 5"
Quick View
Tried n' True 5"
$ 54.00
$ 60.00
Tried n' True 7"
Quick View
Tried n' True 7"
from
$ 54.00
$ 60.00
Cruisers 5"
Quick View
Cruisers 5"
from
$ 70.20
$ 78.00
Cruisers 7"
Quick View
Cruisers 7"
from
$ 70.20
$ 78.00
FKT 2.0 3"
Quick View
FKT 2.0 3"
$ 60.00
$ 75.00
Shredsters
Quick View
Shredsters
$ 70.00
$ 70.00
Speedsters Brief
Quick View
Speedsters Brief
$ 75.00
$ 75.00
Sunset Splitz
Quick View
Sunset Splitz
from
$ 48.00
$ 48.00
Speedsters X
Quick View
Speedsters X
$ 75.00
$ 75.00