RamonDiasFerreira/challenge-vtex-io-ramon-dias-ferreira
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: descrição do produto estilizada, retirada o zoom da imagem, algumas margens

Browse Source
This commit is contained in:
Ramon Dias Ferreira 2023-02-06 10:48:52 -03:00
parent c97effb187
commit 2f56cc3914
5 changed files with 80 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -300,7 +300,8 @@
"product-images#description": {
"props": {
"displayMode": "first-image",
"blockClass": "description-imagem"
"blockClass": "description-imagem",
"zoomFactor": 0
}
},

9
styles/css/vtex.store-components.css
View File

@ -7,6 +7,11 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
.newsletter {
background: red;
.productDescriptionContainer {
margin: 0 32px;
}
.newsletter {
color: #FFFFFF;
background: #000000;
}

28
styles/css/vtex.tab-layout.css
View File

@ -7,6 +7,30 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
.vtex-button {
background-color: red;
.listContainer {
align-items: center;
margin-bottom: 64px;
justify-content: space-around;
border-bottom: 1px solid #BFBFBF;
}
.listItem {
margin: 0;
padding: 0;
}
.listItem :global(.vtex-button) {
border-radius: 0;
background-color: #FFFFFF;
color: #BFBFBF;
}
.listItemActive :global(.vtex-button) {
border: 0;
border-bottom: 1px solid #000000 !important;
}
.contentItem {
display: flex;
padding: 0px 40px;
margin-bottom: 16px;
}

13
styles/sass/pages/product/vtex.store-components.scss
View File

@ -1,3 +1,12 @@
.newsletter{
background: red;
.productDescriptionContainer{
margin: 0 32px;
}
.newsletter{
color: #FFFFFF;
background: #000000;
}

35
styles/sass/pages/product/vtex.tab-layout.scss Normal file
View File

@ -0,0 +1,35 @@
.listContainer{
align-items: center;
margin-bottom: 64px;
justify-content: space-around;
border-bottom: 1px solid #BFBFBF;
}
.listItem{
margin: 0;
padding: 0;
:global(.vtex-button){
border-radius: 0;
background-color: #FFFFFF;
color: #BFBFBF;
}
}
.listItemActive {
:global(.vtex-button) {
border: 0;
border-bottom: 1px solid #000000 !important;
}
}
.contentItem{
display: flex;
padding: 0px 40px;
margin-bottom: 16px;
}