SavioCarvalhoMoraes/challenge-vtex-io-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature/productPurchase #19

Merged
SavioCarvalhoMoraes merged 6 commits from feature/productPurchase into development 2023-02-10 14:02:29 +00:00
Conversation 0 Commits 6 Files Changed 12 +33 -23
7 changed files with 33 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a3392fd35d - Show all commits

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

@ -312,7 +312,7 @@
"props": {
"itemsPerPage": {
"desktop": 4,
"tablet": 1,
"tablet": 3,
"phone": 1
},
"infinite": true,

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

@ -9,6 +9,19 @@
/* Media Query M3 */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
/* Grid breakpoints */
.flexRow {
margin: 0 40px;
}
:global(.vtex-stack-layout-0-x-stackItem) .flexRow {
margin: 0;
}
.flexRowContent {
margin: 8px 0 0 0;
padding: 0;
}
.flexRowContent--cart {
display: flex;
align-items: center;

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

@ -13,19 +13,10 @@
margin: 0 0 0 0 !important;
}
.productImageTag {
.carouselContainer .productImageTag {
max-height: none !important;
}
.thumbImg {
width: 86%;
margin: 0;
}
.productImagesThumb {
height: auto !important;
}
.productBrand {
display: flex;
justify-content: flex-end;

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

@ -9,7 +9,7 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
/* Grid breakpoints */
.container {
margin-bottom: 16px;
padding: 0 40px 16px 40px;
}
.listContainer {

12
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -1,3 +1,15 @@
.flexRow {
margin: 0 40px;
}
:global(.vtex-stack-layout-0-x-stackItem) {
.flexRow {
margin: 0;
}
}
.flexRowContent {
margin: 8px 0 0 0;
padding: 0;
}
.flexRowContent--cart {
display: flex;
align-items: center;

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

@ -3,18 +3,12 @@
margin: 0 0 0 0 !important;
}
.productImageTag {
max-height: none !important;
.carouselContainer {
.productImageTag {
max-height: none !important;
}
}
.thumbImg {
width: 86%;
margin: 0;
}
.productImagesThumb {
height: auto !important;
}
.productBrand {
display: flex;
justify-content: flex-end;

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

@ -1,5 +1,5 @@
.container {
margin-bottom: 16px;
padding: 0 40px 16px 40px;
}
.listContainer {
display: flex;