Update payment icons to match template naming convention

- Renamed all icon IDs to use -color suffix (visa-color, mastercard-color, etc.)
- Changed underscore naming for multi-word icons (apple_pay-color, google_pay-color, etc.)
- Added missing icons: discover, jcb, unionpay, affirm, afterpay
- Now contains 27 payment icons matching actual template usage
- Updated README with categorized icon list

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-26 14:45:40 +00:00
parent ed8559e418
commit 4b2a9f7138
2 changed files with 158 additions and 16 deletions

View File

@@ -125,12 +125,26 @@ Include sprite once (hidden), use anywhere:
{include file="$module_dir/vendor/myprestarocks/prestashop-icons/sprites/payments.svg"}
<!-- Use icons -->
<svg width="38" height="24"><use href="#visa"/></svg>
<svg width="38" height="24"><use href="#mastercard"/></svg>
<svg width="38" height="24"><use href="#paypal"/></svg>
<svg width="38" height="24"><use href="#visa-color"/></svg>
<svg width="38" height="24"><use href="#mastercard-color"/></svg>
<svg width="38" height="24"><use href="#paypal-color"/></svg>
```
Available: `visa`, `mastercard`, `amex`, `paypal`, `stripe`, `applepay`, `googlepay`, `klarna`, `ideal`, `bancontact`, `sepa`, `card`
Available (27 icons):
| Card Networks | Wallets | BNPL | Regional |
|---------------|---------|------|----------|
| `visa-color` | `paypal-color` | `klarna-color` | `ideal-color` |
| `mastercard-color` | `apple_pay-color` | `alma-color` | `bancontact-color` |
| `american_express-color` | `google_pay-color` | `affirm-color` | `blik-color` |
| `discover-color` | `samsung_pay-color` | `afterpay-color` | `eps-color` |
| `jcb-color` | `revolut-color` | | `multibanco-color` |
| `unionpay-color` | `alipay-color` | | `p24-color` |
| `card-color` | `wechat_pay-color` | | `sepa-color` |
| | `satispay-color` | | `twint-color` |
| | `mobilepay-color` | | |
| | `link-color` | | |
| | `stripe-color` | | |
### Social Icons