diff --git a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.js b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.js index 154d6da1d51..69f5e5119a3 100644 --- a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.js +++ b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.js @@ -10,7 +10,9 @@ export class ProductCard extends Component { productId: Number, price: String, imageUrl: String, + productInfo: { Boolean, optional: true }, onClick: { type: Function, optional: true }, + onProductInfoClick: { type: Function, optional: true }, }; static defaultProps = { onClick: () => {}, diff --git a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss index 19c5280dbb5..b19c44f804b 100644 --- a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss +++ b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.scss @@ -24,3 +24,22 @@ box-shadow: 0 0 0 2px $primary; } } + +.product-information-tag { + width: 0; + height: 0; + border-style: solid; + border-width: 0 30px 30px 0; + border-color: transparent #9a9ea180 transparent transparent; + position: absolute; + top: 0; + right: 0; + color: white; + text-align: center; +} + +.product-information-tag-logo { + position: absolute; + left: 19px; + top: 3px; +} diff --git a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.xml b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.xml index 5f3eb855e4c..843acf436b0 100644 --- a/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.xml +++ b/addons/point_of_sale/static/src/app/generic_components/product_card/product_card.xml @@ -8,6 +8,9 @@ t-on-click="props.onClick" t-att-data-product-id="props.productId" t-attf-aria-labelledby="article_product_{{props.productId}}"> +
+