A Shopify app with checkout UI extension and theme app extension that displays Buy Now Pay Later installment payment options at checkout. Supports multiple BNPL providers (Deema, Tabby, Tamara) with bilingual EN/AR interface and KWD currency.
Interactive preview of the installment payment widget as it appears in Shopify checkout:
Configurable per merchant via app metafields. Each provider has its own branding, colors, and logo:
React extension rendering after payment method list. SVG-based installment visualizations with pie-chart progress circles. Reactive to cart amount, currency, language, and selected payment method.
Liquid blocks and snippets for product page integration. Shows installment preview on PDP. Configurable min/max amount and default installments via theme settings.
Embedded Shopify admin interface for merchant configuration. OAuth authentication, Prisma session storage, webhook handlers. App metafields for provider config.
Real-time calculation based on cart total. Supports 2, 3, or 4 installments. Handles KWD 3-decimal precision (fils).
Full Arabic translation with Arabic numeral formatting (٠١٢٣). RTL-aware SVG layout. Language auto-detection from checkout.
Min/max amount validation (10-2000 KWD). Currency check (KWD only). Payment method gating (offsite only).
Custom SVG pie-chart icons for installment selection. Progress circle indicators for each payment in schedule. Dynamic colors per provider.
Auto-generated monthly schedule with dates. "Today" label for first payment. Proper month-end handling.
App metafields for provider selection, colors, logos, amounts. Switch between Deema, Tabby, Tamara, or custom without code changes.