feat: Adiciona estilo titulo, preco, e inicia cod pix
This commit is contained in:
parent
07e48330d9
commit
93373e8f84
3
react/Pix.tsx
Normal file
3
react/Pix.tsx
Normal file
@ -0,0 +1,3 @@
|
||||
// import { Pix } from "./components/Pix/Pix";
|
||||
|
||||
// export default Pix;
|
||||
@ -1,9 +1,7 @@
|
||||
*
|
||||
{
|
||||
margin:0;
|
||||
/* * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
[class*="productNameContainer--quickview"] {
|
||||
color: gray;
|
||||
text-align: right;
|
||||
@ -24,3 +22,75 @@
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
[class*="shippingContainer"] button div {
|
||||
color: white;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
[class*="shippingContainer"] button div::before {
|
||||
content: "OK";
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 19px;
|
||||
letter-spacing: 0em;
|
||||
}
|
||||
|
||||
[class*="flexRowContent--btn-product"] button {
|
||||
background-color: black;
|
||||
border-color: black;
|
||||
max-width: 526px;
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
display: flex;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
[class*="flexRowContent--btn-product"] button span {
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
[class*="flexRowContent--btn-product"] button span::after {
|
||||
content: "ADICIONAR À SACOLA";
|
||||
font-size: 14px;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
[class*="quantitySelectorStepper"] button {
|
||||
height: 49px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
[class*="quantitySelectorStepper"] input {
|
||||
height: 49px;
|
||||
border-right: 0px;
|
||||
border-left: 0px;
|
||||
}
|
||||
|
||||
[class*="quantitySelectorStepper"] input {
|
||||
height: 49px;
|
||||
border: 1px solid #cccccc;
|
||||
border-right: 0px;
|
||||
border-left: 0px;
|
||||
}
|
||||
|
||||
[class*="quantitySelectorStepper"] button:last-child {
|
||||
border: 1px solid #cccccc;
|
||||
border-left: 0;
|
||||
width: 3em;
|
||||
transition: opacity 150ms;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button[class*="vtex-numeric-stepperminus-button numeric-stepperminus-button br2 pa0 br-0 flex items-center justify-center ba b--muted-4 bw1 h-small f6 bg-muted-5 c-disabled o-100 "] {
|
||||
border: 1px solid #cccccc;
|
||||
border-right: 0;
|
||||
width: 3em;
|
||||
transition: opacity 150ms;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
[class*="quantitySelectorTitle"] {
|
||||
display: none;
|
||||
} */
|
||||
|
||||
31
react/components/Pix/Pix.tsx
Normal file
31
react/components/Pix/Pix.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
// import React, { FC } from "react";
|
||||
// import { useProduct } from "vtex.product-context";
|
||||
// import pix from "./pix.svg";
|
||||
|
||||
// const ProductValue = () => {
|
||||
// const productValue = useProduct();
|
||||
// export const PixProduct: FC = () => {
|
||||
// const productContextValue = useProduct();
|
||||
// const vavazinha =
|
||||
// productContextValue?.product?.priceRange?.sellingPrice?.highPrice;
|
||||
|
||||
// console.log('productValue', productValue);
|
||||
|
||||
// // return <>oi</>;
|
||||
// return (
|
||||
// <>
|
||||
// <div>
|
||||
// <img src={pix} alt="Pix" />
|
||||
// {`R$ ${(vavazinha! - vavazinha! * 0.1)
|
||||
// .toFixed(2)
|
||||
// .replace(".", ",")}`
|
||||
// }
|
||||
// <span>
|
||||
// 10% de desconto
|
||||
// </span>
|
||||
// </div>
|
||||
// </>
|
||||
// );
|
||||
// };
|
||||
|
||||
// export default ProductValue;
|
||||
38
react/components/Pix/pix.svg
Normal file
38
react/components/Pix/pix.svg
Normal file
@ -0,0 +1,38 @@
|
||||
<svg width="66" height="24" viewBox="0 0 66 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_12502_10616)">
|
||||
<path d="M27.2383 22.41V8.64487C27.2383 7.42877 27.7106 6.26248 28.5512 5.40257C29.3918 4.54266 30.532 4.05957 31.7209 4.05957L35.6936 4.06524C36.8793 4.06768 38.0157 4.55127 38.8533 5.40988C39.6908 6.26848 40.1611 7.43193 40.1609 8.64487V11.5742C40.1609 12.7903 39.6887 13.9567 38.848 14.8167C38.0074 15.6768 36.8673 16.16 35.6783 16.1602H30.0632" stroke="#939598" stroke-width="0.545336" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M41.2734 4.05859H42.9969C43.4849 4.05859 43.9529 4.25688 44.2979 4.60982C44.6429 4.96277 44.8368 5.44147 44.8368 5.94061V16.2223" stroke="#939598" stroke-width="0.545336" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M44.4659 2.46597L43.6845 1.66597C43.6384 1.61885 43.6018 1.5629 43.5769 1.50132C43.5519 1.43973 43.5391 1.37373 43.5391 1.30706C43.5391 1.2404 43.5519 1.17439 43.5769 1.11281C43.6018 1.05123 43.6384 0.99528 43.6845 0.948163L44.4659 0.148871C44.5591 0.0535465 44.6856 0 44.8174 0C44.9493 0 45.0757 0.0535465 45.169 0.148871L45.9497 0.948163C45.9958 0.99528 46.0323 1.05123 46.0573 1.11281C46.0822 1.17439 46.0951 1.2404 46.0951 1.30706C46.0951 1.37373 46.0822 1.43973 46.0573 1.50132C46.0323 1.5629 45.9958 1.61885 45.9497 1.66597L45.1655 2.46597C45.1194 2.51314 45.0646 2.55057 45.0044 2.5761C44.9441 2.60163 44.8795 2.61478 44.8143 2.61478C44.7491 2.61478 44.6845 2.60163 44.6242 2.5761C44.564 2.55057 44.5092 2.51314 44.4631 2.46597" fill="#32BCAD"/>
|
||||
<path d="M48.1445 4.0498H49.8535C50.7325 4.04943 51.5757 4.40627 52.1976 5.04183L56.1953 9.13112C56.3184 9.25716 56.4645 9.35715 56.6254 9.42538C56.7863 9.4936 56.9587 9.52871 57.1329 9.52871C57.307 9.52871 57.4795 9.4936 57.6404 9.42538C57.8012 9.35715 57.9474 9.25716 58.0705 9.13112L62.0536 5.05742C62.3613 4.74268 62.7267 4.49307 63.1288 4.32285C63.5309 4.15263 63.9619 4.06515 64.3971 4.06539H65.7866" stroke="#939598" stroke-width="0.545336" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M48.1445 16.1326H49.8535C50.7325 16.1329 51.5757 15.7761 52.1976 15.1406L56.1953 11.0513C56.444 10.7971 56.7813 10.6543 57.1329 10.6543C57.4845 10.6543 57.8217 10.7971 58.0705 11.0513L62.0536 15.1257C62.6753 15.7612 63.5182 16.118 64.3971 16.1177H65.7866" stroke="#939598" stroke-width="0.545336" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.05 18.7443C16.6284 18.7459 16.2106 18.6619 15.8209 18.4974C15.4311 18.3328 15.0771 18.0909 14.7793 17.7856L11.4993 14.4283C11.3833 14.3148 11.229 14.2515 11.0684 14.2515C10.9079 14.2515 10.7536 14.3148 10.6376 14.4283L7.34647 17.7948C7.04884 18.1006 6.69493 18.343 6.30518 18.508C5.91543 18.6731 5.49757 18.7575 5.07574 18.7564H4.43359L8.5899 23.0079C9.21326 23.6442 10.0579 24.0015 10.9386 24.0015C11.8192 24.0015 12.6638 23.6442 13.2872 23.0079L17.4518 18.7471L17.05 18.7443Z" fill="#32BCAD"/>
|
||||
<path d="M5.07644 6.87964C5.49827 6.87849 5.91614 6.96287 6.30589 7.12792C6.69565 7.29296 7.04956 7.53539 7.34716 7.8412L10.6383 11.2084C10.7527 11.3251 10.9076 11.3906 11.0691 11.3906C11.2307 11.3906 11.3856 11.3251 11.5 11.2084L14.7793 7.85395C15.0767 7.54777 15.4305 7.30504 15.8203 7.13985C16.2101 6.97467 16.6281 6.89031 17.0501 6.89169H17.4449L13.2803 2.63163C12.9719 2.31606 12.6057 2.06573 12.2028 1.89493C11.7998 1.72414 11.3678 1.63623 10.9316 1.63623C10.4954 1.63623 10.0635 1.72414 9.66049 1.89493C9.2575 2.06573 8.89136 2.31606 8.58297 2.63163L4.43359 6.87964H5.07644Z" fill="#32BCAD"/>
|
||||
<path d="M20.8892 10.4162L18.3726 7.8419C18.3158 7.86563 18.2552 7.87814 18.1938 7.87875H17.0495C16.454 7.88027 15.8831 8.12219 15.4611 8.55191L12.1817 11.9043C11.8864 12.2058 11.4862 12.3752 11.0689 12.3752C10.6516 12.3752 10.2514 12.2058 9.95605 11.9043L6.66426 8.53916C6.2423 8.10918 5.67145 7.867 5.07586 7.86529H3.67103C3.61313 7.86395 3.55591 7.8522 3.502 7.83057L0.969429 10.4162C0.347392 11.0539 -0.00195312 11.9179 -0.00195312 12.8187C-0.00195312 13.7195 0.347392 14.5835 0.969429 15.2212L3.49646 17.8061C3.55026 17.7841 3.60754 17.7723 3.66548 17.7714H5.07586C5.67144 17.7696 6.24226 17.5274 6.66426 17.0975L9.95535 13.731C10.5504 13.123 11.5874 13.123 12.1817 13.731L15.4611 17.0848C15.8831 17.5145 16.454 17.7564 17.0495 17.7579H18.1938C18.2552 17.7584 18.3159 17.7709 18.3726 17.7948L20.8892 15.2205C21.1977 14.905 21.4424 14.5305 21.6094 14.1183C21.7764 13.706 21.8623 13.2642 21.8623 12.818C21.8623 12.3718 21.7764 11.9299 21.6094 11.5177C21.4424 11.1055 21.1977 10.731 20.8892 10.4155" fill="#32BCAD"/>
|
||||
<path d="M30.6567 21.2402C30.4487 21.2495 30.2422 21.2816 30.0409 21.3358V22.1748C30.1949 22.2301 30.357 22.2579 30.5202 22.257C30.9317 22.257 31.1264 22.1153 31.1264 21.7447C31.1264 21.3961 30.9671 21.2402 30.6567 21.2402ZM29.9023 22.7991V21.1389H30.0153L30.027 21.2097C30.2369 21.1527 30.4518 21.1173 30.6685 21.1041C30.8187 21.0934 30.9677 21.1376 31.089 21.2288C31.2275 21.3465 31.2746 21.5364 31.2746 21.7433C31.2746 21.9502 31.2053 22.1642 31.0114 22.2769C30.8634 22.3524 30.6995 22.3896 30.5341 22.3853C30.3669 22.3842 30.2007 22.3582 30.0409 22.308V22.7962L29.9023 22.7991Z" fill="#939598"/>
|
||||
<path d="M32.3051 21.2351C31.8943 21.2351 31.7107 21.3669 31.7107 21.7375C31.7107 22.0954 31.8915 22.2569 32.3051 22.2569C32.7186 22.2569 32.8974 22.1266 32.8974 21.7567C32.8974 21.3988 32.7166 21.2351 32.3051 21.2351ZM32.8343 22.2569C32.6958 22.3576 32.5143 22.3866 32.3051 22.3866C32.0959 22.3866 31.9082 22.3554 31.7745 22.2569C31.6242 22.1485 31.5625 21.9735 31.5625 21.7475C31.5625 21.5214 31.6242 21.3457 31.7745 21.2351C31.9082 21.1366 32.0917 21.1055 32.3051 21.1055C32.5184 21.1055 32.6979 21.1366 32.8343 21.2351C32.9867 21.3457 33.0456 21.5257 33.0456 21.7446C33.0456 21.9636 32.9846 22.1485 32.8343 22.2569Z" fill="#939598"/>
|
||||
<path d="M34.7809 22.3525L34.3223 21.3456H34.3133L33.8617 22.3525H33.7349L33.25 21.1387H33.4024L33.809 22.1576H33.8187L34.2607 21.1387H34.3874L34.8405 22.1576H34.8502L35.2471 21.1387H35.3974L34.9084 22.3525H34.7809Z" fill="#939598"/>
|
||||
<path d="M36.2814 21.2324C35.9004 21.2324 35.7715 21.406 35.748 21.6575H36.8148C36.803 21.3812 36.6644 21.2324 36.2814 21.2324ZM36.2765 22.3867C36.0486 22.3867 35.9004 22.3527 35.7826 22.2521C35.6441 22.1295 35.5977 21.9516 35.5977 21.7475C35.5977 21.5435 35.6607 21.3458 35.8186 21.2281C35.9568 21.1393 36.1184 21.0964 36.2814 21.1056C36.4475 21.0953 36.6128 21.1363 36.7559 21.2232C36.927 21.3408 36.9602 21.5477 36.9602 21.783H35.7445C35.7494 22.0331 35.829 22.2542 36.2897 22.2542C36.4956 22.2486 36.7008 22.2249 36.9027 22.1833V22.3109C36.6974 22.3541 36.4888 22.379 36.2793 22.3853" fill="#939598"/>
|
||||
<path d="M37.3594 22.3525V21.1387H37.4716L37.4834 21.2096C37.7348 21.1444 37.8526 21.104 38.0736 21.104H38.0902V21.2386H38.0569C37.8713 21.2386 37.7584 21.2649 37.4979 21.3343V22.3511L37.3594 22.3525Z" fill="#939598"/>
|
||||
<path d="M38.8946 21.2324C38.5143 21.2324 38.3848 21.406 38.3613 21.6575H39.428C39.4163 21.3812 39.2777 21.2324 38.8946 21.2324ZM38.8898 22.3867C38.6619 22.3867 38.5144 22.3527 38.3966 22.2521C38.258 22.1295 38.2109 21.9516 38.2109 21.7475C38.2109 21.5435 38.2747 21.3458 38.4319 21.2281C38.5701 21.1394 38.7317 21.0966 38.8946 21.1056C39.0608 21.0953 39.2261 21.1363 39.3692 21.2232C39.541 21.3408 39.577 21.5477 39.577 21.783H38.3564C38.3613 22.0331 38.4409 22.2542 38.9016 22.2542C39.1078 22.2487 39.3131 22.225 39.5153 22.1833V22.3109C39.31 22.354 39.1014 22.3789 38.8919 22.3853" fill="#939598"/>
|
||||
<path d="M41.0931 21.3164C40.939 21.2614 40.7769 21.2339 40.6137 21.2349C40.2023 21.2349 40.0076 21.3766 40.0076 21.7472C40.0076 22.098 40.1676 22.2518 40.4773 22.2518C40.6852 22.2419 40.8915 22.2103 41.0931 22.1575V21.3164ZM41.1194 22.3524L41.107 22.2815C40.8972 22.3392 40.6823 22.3748 40.4655 22.3878C40.3151 22.3994 40.1657 22.3548 40.045 22.2624C39.9065 22.1448 39.8594 21.9549 39.8594 21.7487C39.8594 21.5318 39.9286 21.3277 40.1226 21.2172C40.2708 21.1399 40.4357 21.1019 40.602 21.1067C40.7683 21.109 40.9336 21.1348 41.0931 21.1832V20.627H41.2316V22.3524H41.1194Z" fill="#939598"/>
|
||||
<path d="M43.2641 21.2399C43.0561 21.2492 42.8497 21.2813 42.6483 21.3355V22.1724C42.802 22.2292 42.9643 22.2577 43.1277 22.2567C43.5391 22.2567 43.7338 22.115 43.7338 21.7444C43.7338 21.3958 43.5745 21.2399 43.2641 21.2399ZM43.6188 22.278C43.471 22.3535 43.3074 22.3907 43.1422 22.3864C42.9615 22.3852 42.7821 22.3544 42.6109 22.295L42.604 22.3524H42.5098V20.627H42.6483V21.2059C42.8539 21.1521 43.0641 21.1184 43.2759 21.1053C43.4261 21.0945 43.5751 21.1387 43.6964 21.23C43.8349 21.3476 43.882 21.5375 43.882 21.7444C43.882 21.9513 43.8128 22.1653 43.6188 22.278Z" fill="#939598"/>
|
||||
<path d="M44.0663 22.8168V22.685C44.1356 22.6921 44.1979 22.697 44.2423 22.697C44.4141 22.697 44.5194 22.646 44.6136 22.4469L44.6586 22.3505L44.0352 21.1367H44.1959L44.7272 22.1847H44.7362L45.2412 21.1367H45.3991L44.7313 22.5001C44.6094 22.7473 44.4778 22.8288 44.2354 22.8288C44.1781 22.8285 44.121 22.8245 44.0642 22.8168" fill="#939598"/>
|
||||
<path d="M47.3137 21.6603H46.8538V22.0855H47.3137C47.631 22.0855 47.7509 22.0493 47.7509 21.8729C47.7509 21.683 47.586 21.6603 47.311 21.6603H47.3137ZM47.2279 20.9744H46.8524V21.4066H47.2306C47.543 21.4066 47.6677 21.3684 47.6677 21.1884C47.6677 20.9956 47.5098 20.9758 47.2279 20.9758V20.9744ZM47.9427 22.2428C47.773 22.3533 47.5687 22.3576 47.1953 22.3576H46.4922V20.7065H47.1787C47.5008 20.7065 47.6982 20.7108 47.8624 20.8121C47.9169 20.8454 47.9613 20.8936 47.9904 20.9514C48.0196 21.0091 48.0323 21.074 48.0272 21.1388C48.0272 21.3117 47.958 21.4272 47.773 21.5044V21.5136C47.9808 21.5618 48.1138 21.6702 48.1138 21.9034C48.119 21.9699 48.1057 22.0367 48.0755 22.0958C48.0452 22.155 47.9992 22.2042 47.9427 22.2378" fill="#939598"/>
|
||||
<path d="M49.5179 21.8432C49.3793 21.8311 49.2408 21.824 49.0905 21.824C48.8487 21.824 48.7635 21.8743 48.7635 21.9877C48.7635 22.1011 48.8328 22.1507 49.0198 22.1507C49.1878 22.145 49.3548 22.1213 49.5179 22.0798V21.8432ZM49.5872 22.3526L49.5781 22.2818C49.3681 22.3423 49.1519 22.378 48.9339 22.3881C48.808 22.3967 48.6824 22.3656 48.5744 22.2988C48.528 22.2589 48.4919 22.2079 48.4695 22.1503C48.447 22.0927 48.4389 22.0303 48.4457 21.9687C48.4526 21.9071 48.4742 21.8482 48.5088 21.7972C48.5433 21.7462 48.5897 21.7048 48.6437 21.6766C48.7684 21.6164 48.9353 21.6115 49.0884 21.6115C49.2124 21.6115 49.3793 21.6185 49.5179 21.6285V21.6065C49.5179 21.4166 49.396 21.3542 49.0621 21.3542C48.9332 21.3542 48.7753 21.3613 48.625 21.3755V21.1303C48.7919 21.1161 48.9803 21.1069 49.1355 21.1069C49.3433 21.1069 49.556 21.1232 49.6897 21.2196C49.8234 21.316 49.8518 21.4556 49.8518 21.6355V22.3541L49.5872 22.3526Z" fill="#939598"/>
|
||||
<path d="M51.399 22.3525V21.6829C51.399 21.4618 51.2888 21.3825 51.0914 21.3825C50.9275 21.3899 50.7649 21.4156 50.6065 21.459V22.3533H50.2754V21.1387H50.5455L50.5573 21.216C50.7639 21.1538 50.9768 21.1167 51.1919 21.1054C51.3379 21.0935 51.483 21.138 51.5985 21.2301C51.692 21.3166 51.7273 21.437 51.7273 21.6099V22.3525H51.399Z" fill="#939598"/>
|
||||
<path d="M52.6648 22.3866C52.5117 22.3866 52.3448 22.3646 52.2229 22.2591C52.0774 22.1386 52.0352 21.9494 52.0352 21.7446C52.0352 21.5526 52.0961 21.3428 52.2769 21.2252C52.4252 21.1267 52.608 21.1055 52.7985 21.1055C52.9371 21.1055 53.0687 21.1147 53.2142 21.1289V21.3889C53.0943 21.3769 52.9509 21.3676 52.8359 21.3676C52.5207 21.3676 52.3725 21.4683 52.3725 21.7475C52.3725 22.0089 52.4833 22.1223 52.7417 22.1223C52.9092 22.1167 53.0759 22.0958 53.2398 22.0599V22.3094C53.0502 22.3545 52.8567 22.3804 52.6621 22.3866" fill="#939598"/>
|
||||
<path d="M54.2203 21.3599C53.9051 21.3599 53.7666 21.4612 53.7666 21.7375C53.7666 22.0139 53.9051 22.1315 54.2203 22.1315C54.5355 22.1315 54.6692 22.033 54.6692 21.7567C54.6692 21.4803 54.5355 21.3599 54.2203 21.3599ZM54.7891 22.2591C54.6436 22.3597 54.4531 22.3866 54.2203 22.3866C53.9876 22.3866 53.7929 22.3576 53.6495 22.2591C53.4847 22.1485 53.4258 21.9657 53.4258 21.7475C53.4258 21.5292 53.4847 21.3428 53.6495 21.2323C53.7929 21.1338 53.9827 21.1055 54.2203 21.1055C54.4579 21.1055 54.6436 21.1338 54.7891 21.2323C54.9532 21.3428 55.01 21.5285 55.01 21.7446C55.01 21.9607 54.9511 22.1485 54.7891 22.2591Z" fill="#939598"/>
|
||||
<path d="M56.9229 22.3864C56.7234 22.3864 56.5073 22.3524 56.3452 22.2157C56.1526 22.052 56.0938 21.7997 56.0938 21.5283C56.0938 21.2853 56.1693 20.9969 56.42 20.829C56.6154 20.6993 56.8571 20.6724 57.1017 20.6724C57.2804 20.6724 57.4639 20.6844 57.6634 20.7014V20.9969C57.4923 20.9827 57.2804 20.9707 57.1162 20.9707C56.6576 20.9707 56.463 21.1485 56.463 21.5283C56.463 21.9081 56.6438 22.0881 56.9818 22.0881C57.2234 22.0796 57.4636 22.0466 57.6988 21.9896V22.283C57.4441 22.3432 57.1842 22.3779 56.9229 22.3864Z" fill="#939598"/>
|
||||
<path d="M58.673 21.3218C58.3959 21.3218 58.292 21.4231 58.2705 21.6052H59.0699C59.0602 21.4082 58.9473 21.3218 58.673 21.3218ZM58.6231 22.3846C58.4284 22.3846 58.2518 22.3606 58.1202 22.25C57.9886 22.1395 57.9297 21.9496 57.9297 21.7427C57.9297 21.5577 57.9886 21.3508 58.1534 21.2304C58.2989 21.1248 58.4846 21.1035 58.673 21.1035C58.842 21.1035 59.0415 21.1226 59.187 21.2261C59.3775 21.3629 59.3948 21.5747 59.3948 21.8242H58.2684C58.2754 22.0098 58.3716 22.1296 58.7055 22.1296C58.9176 22.1248 59.129 22.104 59.338 22.0672V22.3053C59.1021 22.3511 58.8631 22.3776 58.6231 22.3846Z" fill="#939598"/>
|
||||
<path d="M60.8697 22.3525V21.6829C60.8697 21.4618 60.7595 21.3825 60.5621 21.3825C60.3982 21.3899 60.2357 21.4156 60.0772 21.459V22.3533H59.7461V21.1387H60.0163L60.028 21.216C60.2346 21.1538 60.4475 21.1167 60.6626 21.1054C60.8086 21.0935 60.9537 21.138 61.0692 21.2301C61.1627 21.3166 61.198 21.437 61.198 21.6099V22.3525H60.8697Z" fill="#939598"/>
|
||||
<path d="M62.1438 22.3866C61.9837 22.3866 61.8383 22.3405 61.7586 22.213C61.6933 22.1027 61.6628 21.9745 61.6713 21.8459V21.391H61.4316V21.1388H61.6713L61.7067 20.771H61.999V21.1388H62.4666V21.391H61.999V21.7807C61.9946 21.8592 62.0056 21.9378 62.0315 22.0117C62.0669 22.0932 62.1444 22.1244 62.2483 22.1244C62.3278 22.1229 62.4071 22.1149 62.4853 22.1003V22.3434C62.3725 22.3683 62.2577 22.3828 62.1424 22.3866" fill="#939598"/>
|
||||
<path d="M62.791 22.3527V21.1389H63.0612L63.073 21.2162C63.2625 21.1503 63.4604 21.1131 63.6604 21.1056C63.6744 21.1048 63.6886 21.1048 63.7026 21.1056V21.3997C63.6652 21.3997 63.6202 21.3997 63.5876 21.3997C63.4305 21.4003 63.2741 21.4213 63.1221 21.462V22.3584L62.791 22.3527Z" fill="#939598"/>
|
||||
<path d="M64.9084 21.8432C64.7698 21.8311 64.6313 21.824 64.4803 21.824C64.2385 21.824 64.154 21.8743 64.154 21.9877C64.154 22.1011 64.2233 22.1507 64.4096 22.1507C64.5778 22.145 64.745 22.1213 64.9084 22.0798V21.8432ZM64.9776 22.3526L64.9679 22.2818C64.7579 22.3423 64.5417 22.378 64.3237 22.3881C64.1978 22.3967 64.0722 22.3656 63.9642 22.2988C63.9205 22.2646 63.8857 22.2199 63.8628 22.1688C63.8398 22.1177 63.8295 22.0616 63.8326 22.0054C63.8294 21.9363 63.8468 21.8678 63.8826 21.8091C63.9183 21.7504 63.9707 21.7042 64.0328 21.6766C64.1575 21.6164 64.3237 21.6115 64.4768 21.6115C64.6015 21.6115 64.7684 21.6185 64.907 21.6285V21.6065C64.907 21.4166 64.7844 21.3542 64.4512 21.3542C64.3216 21.3542 64.1644 21.3613 64.0141 21.3755V21.1303C64.181 21.1161 64.3687 21.1069 64.5239 21.1069C64.7317 21.1069 64.9444 21.1232 65.0781 21.2196C65.2118 21.316 65.2402 21.4556 65.2402 21.6355V22.3541L64.9776 22.3526Z" fill="#939598"/>
|
||||
<path d="M65.6641 20.627H65.9959V22.3524H65.6641V20.627Z" fill="#939598"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_12502_10616">
|
||||
<rect width="66" height="24" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 15 KiB |
@ -103,6 +103,7 @@
|
||||
"flex-layout.row#product-name",
|
||||
"product-identifier.product",
|
||||
"product-rating-summary",
|
||||
// "use-product",
|
||||
"flex-layout.row#list-price-savings",
|
||||
"flex-layout.row#selling-price",
|
||||
"product-installments",
|
||||
@ -135,7 +136,8 @@
|
||||
"flex-layout.row#buy-button": {
|
||||
"props": {
|
||||
"marginTop": 4,
|
||||
"marginBottom": 7
|
||||
"marginBottom": 7,
|
||||
"blockClass": "btn-product"
|
||||
},
|
||||
"children": ["add-to-cart-button"]
|
||||
},
|
||||
|
||||
@ -1,98 +1,9 @@
|
||||
.flexRowContent--menu-link,
|
||||
.flexRowContent--main-header {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 40em) {
|
||||
.flexRowContent--menu-link,
|
||||
.flexRowContent--main-header {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 80rem) {
|
||||
.flexRowContent--menu-link,
|
||||
.flexRowContent--main-header {
|
||||
padding: 0 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.flexRowContent--menu-link {
|
||||
background-color: #03044e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.flexRowContent--main-header {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.flexRowContent--main-header-mobile {
|
||||
align-items: center;
|
||||
padding: 0.625rem 0.5rem;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.flexRowContent--menu-link :global(.vtex-menu-2-x-styledLink) {
|
||||
color: #ffffff;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.flexRowContent--main-header :global(.vtex-menu-2-x-styledLink) {
|
||||
color: #727273;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.flexRow--deals {
|
||||
background-color: #0F3E99;
|
||||
padding: 14px 0px;
|
||||
}
|
||||
|
||||
.flexRow--deals .stretchChildrenWidth {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flexRow--deals .flexCol {
|
||||
align-items: center;
|
||||
margin-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.flexCol--filterCol {
|
||||
max-width: 500px;
|
||||
min-width: 230px;
|
||||
}
|
||||
|
||||
.flexCol--productCountCol {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.flexCol--orderByCol {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.flexCol--orderByMobileCol {
|
||||
width: 42%;
|
||||
}
|
||||
|
||||
.flexCol--filterMobileCol {
|
||||
width: 38%;
|
||||
}
|
||||
|
||||
.flexRow--quickviewMainRow {
|
||||
display: flex;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.flexColChild--quickviewDetails:first-child {
|
||||
overflow-y: auto;
|
||||
height: 66% !important;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.flexColChild--quickviewDetails:last-child {
|
||||
height: 34% !important;
|
||||
}
|
||||
|
||||
.flexRow--addToCartRow {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
/*
|
||||
0 - 600PX: Phone
|
||||
600 - 900px: Table portrait
|
||||
900 - 1200px: Tablet landscape
|
||||
[1200 - 1800] is where our nortal styles apply
|
||||
1800px + : Big desktop
|
||||
*/
|
||||
/* Media Query M3 */
|
||||
/* Grid breakpoints */
|
||||
@ -1,18 +1,9 @@
|
||||
.product-identifier--productReference {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.product-identifier--productReference {
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.product-identifier__label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.product-identifier__separator {
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
0 - 600PX: Phone
|
||||
600 - 900px: Table portrait
|
||||
900 - 1200px: Tablet landscape
|
||||
[1200 - 1800] is where our nortal styles apply
|
||||
1800px + : Big desktop
|
||||
*/
|
||||
/* Media Query M3 */
|
||||
/* Grid breakpoints */
|
||||
@ -1,7 +1,17 @@
|
||||
/*
|
||||
0 - 600PX: Phone
|
||||
600 - 900px: Table portrait
|
||||
900 - 1200px: Tablet landscape
|
||||
[1200 - 1800] is where our nortal styles apply
|
||||
1800px + : Big desktop
|
||||
*/
|
||||
/* Media Query M3 */
|
||||
/* Grid breakpoints */
|
||||
.listPrice {
|
||||
color: #727273;
|
||||
margin-bottom: .25rem;
|
||||
font-size: 1rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.savings {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -20,44 +30,37 @@
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.savings {
|
||||
font-weight: 500;
|
||||
color: #79B03A;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.sellingPriceValue--summary {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #2E2E2E;
|
||||
color: #2e2e2e;
|
||||
}
|
||||
|
||||
.savings--summary {
|
||||
background: #8BC34A;
|
||||
background: #8bc34a;
|
||||
border-radius: 1000px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.savings-discount--summary {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.listPrice--summary {
|
||||
margin-bottom: 0.25rem;
|
||||
font-size: .875rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.installments--summary {
|
||||
@ -76,6 +79,6 @@
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
color: #FFFFFF;
|
||||
color: #ffffff;
|
||||
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
|
||||
}
|
||||
}
|
||||
@ -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");
|
||||
@ -9,4 +9,14 @@
|
||||
/* Grid breakpoints */
|
||||
.newsletter {
|
||||
background: red;
|
||||
}
|
||||
|
||||
.productNameContainer {
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-size: 20px;
|
||||
line-height: 34px;
|
||||
text-align: right;
|
||||
color: #575757;
|
||||
}
|
||||
1
styles/sass/pages/product/vtex.product-identifier.scss
Normal file
1
styles/sass/pages/product/vtex.product-identifier.scss
Normal file
@ -0,0 +1 @@
|
||||
|
||||
76
styles/sass/pages/product/vtex.product-price.scss
Normal file
76
styles/sass/pages/product/vtex.product-price.scss
Normal file
@ -0,0 +1,76 @@
|
||||
.listPrice {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.savings {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sellingPrice {
|
||||
color: #3f3f40;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.sellingPriceValue {
|
||||
font-size: 2.25rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.installments {
|
||||
color: #727273;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.sellingPriceValue--summary {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: #2e2e2e;
|
||||
}
|
||||
|
||||
.savings--summary {
|
||||
background: #8bc34a;
|
||||
border-radius: 1000px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.savings-discount--summary {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
color: #ffffff;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.listPrice--summary {
|
||||
margin-bottom: 0.25rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.installments--summary {
|
||||
margin-bottom: 2rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.savings--summaryPercentage {
|
||||
background: #0f3e99;
|
||||
border-radius: 1000px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.savingsPercentage--summaryPercentage {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
vertical-align: baseline;
|
||||
color: #ffffff;
|
||||
padding: 0.25rem 0.5rem 0.25rem 0.5rem;
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
|
||||
@ -1,3 +1,16 @@
|
||||
.newsletter{
|
||||
background: red;
|
||||
}
|
||||
.newsletter {
|
||||
background: red;
|
||||
}
|
||||
|
||||
|
||||
.productNameContainer {
|
||||
font-family: "Open Sans";
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-size: 20px;
|
||||
line-height: 34px;
|
||||
text-align: right;
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user