Compre por cor
initSplide())"
class="relative"
x-data="
{
splide: null,
shown: false,
isModalOpen: false,
init() {
},
initSplide() {
if (this.splide) return;
const el = this.$refs.product_carousel;
if (!el) return;
const splide = new Splide(el, {
perPage: 4,
gap: '1rem',
padding: {
right: '12rem'
},
lazyLoad: 'nearby',
updateOnMove: true,
throttle: 300,
speed: 500,
easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
breakpoints: {
640: {
perPage: 2
},
768: {
padding: {
right: '4rem'
},
pagination: true,
}
},
pagination: false,
classes: {
pagination: 'splide__pagination pagination !mt-2 gap-2',
page: 'splide__pagination__page pagination-dot w-2 h-2 bg-neutral-400 rounded-full',
},
i18n: {
prev: 'Anterior',
next: 'Próximo',
first: 'Ir para o primeiro slide',
last: 'Ir para o último slide',
}
});
splide.on('pagination:mounted', (data, item) => {
item.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.on('pagination:updated', (data, prev, curr) => {
prev.button.classList.replace('bg-primary', 'bg-neutral-400');
curr.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.mount();
this.splide = splide;
this.$cleanup = () => {
if (this.splide) {
this.splide.destroy();
this.splide = null;
}
};
}
}
"
>
initSplide())"
class="relative"
x-data="
{
splide: null,
shown: false,
isModalOpen: false,
init() {
},
initSplide() {
if (this.splide) return;
const el = this.$refs.product_carousel;
if (!el) return;
const splide = new Splide(el, {
perPage: 4,
gap: '1rem',
padding: {
right: '12rem'
},
lazyLoad: 'nearby',
updateOnMove: true,
throttle: 300,
speed: 500,
easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
breakpoints: {
640: {
perPage: 2
},
768: {
padding: {
right: '4rem'
},
pagination: true,
}
},
pagination: false,
classes: {
pagination: 'splide__pagination pagination !mt-2 gap-2',
page: 'splide__pagination__page pagination-dot w-2 h-2 bg-neutral-400 rounded-full',
},
i18n: {
prev: 'Anterior',
next: 'Próximo',
first: 'Ir para o primeiro slide',
last: 'Ir para o último slide',
}
});
splide.on('pagination:mounted', (data, item) => {
item.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.on('pagination:updated', (data, prev, curr) => {
prev.button.classList.replace('bg-primary', 'bg-neutral-400');
curr.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.mount();
this.splide = splide;
this.$cleanup = () => {
if (this.splide) {
this.splide.destroy();
this.splide = null;
}
};
}
}
"
>
initSplide())"
class="relative"
x-data="
{
splide: null,
shown: false,
isModalOpen: false,
init() {
},
initSplide() {
if (this.splide) return;
const el = this.$refs.product_carousel;
if (!el) return;
const splide = new Splide(el, {
perPage: 4,
gap: '1rem',
padding: {
right: '12rem'
},
lazyLoad: 'nearby',
updateOnMove: true,
throttle: 300,
speed: 500,
easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
breakpoints: {
640: {
perPage: 2
},
768: {
padding: {
right: '4rem'
},
pagination: true,
}
},
pagination: false,
classes: {
pagination: 'splide__pagination pagination !mt-2 gap-2',
page: 'splide__pagination__page pagination-dot w-2 h-2 bg-neutral-400 rounded-full',
},
i18n: {
prev: 'Anterior',
next: 'Próximo',
first: 'Ir para o primeiro slide',
last: 'Ir para o último slide',
}
});
splide.on('pagination:mounted', (data, item) => {
item.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.on('pagination:updated', (data, prev, curr) => {
prev.button.classList.replace('bg-primary', 'bg-neutral-400');
curr.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.mount();
this.splide = splide;
this.$cleanup = () => {
if (this.splide) {
this.splide.destroy();
this.splide = null;
}
};
}
}
"
>
Ver todos da cor
Ver todos da cor
Ver todos da cor
Ver todos da cor
Compre por altura do salto
initSplide())"
class="relative"
x-data="
{
splide: null,
shown: false,
isModalOpen: false,
init() {
},
initSplide() {
if (this.splide) return;
const el = this.$refs.product_carousel;
if (!el) return;
const splide = new Splide(el, {
perPage: 4,
gap: '1rem',
padding: {
right: '12rem'
},
lazyLoad: 'nearby',
updateOnMove: true,
throttle: 300,
speed: 500,
easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
breakpoints: {
640: {
perPage: 2
},
768: {
padding: {
right: '4rem'
},
pagination: true,
}
},
pagination: false,
classes: {
pagination: 'splide__pagination pagination !mt-2 gap-2',
page: 'splide__pagination__page pagination-dot w-2 h-2 bg-neutral-400 rounded-full',
},
i18n: {
prev: 'Anterior',
next: 'Próximo',
first: 'Ir para o primeiro slide',
last: 'Ir para o último slide',
}
});
splide.on('pagination:mounted', (data, item) => {
item.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.on('pagination:updated', (data, prev, curr) => {
prev.button.classList.replace('bg-primary', 'bg-neutral-400');
curr.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.mount();
this.splide = splide;
this.$cleanup = () => {
if (this.splide) {
this.splide.destroy();
this.splide = null;
}
};
}
}
"
>
initSplide())"
class="relative"
x-data="
{
splide: null,
shown: false,
isModalOpen: false,
init() {
},
initSplide() {
if (this.splide) return;
const el = this.$refs.product_carousel;
if (!el) return;
const splide = new Splide(el, {
perPage: 4,
gap: '1rem',
padding: {
right: '12rem'
},
lazyLoad: 'nearby',
updateOnMove: true,
throttle: 300,
speed: 500,
easing: 'cubic-bezier(0.25, 1, 0.5, 1)',
breakpoints: {
640: {
perPage: 2
},
768: {
padding: {
right: '4rem'
},
pagination: true,
}
},
pagination: false,
classes: {
pagination: 'splide__pagination pagination !mt-2 gap-2',
page: 'splide__pagination__page pagination-dot w-2 h-2 bg-neutral-400 rounded-full',
},
i18n: {
prev: 'Anterior',
next: 'Próximo',
first: 'Ir para o primeiro slide',
last: 'Ir para o último slide',
}
});
splide.on('pagination:mounted', (data, item) => {
item.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.on('pagination:updated', (data, prev, curr) => {
prev.button.classList.replace('bg-primary', 'bg-neutral-400');
curr.button.classList.replace('bg-neutral-400', 'bg-primary');
});
splide.mount();
this.splide = splide;
this.$cleanup = () => {
if (this.splide) {
this.splide.destroy();
this.splide = null;
}
};
}
}
"
>
Ver todos dessa altura de salto
Ver todos dessa altura de salto
Ver todos dessa altura de salto