From magento2-commerce
Customizes Magento 2 checkout: payment methods via gateway commands, shipping carriers, totals collectors, and KnockoutJS UI. For custom payment/shipping integrations or flow modifications.
npx claudepluginhub orcaqubits/agentic-commerce-skills-plugins --plugin magento2-commerceThis skill is limited to using the following tools:
**Fetch live docs**:
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Fetch live docs:
site:developer.adobe.com commerce php tutorials frontend custom-checkout for checkout customization tutorialssite:developer.adobe.com commerce php tutorials frontend custom-checkout add-payment-method for payment method tutorialsite:developer.adobe.com commerce php development components checkout for checkout architectureTwo-step checkout built with UI Components + KnockoutJS:
The central data structure during checkout:
Magento\Quote\Model\Quote — the cart/checkout session| Type | Description |
|---|---|
| Gateway | Data passes through Magento to processor (Stripe, Braintree) |
| Offline | No external provider (Check/Money Order, Bank Transfer, COD) |
| Hosted | Redirects to external payment page (PayPal Redirect) |
Magento\Payment\Model\Method\Adapter as a virtual type (recommended). Note: Magento\Payment\Model\Method\AbstractMethod is deprecated; avoid for new payment methods.ConfigProviderInterface, returns JS config for checkoutModern approach (since 2.1) with configurable command chain:
Shipping carriers extend Magento\Shipping\Model\Carrier\AbstractCarrier:
collectRates() — returns available shipping rates for the cartgetAllowedMethods() — returns method code/name pairsconfig.xml (defaults) and system.xml (admin fields)getTrackingInfo()Calculate order totals (subtotal, shipping, tax, discount, grand total):
etc/sales.xmlMagento\Quote\Model\Quote\Address\Total\AbstractTotalcollect() — performs calculation, modifies quote address totalsfetch() — returns the result for displayCollectors run in sequence. Standard order: subtotal → discount → shipping → tax → grand_total. Custom collectors must declare their position relative to existing ones.
Checkout layout is defined in checkout_index_index.xml. Modify via:
LayoutProcessorInterface for dynamic modificationsAdd entire new steps via JavaScript UI components registered in the checkout layout.
Fetch the checkout customization tutorials for exact class signatures, XML configurations, and JS component patterns before implementing.