Izabela_Balizardo/challenge-vtex-io-izabela-balizardo
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Adiciona imagem e descricao

Browse Source
This commit is contained in:
Izabela Balizardo 2023-02-04 17:04:58 -03:00
parent 371a137ab4
commit 6d6f51d4d2
12 changed files with 196 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
store/blocks/home/home.jsonc
View File

@ -1,11 +1,11 @@
{
"store.home": {
"blocks": [
"list-context.image-list#demo",
"example-component"
"example-component",
/* You can make references to blocks defined in other files.
* For example, `flex-layout.row#deals` is defined in the `deals.json` file. */,
"flex-layout.row#deals",
* For example, `flex-layout.row#deals` is defined in the `deals.json` file. */ "flex-layout.row#deals",
"__fold__",
"rich-text#shelf-title",
"flex-layout.row#shelf",
@ -14,6 +14,8 @@
"rich-text#link",
"newsletter"
]
},
"list-context.image-list#demo": {

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

@ -3,13 +3,173 @@
"children": [
"html#breadcrumb",
"condition-layout.product#availability",
"flex-layout.row#description",
"flex-layout.row#specifications-title",
"product-specification-group#table",
"shelf.relatedProducts",
"product-questions-and-answers"
"tab-layout#descricao",
"list-context.product-list#list",
"product-questions-and-answers",
"newsletter"
]
},
"tab-layout#descricao": {
"children": ["tab-list#descricao", "tab-content#descricao"],
"props": {
"blockClass": "descricao",
"defaultActiveTabId": "descricao1"
}
},
"tab-list#descricao": {
"children": ["tab-list.item#descricao1", "tab-list.item#descricao2", "tab-list.item#descricao3", "tab-list.item#descricao4", "tab-list.item#descricao5"]
},
"tab-list.item#descricao1": {
"props": {
"tabId": "descricao1",
"label": "descricao 1",
"defaultActiveTab": true
}
},
"tab-list.item#descricao2": {
"props": {
"tabId": "descricao2",
"label": "descricao 2"
}
},
"tab-list.item#descricao3": {
"props": {
"tabId": "descricao3",
"label": "descricao 3"
}
},
"tab-list.item#descricao4": {
"props": {
"tabId": "descricao4",
"label": "descricao 4"
}
},
"tab-list.item#descricao5": {
"props": {
"tabId": "descricao5",
"label": "descricao 5"
}
},
"tab-content#descricao": {
"children": [
"tab-content.item#descricao1",
"tab-content.item#descricao2",
"tab-content.item#descricao3",
"tab-content.item#descricao4",
"tab-content.item#descricao5"
]
},
"tab-content.item#descricao1": {
"children": [
"product-description",
"product-images#descricao"
],
"props": {
"tabId": "descricao1"
}
},
"tab-content.item#descricao2": {
"children": [
"product-description",
"product-images#descricao"
],
"props": {
"tabId": "descricao2"
}
},
"tab-content.item#descricao3": {
"children": [
"product-description",
"product-images#descricao"
],
"props": {
"tabId": "descricao3"
}
},
"tab-content.item#descricao4": {
"children": [
"product-description",
"product-images#descricao"
],
"props": {
"tabId": "descricao4"
}
},
"tab-content.item#descricao5": {
"children": [
"product-description",
"product-images#descricao"
],
"props": {
"tabId": "descricao5"
}
},
"product-images#descricao": {
"props": {
"displayMode": "first-image",
"blockClass": "imagem-descricao"
}
},
"list-context.product-list#list": {
"blocks": ["product-summary.shelf#carrosselprodutos"],
"children": ["slider-layout#carrosselatualizado"]
},
"product-summary.shelf#carrosselprodutos": {
"children": [
"product-summary-name",
"product-summary-description",
"product-summary-image",
"product-summary-price",
"product-summary-sku-selector",
"product-summary-buy-button"
]
},
"slider-layout#carrosselatualizado": {
"props": {
"itemsPerPage": {
"desktop": 4,
"tablet": 3,
"phone": 1
},
"infinite": true,
"showNavigationArrows": "desktopOnly",
"blockClass": "carousel"
}
},
"html#breadcrumb": {
"props": {
"tag": "section",

28
store/blocks/product-summary/quickview.json
View File

@ -1,9 +1,6 @@
{
"modal-trigger#quickview": {
"children": [
"icon-expand",
"modal-layout#quickview"
],
"children": ["icon-expand", "modal-layout#quickview"],
"props": {
"blockClass": "quickview"
}
@ -63,9 +60,7 @@
},
"flex-layout.col#quickview-product-quantity": {
"children": [
"product-summary-quantity#quickview"
]
"children": ["product-summary-quantity#quickview"]
},
"product-summary-quantity#quickview": {
"props": {
@ -74,18 +69,14 @@
}
},
"flex-layout.col#quickview-add-to-card-button": {
"children": [
"add-to-cart-button"
],
"children": ["add-to-cart-button"],
"props": {
"width": "grow"
}
},
"flex-layout.row#quickview-actions-2": {
"children": [
"link.product#button-pdp"
]
"children": ["link.product#button-pdp"]
},
"link.product#button-pdp": {
"props": {
@ -107,15 +98,10 @@
}
},
"flex-layout.col#quickview-images": {
"children": [
"product-images#quickview"
]
"children": ["product-images#quickview"]
},
"flex-layout.col#quickview-product-details": {
"children": [
"modal-content#quickview",
"modal-actions#quickview"
],
"children": ["modal-content#quickview", "modal-actions#quickview"],
"props": {
"preventVerticalStretch": true,
"blockClass": "quickviewDetails"
@ -134,7 +120,7 @@
"blockClass": "quickview"
}
},
"product-images#quickview" : {
"product-images#quickview": {
"props": {
"blockClass": "quickview",
"showNavigationArrows": true

1
styles/css/agenciamagma.store-theme.css
View File

@ -7,6 +7,7 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
.html {
background-color: red;
}

3
styles/css/vtex.flex-layout.css
View File

@ -6,4 +6,5 @@
1800px + : Big desktop
*/
/* Media Query M3 */
/* Grid breakpoints */
/* Grid breakpoints */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");

1
styles/css/vtex.product-identifier.css
View File

@ -7,6 +7,7 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
.product-identifier--productReference {
font-family: "Open Sans";
font-style: normal;

1
styles/css/vtex.product-price.css
View File

@ -7,6 +7,7 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
.listPrice {
display: none;
}

1
styles/css/vtex.product-quantity.css
View File

@ -7,6 +7,7 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
.quantitySelectorTitle {
display: none;
}

1
styles/css/vtex.rich-text.css
View File

@ -7,4 +7,5 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");

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

@ -7,8 +7,10 @@
*/
/* Media Query M3 */
/* Grid breakpoints */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
.newsletter {
background: red;
background-color: #000000;
color: #fff;
}
.productNameContainer {
@ -18,7 +20,7 @@
font-size: 20px;
line-height: 34px;
text-align: right;
color: #000000;
color: #292929;
}
.productNameContainer--quickview {

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

@ -1,7 +1,10 @@
.newsletter {
background: red;
background-color: #000000;
color: $color-white;
}
.productNameContainer {
font-family: "Open Sans";
font-style: normal;
@ -9,7 +12,7 @@
font-size: 20px;
line-height: 34px;
text-align: right;
color: #000000;
color: $color-black;
}
.productNameContainer--quickview {

3
styles/sass/utils/_vars.scss
View File

@ -29,3 +29,6 @@ $z-index: (
level4: 20,
level5: 25
) !default;
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");