diff --git a/store/blocks/product-price.jsonc b/store/blocks/product-price.jsonc index 08068c5..aa14868 100644 --- a/store/blocks/product-price.jsonc +++ b/store/blocks/product-price.jsonc @@ -1,6 +1,7 @@ { "flex-layout.row#selling-price": { "props": { + "blockClass": "price-image", "colGap": 2, "preserveLayoutOnMobile": true, "preventHorizontalStretch": true, @@ -10,7 +11,11 @@ "product-selling-price" ] }, - + "product-selling-price#ProducyImage":{ + "props":{ + "blockClass": "price" + } + }, "flex-layout.row#list-price-savings": { "props": { "colGap": 2, diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 80f6258..d413635 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -191,4 +191,13 @@ .flexRow--pdp-price .flexRowContent--pdp-price { justify-content: center; +} + +.flexRow--price-image :global(.vtex-product-price-1-x-sellingPrice--hasListPrice) { + color: #000000; + font-family: "Open Sans", sans-serif; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 38px; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss index f023b36..f1e0d8e 100644 --- a/styles/sass/pages/product/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtex.flex-layout.scss @@ -184,4 +184,14 @@ justify-content: center; } } +.flexRow--price-image{ + :global(.vtex-product-price-1-x-sellingPrice--hasListPrice){ + color: #000000; + font-family: 'Open Sans',sans-serif; + font-style: normal; + font-weight: 700; + font-size: 25px; + line-height: 38px; + } +} diff --git a/styles/sass/pages/product/vtex.stack-layout.scss b/styles/sass/pages/product/vtex.stack-layout.scss index b20f1f7..8a33c87 100644 --- a/styles/sass/pages/product/vtex.stack-layout.scss +++ b/styles/sass/pages/product/vtex.stack-layout.scss @@ -1,3 +1,4 @@ .stackItem{ display: block; } +