diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index d2f8cbb..03d37e3 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -172,7 +172,8 @@ "html#shipping-simulator": { "props":{ - "blockClass": "cep" + "blockClass": "cep", + "testId": "shipping-simulator" }, "children": ["shipping-simulator"] }, diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index 1510314..d3abedc 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -76,9 +76,33 @@ } .containerNormal .clearLink .element .priceContainer .listPriceContainer .currencyContainer::before { content: "de "; + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + text-align: center; +} +@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) { + .containerNormal .clearLink .element .priceContainer .listPriceContainer .currencyContainer::before { + font-size: 12px; + line-height: 15px; + } } .containerNormal .clearLink .element .priceContainer .listPriceContainer .currencyContainer::after { content: " por"; + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 19px; + text-align: center; +} +@media (min-width: 769px) and (max-width: 1024px), (min-width: 280px) and (max-width: 768px) { + .containerNormal .clearLink .element .priceContainer .listPriceContainer .currencyContainer::after { + font-size: 12px; + line-height: 15px; + } } .containerNormal .clearLink .element .priceContainer .sellingPriceContainer { padding: 0;