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

feat: Adição testid 10 e 11

Browse Source
This commit is contained in:
José Carlos Lins 2023-01-28 11:02:29 -03:00
parent 39f8d27343
commit af0875024a
6 changed files with 71 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
react/components/descont-pix/index.tsx
View File

@ -5,34 +5,6 @@ import styles from "./styles.css";
export const DescontPix: FC = () => {
const productContextValue = useProduct();
console.log(productContextValue);
// const fetchApi = async () => {
// fetch("/api/checkout/pub/orderForms/simulation", {
// method: "POST",
// headers: {
// Accept: "application/json",
// "Content-Type": "application/json",
// },
// body: `
// {
// "items": [
// {
// "id": ${productContextValue?.selectedItem?.itemId},
// "seller": ${productContextValue?.selectedItem?.sellers[0].sellerId},
// "quantity": ${productContextValue?.selectedQuantity}
// ]
// }
// ],
// "country": "BRA"
// }`,
// })
// .then((response) => response.json())
// .then((data) => {
// console.log(data)
// })
// }
// fetchApi();
let sellingPrice = Number(productContextValue?.product?.priceRange.sellingPrice.lowPrice);
sellingPrice = (sellingPrice - (sellingPrice/10));

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

@ -167,20 +167,39 @@
}
},
"product-summary.shelf#related-products-pdp": {
"html#product-summary.shelf#related-products-pdp": {
"props":{
"testId": "vtex-product-summary",
"maxWidth": "100%"
},
"children": [
"stack-layout#prodsum",
"product-summary-name",
"product-summary-price"
]
},
"product-summary.shelf#related-products-pdp": {
"children": [
"html#product-summary.shelf#related-products-pdp"
],
"props":{
"blockClass": "container-product-summary-related-products-pdp",
"maxWidth": "100%"
"props": {
"blockClass": "container-product-summary-related-products-pdp"
}
},
"list-context.product-list#related-products-pdp": {
"blocks": ["product-summary.shelf#related-products-pdp"],
"children": ["slider-layout#pratileira-pdp"]
"children": ["html#slider-layout#pratileira-pdp"]
},
"html#slider-layout#pratileira-pdp": {
"children": [
"slider-layout#pratileira-pdp"
],
"props": {
"testId": "product-summary-list"
}
},
"slider-layout#pratileira-pdp": {
@ -195,9 +214,9 @@
},
"html#related-products-testid": {
"props": {
"testId": "vtex-product-summary"
},
// "props": {
// "testId": "vtex-product-summary"
// },
"children": [
"rich-text#title-related-products",
"list-context.product-list#related-products-pdp"

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

@ -357,6 +357,16 @@
color: #929292;
}
@media screen and (min-width: 1920px) {
.productDescriptionContainer--container-description-pdp .productDescriptionTitle--container-description-pdp {
font-size: 32px;
line-height: 32px;
}
.productDescriptionText--container-description-pdp {
font-size: 18px;
line-height: 25px;
}
}
@media screen and (max-width: 1024px) {
.productNameContainer {
margin-top: 32px;

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

@ -52,6 +52,13 @@
.container--description-pdp-tab-layout {
padding: 0 360px;
}
.listContainer--container-list-tab-layout-pdp .listItem {
width: 142px;
}
.listContainer--container-list-tab-layout-pdp .listItem :global(.vtex-button) :global(.vtex-button__label) {
font-size: 24px;
line-height: 38px;
}
}
@media screen and (max-width: 1024px) {
.listContainer--container-list-tab-layout-pdp {

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

@ -364,6 +364,20 @@
}
@media screen and (min-width: 1920px) {
.productDescriptionContainer--container-description-pdp{
.productDescriptionTitle--container-description-pdp{
font-size: 32px;
line-height: 32px;
}
}
.productDescriptionText--container-description-pdp{
font-size: 18px;
line-height: 25px;
}
}
@media screen and (max-width: 1024px) {
.productNameContainer{
margin-top: 32px;

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

@ -54,6 +54,19 @@
.container--description-pdp-tab-layout{
padding: 0 360px;
}
.listContainer--container-list-tab-layout-pdp{
.listItem{
width: 142px;
:global(.vtex-button){
:global(.vtex-button__label){
font-size: 24px;
line-height: 38px;
}
}
}
}
}
@media screen and (max-width: 1024px) {