josecarloslins/m3-academy-template-checkout-josecarloslins
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Consertando a responsividade do slick, via breakpoint #4

Merged
josecarloslins merged 1 commits from feature/optimization into main 2022-12-18 14:43:48 +00:00
Conversation 0 Commits 1 Files Changed 1 +22 -22
1 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
checkout/src/arquivos/js/components/Footer.js
View File

@ -68,28 +68,28 @@ export default class Footer {
async addCarrossel() {
const elemento = document.querySelector(".sliderPratileira");
if (window.screen.width > 1024) {
$(elemento).slick({
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
arrows: true,
});
} else if (window.screen.width < 640) {
$(elemento).slick({
slidesToShow: 2,
slidesToScroll: 1,
infinite: true,
arrows: true,
});
} else {
$(elemento).slick({
slidesToShow: 3,
slidesToScroll: 1,
infinite: true,
arrows: true,
});
}
$(elemento).slick({
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
arrows: true,
responsive: [
{
breakpoint: 1025,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 641,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
},
},
],
});
}
async api() {