STM Smart One Page Checkout

Streamline your checkout process and boost conversions with a fully optimized, single-page checkout experience. All steps — address, shipping, payment, and order review — are displayed on one page with real-time AJAX validation. No page reloads, no waiting.

Compatible with Hyvä and Luma themes. Built as a server-rendered solution (PHP + PHTML) with plain JavaScript — no RequireJS, no Knockout.js, no jQuery dependency.

4 Layout Options

Choose the layout that fits your store design:

• Two Columns — Form left, order summary right (default)
• Two Columns Reversed — Order summary left, form right
• One Column — Vertical stack, ideal for focused checkout funnels
• Ultra-Compact — 3-column card design for maximum information density

All layouts are fully responsive and optimized for mobile, tablet, and desktop.

Complete Admin Configuration (80+ Settings)

Customize every aspect of your checkout without touching code:

• Branding: Upload your logo, set primary and accent colors, choose Google Fonts
• Layout: Select from 4 layout variants with live preview
• Form Fields: Toggle company, VAT ID, phone, and order comment fields — set each as optional or required
• Agreements: Configure Terms & Conditions, Privacy Policy, and Right of Withdrawal with custom labels and URLs
• Coupon Code: Enable/disable, collapsed by default option, custom placeholder and button text
• Newsletter: Optional newsletter opt-in checkbox during checkout
• Footer: Custom imprint, privacy, and terms links with copyright text

Trust Badges & Security Indicators

Build customer confidence with built-in trust badges:

• 6 pre-built badges: Secure Payment, Fast Shipping, Buyer Protection, GDPR Compliance, Customer Service, Money Back Guarantee
• 2 custom badge slots with icon, text, and subtext
• 4 display positions: Above order button, below summary, sidebar, or footer
• 4 layout styles: Horizontal, vertical, grid, or compact
• Full color customization for icons, text, and background

Postal Code Autofill (DACH Region)

Automatic city lookup for Germany, Austria, and Switzerland. Customers enter their postal code and the city field is populated instantly — reducing form friction and input errors. Configurable minimum length and auto-select for unique matches.

33 Built-in SVG Method Icons

Professional payment and shipping method icons included:

• Payment: PayPal, Klarna, Amazon Pay, Apple Pay, Google Pay, Visa, Mastercard, AMEX, SEPA, Giropay, Sofort, EPS, Invoice, Prepayment, Cash on Delivery, Bank Transfer, and more
• Shipping: DHL, DPD, UPS, FedEx, Hermes, GLS, Deutsche Post, TNT, Pickup, Packstation, Express, Free Shipping, Download

Customize icons and labels per method in the admin panel. Upload your own icons for custom methods.

Real-Time AJAX Processing

Every interaction is processed via AJAX — no page reloads:

• Address validation triggers instant shipping method calculation
• Shipping method selection updates totals and tax in real-time
• Payment method availability updates based on cart and address
• Coupon codes apply instantly with recalculated totals and tax
• Tax rates and labels update dynamically on country/address change

Smart Checkout Features

• Guest Checkout as default flow with optional in-checkout account creation
• Customer Login directly within the checkout page
• Email Check — warns if email is already registered (prompts login)
• Billing Address — option for separate billing address or same as shipping
• Address Book — logged-in customers can select saved addresses
• Password Strength indicator for account creation
• International Phone input with country code selector
• Order Comments — optional note field in the sidebar
• Sticky Progress Bar showing checkout steps
• Sticky Order Bar on mobile for easy order placement

Payment Gateway Compatibility

Works with all Magento 2 payment methods out of the box:

• PayPal (Standard, Express)
• Mollie, Adyen, Stripe
• PayOne, Unzer (Heidelpay)
• Amazon Pay, Klarna
• All other Magento-compatible gateways

Automatic redirect handling for external payment providers. Built-in PayPal error fix for common tax calculation issues.

Header Icons Bar

Display trusted payment and shipping icons directly below the checkout title. Select from built-in icons or upload up to 3 custom icons (SVG/PNG). Builds trust instantly above the fold.

Order Summary Sidebar

• Product thumbnails with quantities
• Line item pricing
• Real-time subtotal, shipping, tax, and grand total
• Coupon discount breakdown
• Dynamic tax rate label (e.g., "incl. 19% VAT")
• Optional promotional image or trust badge
• Sticky positioning on desktop

Developer-Friendly

• Debug Mode: Append ?ia24debug=1 to enable console logging
• Clean Architecture: PSR-4, dependency injection, service layer
• Extensible: Observer events and plugin hooks for customization
• Minimal Footprint: Single CSS file (~2,500 lines), single JS file (IIFE, no dependencies)
• PHP 8.1+ compatible with strict types
• Multi-Store & Multi-Currency ready
• i18n Ready: German and English included, easily extendable

Security

• CSRF token validation on all forms
• XSS prevention with HTML escaping
• No storage of sensitive payment data
• Customer session and quote integrity validation
• GDPR-compliant data handling

Requirements

• Magento 2.4.4 or higher (Open Source & Commerce)
• PHP 8.1 or higher
• Compatible with Hyvä, Luma, and Blank themes