PHPackages mudrak/one-page-checkout-plugin - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. mudrak/one-page-checkout-plugin ActiveSylius-plugin mudrak/one-page-checkout-plugin =============================== One Page Checkout plugin for Sylius. v1.0.6(1mo ago)04↑2900%MITPHPPHP ^8.2CI failing Since Sep 19Pushed 1mo agoCompare [ Source](https://github.com/Sajgon27/sylius_onepagecheckout)[ Packagist](https://packagist.org/packages/mudrak/one-page-checkout-plugin)[ RSS](/packages/mudrak-one-page-checkout-plugin/feed)WikiDiscussions main Synced 1mo ago READMEChangelogDependencies (30)Versions (9)Used By (0) [ ![Sylius Logo.](https://camo.githubusercontent.com/ea9dddc934264aa7ec01cf3202c500f3d8b04448bce2571bdc74230efddda88f/68747470733a2f2f6d656469612e73796c6975732e636f6d2f73796c6975732d6c6f676f2d3830302e706e67) ](https://sylius.com) Mudrak One Page Checkout Plugin =============================== [](#mudrak-one-page-checkout-plugin) A Sylius plugin that replaces the default multi-step checkout with a single-page checkout experience using Symfony UX Live Components. Features -------- [](#features) - **Single-page checkout** — Address, shipping, payment, and order completion on one page - **Live Components** — Real-time updates without full page reloads (powered by Symfony UX Live Components) - **Automatic order processing** — Shipping and payment selections update the order in real-time - **Simplified checkout flow** — Modified state machine allows completing the order directly from the cart state - **Sylius Twig Hooks** — Modular components rendered via Sylius Twig Hooks for easy customization - **Bootstrap 5** — Styled with Bootstrap 5 form themes Requirements ------------ [](#requirements) - PHP ^8.2 - Sylius ^2.0 - Symfony UX Live Component (included with Sylius 2.0) --- Installation ------------ [](#installation) ### Step 1: Require the plugin via Composer [](#step-1-require-the-plugin-via-composer) ``` composer require mudrak/one-page-checkout-plugin ``` ### Step 2: Register the bundle [](#step-2-register-the-bundle) Add the plugin to your `config/bundles.php`: ``` return [ // ... other bundles Mudrak\OnePageCheckoutPlugin\MudrakOnePageCheckoutPlugin::class => ['all' => true], ]; ``` ### Step 3: Import plugin configuration [](#step-3-import-plugin-configuration) Create `config/packages/mudrak_one_page_checkout.yaml`: ``` imports: - { resource: "@MudrakOnePageCheckoutPlugin/config/config.yaml" } ``` ### Step 4: Import routes [](#step-4-import-routes) Create `config/routes/mudrak_one_page_checkout.yaml`: ``` mudrak_one_page_checkout_shop: resource: "@MudrakOnePageCheckoutPlugin/config/routes/shop.yaml" ``` ### Step 5: Ensure Live Component routes are loaded [](#step-5-ensure-live-component-routes-are-loaded) Sylius 2.0 should already include these, but verify that your project has the Live Component route loaded (typically in `config/routes/ux_live_component.yaml` or similar): ``` live_component: resource: '@LiveComponentBundle/config/routes.php' ``` If it doesn't exist, create it. Live Components require this route for AJAX re-renders. ### Step 6: Clear cache and rebuild assets [](#step-6-clear-cache-and-rebuild-assets) ``` bin/console cache:clear ``` If you're using Webpack Encore, rebuild your frontend assets: ``` yarn install yarn build ``` ### Step 7: Verify the installation [](#step-7-verify-the-installation) 1. Make sure you have at least one product, shipping method, and payment method configured (or load fixtures with `bin/console sylius:fixtures:load -n`) 2. Add a product to the cart 3. Navigate to: `http://your-app/{locale}/one-page-checkout` (e.g., `http://localhost/en_US/one-page-checkout`) You should see the one-page checkout with address form, payment, shipping, summary, and order completion — all on a single page. --- How It Works ------------ [](#how-it-works) ### Architecture [](#architecture) The plugin provides a single checkout page built with **Symfony UX Live Components**: ComponentPurpose`OnePageCheckoutComponent`Main checkout form — handles billing & shipping address`Payment`Payment method selection`Shipment`Shipping method selection`Summary`Order summary (updates live when shipping/payment changes)`Complete`Order completion button — applies the checkout state machine transition### State Machine Modification [](#state-machine-modification) The plugin modifies the `sylius_order_checkout` workflow to allow the `complete` transition directly from the `cart`, `payment_selected`, and `payment_skipped` states. This is required because the one-page checkout doesn't follow the standard multi-step flow. ### Route [](#route) The plugin registers a single shop route: ``` GET|PUT|POST /{_locale}/one-page-checkout ``` ### Twig Hooks [](#twig-hooks) The sidebar components (Payment, Shipment, Summary, Complete) are rendered via Sylius Twig Hooks: - `one_page_checkout_payment` - `one_page_checkout_shipment` - `one_page_checkout_summary` - `one_page_checkout_complete` You can override any of these hooks in your application to customize the checkout experience. --- Customization ------------- [](#customization) ### Overriding templates [](#overriding-templates) To override any plugin template, create the corresponding file in your application's `templates/bundles/MudrakOnePageCheckoutPlugin/` directory: ``` templates/ └── bundles/ └── MudrakOnePageCheckoutPlugin/ ├── shop/ │ └── one_page_checkout.html.twig └── components/ └── OnePageCheckout/ ├── OnePageCheckoutComponent.html.twig ├── Payment.html.twig ├── Shipment.html.twig ├── Summary.html.twig └── Complete.html.twig ``` ### Overriding Twig Hooks [](#overriding-twig-hooks) You can replace or extend individual checkout sections by overriding the twig hooks in your application's configuration: ``` # config/packages/mudrak_one_page_checkout.yaml sylius_twig_hooks: hooks: one_page_checkout_summary: my_custom_summary: template: 'shop/checkout/my_custom_summary.html.twig' priority: 10 ``` --- Development ----------- [](#development) ### Running the plugin in isolation (for contributors) [](#running-the-plugin-in-isolation-for-contributors) #### Docker [](#docker) ``` make init make database-init make load-fixtures # optional ``` App available at `http://localhost`. #### Traditional [](#traditional) ``` (cd vendor/sylius/test-application && yarn install) (cd vendor/sylius/test-application && yarn build) vendor/bin/console assets:install vendor/bin/console doctrine:database:create vendor/bin/console doctrine:migrations:migrate -n vendor/bin/console sylius:fixtures:load -n symfony server:start -d ``` ### Tests [](#tests) ``` # PHPUnit vendor/bin/phpunit # Behat (non-JS) vendor/bin/behat --strict --tags="~@javascript&&~@mink:chromedriver" # PHPStan vendor/bin/phpstan analyse -c phpstan.neon -l max src/ # Coding Standards vendor/bin/ecs check ``` --- License ------- [](#license) This plugin is released under the [MIT License](LICENSE). ### Health Score 51 — FairBetter than 96% of packages Maintenance91 Actively maintained with recent releases Popularity5 Limited adoption so far Community19 Small or concentrated contributor base Maturity81 Battle-tested with a long release history Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~519 days Recently: every ~0 days Total 7 Last Release 45d ago PHP version history (2 changes)v1.0.0PHP ^7.1 v1.0.2PHP ^8.2 ### Community Maintainers ![](https://www.gravatar.com/avatar/d0e517a31599a1c307ee6f65d6f50e89c15517fe6ac5b5be1dfc7ac5017bac8c?d=identicon)[Sajgon27](/maintainers/Sajgon27) --- Top Contributors [![pamil](https://avatars.githubusercontent.com/u/1897953?v=4)](https://github.com/pamil "pamil (323 commits)")[![GSadee](https://avatars.githubusercontent.com/u/6140884?v=4)](https://github.com/GSadee "GSadee (76 commits)")[![Zales0123](https://avatars.githubusercontent.com/u/6212718?v=4)](https://github.com/Zales0123 "Zales0123 (54 commits)")[![lchrusciel](https://avatars.githubusercontent.com/u/6213903?v=4)](https://github.com/lchrusciel "lchrusciel (41 commits)")[![Rafikooo](https://avatars.githubusercontent.com/u/40125720?v=4)](https://github.com/Rafikooo "Rafikooo (32 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (27 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (23 commits)")[![NoResponseMate](https://avatars.githubusercontent.com/u/9448101?v=4)](https://github.com/NoResponseMate "NoResponseMate (23 commits)")[![bitbager](https://avatars.githubusercontent.com/u/28542010?v=4)](https://github.com/bitbager "bitbager (12 commits)")[![Sajgon27](https://avatars.githubusercontent.com/u/49036968?v=4)](https://github.com/Sajgon27 "Sajgon27 (9 commits)")[![pjedrzejewski](https://avatars.githubusercontent.com/u/614970?v=4)](https://github.com/pjedrzejewski "pjedrzejewski (9 commits)")[![stefandoorn](https://avatars.githubusercontent.com/u/4903082?v=4)](https://github.com/stefandoorn "stefandoorn (9 commits)")[![loevgaard](https://avatars.githubusercontent.com/u/2412177?v=4)](https://github.com/loevgaard "loevgaard (8 commits)")[![coldic3](https://avatars.githubusercontent.com/u/13316080?v=4)](https://github.com/coldic3 "coldic3 (7 commits)")[![bartoszpietrzak1994](https://avatars.githubusercontent.com/u/22262296?v=4)](https://github.com/bartoszpietrzak1994 "bartoszpietrzak1994 (6 commits)")[![mpysiak](https://avatars.githubusercontent.com/u/39049059?v=4)](https://github.com/mpysiak "mpysiak (6 commits)")[![TheMilek](https://avatars.githubusercontent.com/u/53942444?v=4)](https://github.com/TheMilek "TheMilek (6 commits)")[![vvasiloi](https://avatars.githubusercontent.com/u/7114562?v=4)](https://github.com/vvasiloi "vvasiloi (4 commits)")[![nedac-sorbo](https://avatars.githubusercontent.com/u/46560227?v=4)](https://github.com/nedac-sorbo "nedac-sorbo (4 commits)")[![Cholin2000](https://avatars.githubusercontent.com/u/85901846?v=4)](https://github.com/Cholin2000 "Cholin2000 (4 commits)") --- Tags syliussylius-plugintest-appication ### Code Quality TestsPHPUnit Static AnalysisPHPStan Type Coverage Yes ### Embed Badge ![Health badge](/badges/mudrak-one-page-checkout-plugin/health.svg) ``` [![Health](https://phpackages.com/badges/mudrak-one-page-checkout-plugin/health.svg)](https://phpackages.com/packages/mudrak-one-page-checkout-plugin) ``` ### Alternatives [bitbag/cms-plugin CMS plugin for Sylius applications. 2461.1M5](/packages/bitbag-cms-plugin)[sylius/invoicing-plugin Invoicing plugin for Sylius. 901.0M2](/packages/sylius-invoicing-plugin)[webgriffe/sylius-table-rate-shipping-plugin Provides table rate shipping calculator. 1490.4k](/packages/webgriffe-sylius-table-rate-shipping-plugin)[sylius/refund-plugin Plugin provides basic refunds functionality for Sylius application. 691.7M14](/packages/sylius-refund-plugin)[stefandoorn/sitemap-plugin Sitemap Plugin for Sylius 851.0M](/packages/stefandoorn-sitemap-plugin)[sylius/plugin-skeleton Acme example plugin for Sylius. 848.8k](/packages/sylius-plugin-skeleton) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)