Skip to content

Show payment method brand logos for Quickpay methods on the checkout - #125

Merged
loevgaard merged 1 commit into
2.xfrom
checkout-payment-method-logos
Aug 17, 2026
Merged

Show payment method brand logos for Quickpay methods on the checkout#125
loevgaard merged 1 commit into
2.xfrom
checkout-payment-method-logos

Conversation

@loevgaard

@loevgaard loevgaard commented Aug 17, 2026

Copy link
Copy Markdown
Member

Each Quickpay payment method on the checkout payment step now shows the brands its payment window will offer, derived from the gateway configuration's payment_methods option — nothing is configured twice, no API is called.

  • Checkout/PaymentMethodLogoProvider parses Quickpay's token grammar (! exclusions, 3d- prefix, regional/debit variants like visa-dk/mastercard-debet-dk/mobilepay-subscriptions collapsing onto their brand, creditcard expanding to a configurable brand list) and maps tokens to bundled SVGs; unknown tokens render as a text label
  • Rendered by a Twig function through a sylius_ui block on sylius.shop.checkout.select_payment.choice_item_content (verified rendering through the booted test app)
  • Assets: 24 SVGs from Shopify's MIT-licensed activemerchant/payment_icons — cards, Dankort, MobilePay, Apple/Google Pay, Klarna, Anyday, Vipps, Swish, PayPal, ViaBill, Trustly, iDEAL, Sofort, paysafecard — with the license reproduced next to them; needs assets:install (README step added)
  • New config checkout.payment_method_logos (add/override/hide per token) and checkout.creditcard_brands

90 tests, PHPStan max, ECS, Rector, YAML/twig/container lint green.

Closes #108

First of a stack: this → #126.

@codecov

codecov Bot commented Aug 17, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 85.99%. Comparing base (6cb3eb6) to head (d0bd832).
⚠️ Report is 2 commits behind head on 2.x.

Additional details and impacted files
@@             Coverage Diff              @@
##                2.x     #125      +/-   ##
============================================
+ Coverage     83.77%   85.99%   +2.21%     
- Complexity      125      154      +29     
============================================
  Files            16       20       +4     
  Lines           530      614      +84     
============================================
+ Hits            444      528      +84     
  Misses           86       86              

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@loevgaard
loevgaard force-pushed the checkout-payment-method-logos branch 3 times, most recently from 6877f47 to d36afdf Compare August 17, 2026 11:29
Each Quickpay payment method on the checkout payment step now shows the brands
its payment window will offer, derived from the gateway configuration's
payment_methods option — nothing is configured twice and no API is called.
PaymentMethodLogoProvider parses Quickpay's token grammar (exclusions, the
3d- prefix, regional/debit variants collapsing onto their brand, creditcard
expanding to a configurable brand list) and maps tokens to bundled SVGs; a
token without a logo renders as a text label. Rendered through a Twig
function by a sylius_ui block on
sylius.shop.checkout.select_payment.choice_item_content.

The SVGs are Shopify's MIT-licensed activemerchant/payment_icons (attribution
README next to them) and cover cards, Dankort, MobilePay, Apple/Google Pay,
Klarna, Anyday, Vipps, Swish, PayPal, ViaBill, Trustly, iDEAL, Sofort and
paysafecard. Shops add/override/hide logos through the new
checkout.payment_method_logos and checkout.creditcard_brands configuration.

Closes #108
@loevgaard
loevgaard force-pushed the checkout-payment-method-logos branch from d36afdf to d0bd832 Compare August 17, 2026 11:45
@loevgaard
loevgaard merged commit de9c05c into 2.x Aug 17, 2026
30 checks passed
@loevgaard
loevgaard deleted the checkout-payment-method-logos branch August 17, 2026 12:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Show payment method brand logos for Quickpay on checkout

1 participant