diff --git a/store/blocks/pdp/product.jsonc b/store/blocks/pdp/product.jsonc index e22ba85..c60b2a1 100644 --- a/store/blocks/pdp/product.jsonc +++ b/store/blocks/pdp/product.jsonc @@ -244,6 +244,12 @@ ] }, + "product-summary-image": { + "props": { + "showBadge": false + } + }, + "list-context.product-list#shelfProducts": { "blocks": ["product-summary.shelf#shelfProducts"], "children": ["slider-layout#demo-products"] diff --git a/store/blocks/product-price.jsonc b/store/blocks/product-price.jsonc index be7bc35..8b2dfde 100644 --- a/store/blocks/product-price.jsonc +++ b/store/blocks/product-price.jsonc @@ -16,6 +16,13 @@ } }, + "product-selling-price#shelf": { + "props": { + "blockClass": "shelf", + "message": "{sellingPriceValue}" + } + }, + "flex-layout.row#list-price-savings": { "props": { "colGap": 2, diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index d813a22..979c318 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -13,4 +13,12 @@ display: flex; justify-content: center; align-items: center; +} + +.brandName { + font-style: normal; + font-weight: 400; + line-height: 25px; + text-align: center; + color: #292929; } \ No newline at end of file diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 8c13475..412cb80 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -270,4 +270,20 @@ font-weight: 400; font-size: 12px; line-height: 16px; +} + +.price_sellingPriceContainer { + margin-bottom: 32px; +} + +.price_sellingPriceLabel { + display: none; +} + +.price_sellingPrice { + font-style: normal; + font-weight: 700; + font-size: 24px; + line-height: 33px; + color: #292929; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtex.product-summary.scss index 254a5bc..bf3149b 100644 --- a/styles/sass/pages/product/vtex.product-summary.scss +++ b/styles/sass/pages/product/vtex.product-summary.scss @@ -4,3 +4,11 @@ justify-content: center; align-items: center; } + +.brandName { + font-style: normal; + font-weight: 400; + line-height: 25px; + text-align: center; + color: $color-black; +} diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss index 9266456..7f2cd6e 100644 --- a/styles/sass/pages/product/vtex.store-components.scss +++ b/styles/sass/pages/product/vtex.store-components.scss @@ -271,3 +271,19 @@ font-size: 12px; line-height: 16px; } + +.price_sellingPriceContainer { + margin-bottom: 32px; +} + +.price_sellingPriceLabel { + display: none; +} + +.price_sellingPrice { + font-style: normal; + font-weight: 700; + font-size: 24px; + line-height: 33px; + color: $color-black; +}