IbnKhafagah for Development SINCE 2018
E‑Commerce

4S Store — E‑Commerce

A complete online store with a bilingual admin panel: a catalogue with per-product extras and options, cart, checkout and invoicing, returns, and payment gateways that are switched on from the panel rather than in code.

  • Delivered 2026
  • Our role Store, admin panel and customer-facing build

Overview

Complete storefront: products with options and add‑ons, cart and wishlist, coupons and offers, payment gateways and transactions, returns, reviews and automatic invoices.

01The challenge

The store sells products with options and optional extras that change the final price, which a plain "product has a price" model does not handle. The owners also want to switch payment gateway, currency and content themselves rather than raising a development ticket each time.

The store is bilingual too, so the content — not just the interface — has to exist in two languages.

02What we built

Products carry independent extras and options, each priced separately and summed at add-to-cart, so the final price is computed from its parts rather than written up front.

Payment gateways became database rows with their keys and an enabled flag, so adding or disabling one is an admin decision rather than a deployment — each with its own transaction log.

Content is translated at field level via spatie/laravel-translatable, URLs are generated as slugs from the title, and the sitemap is produced automatically. We also added an explicit returns path so a refund is not processed as a cancelled order.

03The outcome

The owner runs catalogue, pricing, gateways and bilingual content from one place, and returns became a documented path with its own status instead of a manual edit on the order.

What the system does

The modules that were delivered and put into daily use.

  • 01

    A catalogue with categories, brands and multiple images, plus priced extras and options per product.

  • 02

    Cart, checkout and invoicing, coupons tied to specific products, wishlists and reviews.

  • 03

    Panel-managed payment gateways with their keys and enabled state, and a transaction log per payment.

  • 04

    An independent returns path with its own statuses, separate from order cancellation.

  • 05

    Field-level bilingual content, slug URLs and an automatic sitemap.

  • 06

    A separate customer account area, newsletter subscriptions, and terms, privacy and FAQ pages.

  • 07

    Multi-currency, searchable and sortable DataTables, and sanitised rich-text input.

Technologies used

What this system is actually built on — not a generic list.

Core

Laravel 12 PHP 8.2 MySQL Blade

Content

Spatie Translatable Spatie Sluggable mcamara/laravel-localization Purifier

Operations

Sanctum Yajra DataTables