Thiago.bronisio/challenge-vtex-io-thiago-bronisio
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add arrow slick

Browse Source
This commit is contained in:
Thiago Bronisio 2023-02-08 23:56:44 -03:00
parent dfcdf6c354
commit 0fea085ecf
3 changed files with 47 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
store/blocks/pdp/product.jsonc
View File

@ -274,6 +274,7 @@
"product-summary-name#name-prateleira": {
"props": {
"blockClass": "name-prateleira"
}
},

22
styles/css/vtex.slider-layout.css
View File

@ -55,4 +55,26 @@
height: 17px !important;
background-color: #fff;
border: 0.5px solid #000000;
}
.sliderLayoutContainer--prateleira .sliderLeftArrow--prateleira {
visibility: hidden;
margin: 0 0 0 40px;
padding: 0;
height: 29.6px;
width: 11.21px;
}
.sliderLayoutContainer--prateleira .sliderLeftArrow--prateleira::before {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-left-thiagoBronisio.png");
}
.sliderLayoutContainer--prateleira .sliderRightArrow--prateleira {
visibility: hidden;
margin: 0 40px 0 0;
padding: 0;
height: 29.6px;
width: 11.21px;
}
.sliderLayoutContainer--prateleira .sliderRightArrow--prateleira::after {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-right-thiagoBronisio.png");
}

33
styles/sass/pages/product/vtex.slider-layout.scss
View File

@ -17,15 +17,6 @@
@include mq(sm, max) {
margin: 0 4px;
}
// .slideChildrenContainer--prateleira {
// margin-bottom: 32px;
// @include mq(md, max) {
// margin-bottom: 24px;
// }
// @include mq(sm, max) {
// margin-bottom: 16px;
// }
// }
}
.slideChildrenContainer--prateleira {
@ -48,4 +39,28 @@
border: 0.5px solid $color-black-padrao;
}
}
.sliderLeftArrow--prateleira {
visibility: hidden;
margin: 0 0 0 40px;
padding: 0;
height: 29.6px;
width: 11.21px;
&::before {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-left-thiagoBronisio.png");
}
}
.sliderRightArrow--prateleira {
visibility: hidden;
margin: 0 40px 0 0;
padding: 0;
height: 29.6px;
width: 11.21px;
&::after {
visibility: visible;
content: url("https://agenciamagma.vtexassets.com/arquivos/arrow-right-thiagoBronisio.png");
}
}
}