Mora - Flutter WooCommerce App with 3D Preview

MORA is a Flutter shopping app template for WooCommerce stores that sell products customers want to see before they buy: furniture, lighting, decor, bags and accessories.

It connects to your existing WordPress and WooCommerce website through an included connector plugin, and adds interactive 3D product views with room preview on supported devices.

Checkout runs on your own WooCommerce payment page, so the payment gateways already configured on your website keep working. The app never collects card details.

A complete offline demo with sample products is included, so you can try every screen without a server.

What is included: full Flutter source code, the MORA Merchant Connector plugin for WordPress/WooCommerce, English HTML documentation, optional Firebase accounts and order notification packages, and a license inventory with third-party notices.

Important notes: Room preview requires a device and browser that support AR and is not available on every phone. Adding new 3D models requires basic development work, described in the documentation. The iOS build has not been tested by the author yet; Android is fully tested. Translations were prepared with machine translation and reviewed for structure; native review is recommended before a commercial launch. Sample 3D models and renders are original and included in the license.

Support is provided through Codester messages. Updates cover compatibility and bug fixes.

Features

WooCommerce connection through the included connector plugin (products, variations, stock, cart, accounts, order history)

Product catalogue with categories, search and filters

Product galleries with swipe, full-screen view and zoom

Interactive 3D product viewer (rotate, zoom, front/back view, reset)

Room preview on supported Android devices

9 original sample 3D models with matching product renders

Checkout through your own WooCommerce payment page; no card details in the app

Favourites, cart, save for later and order history

20 languages with right-to-left support for Arabic

Locale-aware price formatting and display currency conversion

Country-aware address fields from your WooCommerce settings

Full offline demo mode with simulated checkout

Branding guide: app name, application ID, icons, colours and policy links

Optional Firebase accounts and order notification packages

English HTML documentation for setup, store connection, branding, languages, 3D models and Google Play publishing

Requirements

Flutter 3.47 or later (validated with Flutter 3.47.1 / Dart 3.13.1)

Android Studio with Android SDK API 36; Android 7.0 (API 24) or later on devices

WordPress with WooCommerce 11.1 or later, PHP 8.1 or later and HTTPS for the connected store mode

Python 3 for the included setup and build helper tools

For iOS builds: a Mac with Xcode (iOS has not been tested by the author yet)

Room preview: a phone and browser that support AR

Instructions

1. Open documentation/index.html in any browser; it works offline and covers every step in detail.

2. Build and run the offline demo from source (see Quick start in the documentation). No store or server is needed.

3. Install Flutter and Android Studio, open outputs/storeloom and run flutter pub get.

4. Run the offline demo from source: flutter run --dart-define=STORELOOM_STANDALONE=true

5. To connect your store, upload the MORA Merchant Connector ZIP from the plugins folder to WordPress, activate it and enable the connector under WooCommerce > MORA Connector.

6. Create your store settings with tools/merchant_setup.py and build a connected test APK with tools/release_build.py.

7. Change the app name, application ID, icons, colours and policy links as described in the Branding section.

8. Create your own upload key, build the release AAB and publish it through your own Google Play Console account.