Gustavo_Rallenson_Goncalves_Da_Silva/challenge-vtex-io-Gustavo-Rallenson
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(description):atualizando o description

Browse Source 
add tab layout ao descripition
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2023-02-07 04:20:57 -03:00
parent 54b2e2da3b
commit 0d037088c5
5 changed files with 108 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
react/components/Html/styles.css
View File

@ -65,6 +65,10 @@
}
}
@media screen and (max-width: 1024px) {
.html--pdp-descriptions :global(.vtex-store-components-3-x-container){
border-bottom: 1px solid rgba(185, 185, 185, 1);
padding-bottom: 16px;
}
.html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
min-width: 296px;
}

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

@ -10,7 +10,11 @@
"tab-layout#pdp": {
"children":[
"tab-list#pdp",
"tab-content#pdp"
"tab-content#pdp",
"tab-content#pdp2",
"tab-content#pdp3",
"tab-content#pdp4",
"tab-content#pdp5"
],
"props": {
"blockClass": "pdp-tabLayout",
@ -29,40 +33,102 @@
"blockClass": "pdp-tabSections"
}
},
"tab-content#pdp":{
"tab-list.item#pdpsection1": {
"props": {
"tabId": "descrição1",
"label": "Descrição",
"defaultActiveTab": true
}
},
"tab-list.item#pdpsection2": {
"props": {
"tabId": "descrição2",
"label": "Descrição"
}
},
"tab-list.item#pdpsection3": {
"props": {
"tabId": "descrição3",
"label": "Descrição"
}
},
"tab-list.item#pdpsection4": {
"props": {
"tabId": "descrição4",
"label": "Descrição"
}
},
"tab-list.item#pdpsection5": {
"props": {
"tabId": "descrição5",
"label": "Descrição"
}
},
"tab-content.item#descriptionpdp":{
"children":[
"html#description"
],
"props": {
"tabId": "descrição1"
}
},
"tab-content#pdp":{
"children":[
"tab-content.item#descriptionpdp"
]
},
"tab-content.item#descriptionpdp2":{
"children":[
"html#description"
],
"props": {
"tabId": "descrição2"
}
},
"tab-content#pdp2":{
"children":[
"tab-content.item#descriptionpdp2"
]
},
"tab-content.item#descriptionpdp3":{
"children":[
"html#description"
],
"props": {
"tabId": "descrição3"
}
},
"tab-content#pdp3":{
"children":[
"tab-content.item#descriptionpdp3"
]
},
"tab-content.item#descriptionpdp4":{
"children":[
"html#description"
],
"props": {
"tabId": "descrição4"
}
},
"tab-content#pdp4":{
"children":[
"tab-content.item#descriptionpdp4"
]
},
"tab-content.item#descriptionpdp5":{
"children":[
"html#description"
],
"props": {
"tabId": "descrição5"
}
},
"tab-content#pdp5":{
"children":[
"tab-content.item#descriptionpdp5"
]
},
"tab-list.item#pdpsection1": {
"props": {
"tabId": "descrição1",
"label": "Descrição",
"defaultActiveTab": true
}
},
"tab-list.item#pdpsection2": {
"props": {
"tabId": "descrição2",
"label": "Descrição"
}
},
"tab-list.item#pdpsection3": {
"props": {
"tabId": "descrição3",
"label": "Descrição"
}
},
"tab-list.item#pdpsection4": {
"props": {
"tabId": "descrição4",
"label": "Descrição"
}
},
"tab-list.item#pdpsection5": {
"props": {
"tabId": "descrição5",
"label": "Descrição"
}
},
"html#prateleira": {
"props": {
"testId": "vtex-product-sumary"
@ -154,14 +220,7 @@
},
"children": ["breadcrumb"]
},
"html#example-component": {
"props": {
"tag": "nav",
"testId": "breadcrumbs",
"blockClass": "pdp-exemplo"
},
"children": ["example-component"]
},
"html#Sections": {
"props": {
"tag": "nav",

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

@ -24,6 +24,7 @@
}
.listContainer--pdp-tabSections {
margin-bottom: 32px;
justify-content: space-evenly;
align-items: end;
}

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

@ -175,3 +175,4 @@
}
}

1
styles/sass/pages/product/vtex.tab-layout.scss
View File

@ -14,6 +14,7 @@
}
};
.listContainer--pdp-tabSections{
margin-bottom: 32px;
justify-content: space-evenly;
align-items: end;
@media screen and (max-width: 1024px){