diff --git a/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css b/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css index 8901a9a254e6..a882102c927d 100644 --- a/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css +++ b/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css @@ -13,6 +13,14 @@ amp-story-shopping-tag { --i-amphtml-shopping-tag-backdrop-filter: blur(20px); } +.amp-story-shopping-product-tag-text { + font-weight: 600 !important; + font-size: 11px !important; + line-height: 15.4px !important; + display: flex !important; + align-items: center !important; +} + /* Maintains the dot position in RTL mode */ [dir=rtl].amp-story-shopping-tag-inner { flex-flow: row-reverse !important; diff --git a/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.js b/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.js index 563151883a69..6fdc9598ef42 100644 --- a/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.js +++ b/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.js @@ -119,7 +119,11 @@ export class AmpStoryShoppingTag extends AMP.BaseElement { } > - {this.tagData_['product-tag-text'] || + {(this.tagData_['product-tag-text'] && ( + + {this.tagData_['product-tag-text']} + + )) || new Intl.NumberFormat( this.localizationService_.getLanguageCodesForElement( this.element_