skills.rest
OrcaQubits
OrcaQubitsOFFICIAL
Explore all skills by this author →
WebsiteGitHub

magento-checkout

Customize Magento 2 checkout flows with payment methods, shipping carriers, and UI components.

35|16|Updated Mar 4, 2026
Search Tags:#customization#shipping#checkout#ecommerce#payment gateway#magento
One-click install
npx skills add https://github.com/OrcaQubits/agentic-commerce-claude-plugins --skill magento-checkout
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: magento-checkout
Source: https://github.com/OrcaQubits/agentic-commerce-claude-plugins/tree/main/magento2-commerce/skills/magento-checkout
Command: npx skills add https://github.com/OrcaQubits/agentic-commerce-claude-plugins --skill magento-checkout

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps developers customize the Magento 2 checkout process, enabling tailored payment methods, shipping options, and a refined user experience.

Core Features & Use Cases

  • Payment Method Integration: Add or modify payment gateways, offline payment options, and hosted payment pages.
  • Shipping Carrier Configuration: Implement custom shipping logic and integrate with various carriers.
  • Checkout UI Customization: Adjust the checkout flow and user interface using UI components and layout modifications.
  • Use Case: Integrate a new, custom payment provider into the Magento 2 checkout by creating a new payment model, config provider, and JS renderer.

Quick Start

Use the magento-checkout skill to fetch live documentation for customizing Magento 2 checkout payment methods.

Frequently Asked Questions about magento-checkout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate a custom payment gateway into Magento 2 checkout?▼

To integrate a custom payment gateway into Magento 2 checkout, you create a new payment model, configuration provider, and JS renderer. This modifies checkout UI components and layout XML to support the new payment method.

What do I need to customize Magento 2 checkout flows and shipping carriers?▼

Customizing Magento 2 checkout flows requires an understanding of the Magento module system, dependency injection, and frontend technologies like KnockoutJS. This knowledge allows you to implement custom shipping logic and integrate various carriers.

Can I modify the Magento 2 checkout UI components using layout XML?▼

Yes, you can modify Magento 2 checkout UI components using layout XML. This adjusts the checkout flow and user interface, refining the overall user experience by leveraging the UI component system.

How does a totals collector work when customizing Magento 2 checkout?▼

A totals collector in Magento 2 checkout calculates and modifies final cart totals during the checkout process. Integrating it requires utilizing the module system and dependency injection to ensure accurate total calculations.

Do I need KnockoutJS to add offline payment options in Magento 2?▼

Yes, adding offline payment options or hosted payment pages in Magento 2 requires KnockoutJS. You must use this frontend technology alongside the module system to build JS renderers and UI components for the checkout flow.

Related Skills

Explore More Software Engineering Skills→
OrcaQubitsOrcaQubits
35

magento-frontend

Develop and customize Magento 2 frontend components using layout XML, PHTML templates, and JavaScript modules.

Official
Intermediate
InchooInchoo
18

hyva-checkout-configuration

Configure Hyvä Checkout steps, layouts, and payment methods via XML.

Official
Advanced
dragnoirdragnoir
45

checkout-customization

Develop Shopify Checkout UI Extensions with React and Shopify CLI.

Community
Advanced
InchooInchoo
18

hyva-checkout-magewire

Customize Hyvä Checkout for Magento 2 using Magewire components.

Official
Advanced