diff --git a/projects/assets/src/translations/en/payment.json b/projects/assets/src/translations/en/payment.json
index a38ca12d4ab..83618bd0062 100644
--- a/projects/assets/src/translations/en/payment.json
+++ b/projects/assets/src/translations/en/payment.json
@@ -40,7 +40,12 @@
"defaultPaymentLabel": "Default payment method",
"additionalPaymentLabel": "Additional payment method {{ number }}",
"selected": "Selected",
- "deletePaymentSuccess": "Payment method deleted successfully"
+ "deletePaymentSuccess": "Payment method deleted successfully",
+ "visa": "Visa Card",
+ "master": "Master Card",
+ "dinersClub": "Diners Club Card",
+ "amex": "American Express Card",
+ "credit": "Credit Card"
},
"paymentTypes": {
"title": "Payment method",
diff --git a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts
index efe9086b54c..1ad2c89048d 100644
--- a/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts
+++ b/projects/storefrontlib/cms-components/myaccount/payment-methods/payment-methods.component.ts
@@ -90,6 +90,7 @@ export class PaymentMethodsComponent implements OnInit {
actions,
deleteMsg: textDeleteConfirmation,
img: this.getCardIcon(cardType?.code ?? ''),
+ imgLabel: this.getCardIconLabel(cardType?.code),
label: defaultPayment
? 'paymentCard.defaultPaymentLabel'
: 'paymentCard.additionalPaymentLabel',
@@ -140,4 +141,21 @@ export class PaymentMethodsComponent implements OnInit {
return ccIcon;
}
+
+ getCardIconLabel(code: string | undefined): string {
+ let ccIconLabel: string;
+ if (code === 'visa') {
+ ccIconLabel = 'paymentCard.visa';
+ } else if (code === 'master' || code === 'mastercard_eurocard') {
+ ccIconLabel = 'paymentCard.master';
+ } else if (code === 'diners') {
+ ccIconLabel = 'paymentCard.dinersClub';
+ } else if (code === 'amex') {
+ ccIconLabel = 'paymentCard.amex';
+ } else {
+ ccIconLabel = 'paymentCard.credit';
+ }
+
+ return ccIconLabel;
+ }
}
diff --git a/projects/storefrontlib/shared/components/card/card.component.html b/projects/storefrontlib/shared/components/card/card.component.html
index cfe8079c2f3..f652acaa8b5 100644
--- a/projects/storefrontlib/shared/components/card/card.component.html
+++ b/projects/storefrontlib/shared/components/card/card.component.html
@@ -81,7 +81,14 @@