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": { "product-images#description": {
"props": { "props": {
"displayMode": "first-image", "displayMode": "first-image",
"blockClass": "description-imagem" "blockClass": "description-imagem",
"zoomFactor": 0
} }
}, },

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

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

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

@ -7,6 +7,30 @@
*/ */
/* Media Query M3 */ /* Media Query M3 */
/* Grid breakpoints */ /* Grid breakpoints */
.vtex-button { .listContainer {
background-color: red; 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 @@
.productDescriptionContainer{
margin: 0 32px;
}
.newsletter{ .newsletter{
background: red; 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;
}