Introduction to Mighty Store


MightyStore is a nicely designed and developed mobile application UI. When it comes to building an online store, MightyStore template is your best approach to launching it because of its ease and simplicity. It is a minimal eCommerce app template. There is way more to MightyStore than just the simplicity. It is designed to makes sure buyers undergo a distraction-free shopping experience no matter the device. Displaying items on the web has never been more attention-grabbing.

MightyStore is responsive and stacked with an assortment of handy and powerful features. Check out its beauty in action and then you know how to turn your online store into a successful business.

Prerequisite

Android Studio: Android Studio Giraffe | 2022.3.1 Patch 1

Flutter: 3.13.x


Introduction to Flutter


Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. It is very easy to learn and currently it is getting more and more popular. With this blog post, you will learn some basic stuff about Flutter and after reading it, you will be able to create a simple application using this technology.

Click here to check out more details about flutter.

Tools & Setup


Prerequisite

Android Studio – Windows​


Step 1 : Get the Flutter SDK

1 Download the following installation bundle to get the latest stable release of the Flutter SDK:

2 Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges).

Step 2 : Update your path

If you wish to run Flutter commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable: From the Start search bar, enter ‘env’ and select Edit environment variables for your account. Under User variables check if there is an entry called Path:

  • Info
  • Note that you have to close and reopen any existing console windows for these changes to take effect.
You are now ready to run Flutter commands in the Flutter Console!

Step 3 : Run flutter doctor

From a console window that has the Flutter directory in the path (see above), run the following command to see if there are any platform dependencies you need to complete the setup:

c:\src\flutter>flutter doctor

If you find any issue during environment setup, please go online Click here

Android Studio – macOS​



Step 1 : Get the Flutter SDK


Step 2 : Update your path

  • Warning
  • Path variable needs to be updated to access “flutter” command from terminal. you can just update path variable for current terminal window only. and if you want to access flutter commands from anywhere in terminal, we need to update SDK path permanently.

To update PATH variable, we need to open terminal.

To update PATH variable for current terminal window only, then enter this command "export PATH="$PATH:`pwd`/flutter/bin"" and hit enter key.

To update PATH variable permanently, then Open or create .bash_profile file. to open or create that file, then enter "sudo open -e $HOME/.bash_profile" and hit enter key.

Append below line to bash_profile file at bottom of all other content. "export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"" as [PATH_TO_FLUTTER_GIT_DIRECTORY] is actual path of SDK folder.

Run this command on terminal "source $HOME/.bash_profile" to refresh PATH variables.

Then check whether our SDK is successfully installed or not.

You are now ready to run Flutter commands in the Flutter Console!

Run "flutter doctor" into terminal, If you are getting check list of flutter sdk requirements, it means SDK is successfully installed on your machine. and you can start building flutter apps on your machine.

If you find any issue during environment setup in macos, please go online Click here

Android Studio – Linux​​


Step 1 : Get the Flutter SDK

Step 2 : Update your path

  • Warning
  • Path variable needs to be updated to access “flutter” command from terminal. you can just update path variable for current terminal window only. and if you want to access flutter commands from anywhere in terminal, we need to update SDK path permanently.

You’ll probably want to update this variable permanently, so you can run flutter commands in any terminal session. To update PATH variable, we need to open terminal.

export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

  1. Run source $HOME/. to refresh the current window, or open a new terminal window to automatically source the file.
  2. Verify that the flutter/bin directory is now in your PATH by running:

echo $PATH

Verify that the flutter command is available by running:

which flutter

You are now ready to run Flutter commands in the Flutter Console!

Getting Started (Build & Run)

Important

All below steps are must be followed to build and run application

Download Project

Download and find the your project folder, use your preferred IDE (Android Studio / Visual Studio Code / IntelliJ IDEA) to run the project.

logo

Get Dependencies

After you loaded project successfully, run the following command in the terminal to install all the dependencies listed in the pubspec.yaml file in the project's root directory or just click on Pub get in pubspec.yaml file if you don't want to use command.

 flutter pub get 

Important

All below steps are must be followed to build and run application

logo

Build and Run App

  1. Locate the main Android Studio toolbar.
  2. In the target selector, select an Android device for running the app. If none are listed as available, select Tools > Android > AVD Manager and create one there. For details, see Managing AVDs.
  3. Click the run icon in the toolbar, or invoke the menu item Run > Run.
logo

After the app build completes, you’ll see the app on your device.

If you don’t use Android Studio or IntelliJ you can use the command line to run your application using the following command

Important

Below step requires flutter path to be set in your Environment variables. See https://flutter.dev/docs/get-started/install/windows

flutter run

You will see below like screen after you have build your app successfully

logo

Try hot reload

Flutter offers a fast development cycle with Stateful Hot Reload, the ability to reload the code of a live running app without restarting or losing app state. Make a change to app source, tell your IDE or command-line tool that you want to hot reload, and see the change in your simulator, emulator, or device.

Important

Do not stop your app. let your app run.

Configuration & Customization

Android Configuration

  • Important
  • Don't open/change android code inside flutter because flutter doesn't compile android files.
  • If you want add/change android code, click on
    Tools->Flutter->Open Android module in Android Studio Or File->Open ->open android module inside your project
  • Important
  • Don't change package name inside android/app/src/main/AndroidManifest.xml file

Setup Firebase

Setup AdMob

Open Android module in Android Studio

Change Application Name

Change Application Icon

  • Warning
  • Application icon name must be ic_launcher

Change Application ID

iOS Configuration


Open Project in Android Studio

Open Project in Xcode

Change Bundle Name

logo

Change Bundle Identifier.

Bundle Id is a unique Identifier of your of app on iOS and MacOS. iOS and MacOS use it to recognise updates to your app. The identifier must be unique for your app.

logo

Change App Icons


Change Admob App Id

                    
    <key>GADApplicationIdentifier</key>
        <string>Add your Admob appId</string>
    
    

Google SignIn:-

Open Xcode and then open GoogleService-Info.plist file.

logo

Open Xcode and then open Info.plist file.

logo
                
<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleTypeRole</key>
        <string>Editor</string>
        <key>CFBundleURLSchemes</key>
        <array>
            < TODO Replace this value:>
            < Copied from GoogleService-Info.plist key REVERSED_CLIENT_ID>
            <string>"Enter your REVERSED_CLIENT_ID"</string>
        </array>
    </dict>
</array>

Open Xcode and then open Info.plist file and Change Permission App name.

logo

Apple SignIn:-

In iOS Integration

logo

Flutter Configuration

Manually Change App Colors

In main directory goto the assets folder and open builder.json file and change color code.

"appsetup": { 
"primaryColor": "#4358DD", 
"secondaryColor": "#2635DF", 
"backgroundColor": "#FCFDFD", 
"textPrimaryColor": "#212121", 
"textSecondaryColor": "#757575", 
    }
Manually Change Server URL

In the main directory go to the assets folder and open the builder.json file and change your Base URL.

"appsetup": 
{
    "appUrl": "YOUR SERVER URL"
},
Manually Change App Key

In the main directory go to the assets folder and open the builder.json file and change your consumerKey & consumerSecret.

"appsetup": { 
"consumerKey": "YOUR CONSUMER KEY", 
"consumerSecret": "YOUR CONSUMER SECRET", 
    },
Change Admob App ID

Open the android project and open AndoridManifest.xml file. and change your App Id.

In iOS open iOS project and open info.plist and change Admob App Id.

open utils folder and open file and banner id and interstital id.


const bannerAdIdForAndroid = "YOUR BANNER AD ID FOR ANDROID"; 
const bannerAdIdForIos = "YOUR BANNER AD ID FOR iOS"; 
const InterstitialAdIdForAndroid = "YOUR INTERSTITIAL AD ID FOR ANDROID"; 
const interstitialAdIdForIos = "YOUR INTERSTITIAL AD ID FOR iOS"; 
 
Enable and Disable Admob Ads

In Main directory goto the utils folder and open constants.dart file and change your isAdsLoading value. if isAdsLoading value true then ads show otherwise can’t show ads.

const isAdsLoading = true;

Enable and Disable Social Login

In Main directory goto the utils folder and open constants.dart file and change your enableSocialSign value. if value true then social login show otherwise can’t show login.

const enableSocialSign = true;

Add new Language to Flutter App
How to generate json file from builder

Goto https://meetmighty.com/storebuilder/#/ and configure your changes which you want and download json file.

logo
How to import JSON file to app

In the main directory go to the assets folder and change the builder.json file which is downloaded from the https://meetmighty.com/storebuilder/#/

Note:- The file name must be builder.json

logo

Firebase Configuration


Create a Firebase project

Before you can add Firebase to your Flutter app, you need to create a Firebase project to connect to your app. Visit Understand Firebase Projects to learn more about Firebase projects.


  • Warning
  • If you're releasing your Flutter app on both iOS and Android, register both the iOS and Android versions of your app with the same Firebase project.

Visit for more information on how to setup for Android

Visit for more information on how to setup for iOS


Register your app with Firebase


Add a Firebase configuration file

Follow the instruction for enabling Firebase services in your Android app here


Enable the Google, Phone and Apple SignIn

logo

Enable Halloween dashboard

logo

Note: If you don't want Halloween dashboard then you have to select default value false

WordPress Setup

General Information

Thank you for choosing our plugin. We hope you enjoy building your project with us. It is a powerhouse of great features and powerful functionalities that would take months to develop.

Help and Support

The expert team at Meet mighty is always happy to help you with any questions or concerns you encounter. If you need any support with the item, please contact us through our email and support portal.

Support email:- [email protected]

Support portal:- https://support.meetmighty.com/

Plugin Installation

1. WordPress Information

For WordPress Installation you can check the Famous 5-Minutes Install here:

Support System: https://wordpress.org/support/article/how-to-install-wordpress

To use Plugin, you must be running WordPress 5.0.0 or higher, PHP 7.3 or higher, MySQL 5.6 or higher

2. Recommended PHP Configuration Limits

White screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_input_vars = 3000
  • memory_limit = 128M
  • max_execution_time = 300
  • max_input_time = 300
  • upload_max_filesize = 64M
  • post_max_size = 64M

3. Enable JWT Authentication

WordPress JSON Web Token Authentication allows you to do REST API authentication via token. It is a simple, non-complex, and easy to use.This plugin probably is the most convenient way to do JWT Authentication in WordPress.

Enable PHP HTTP Authorization Header

Shared Hosts

Most shared hosts have disabled the HTTP Authorization Header by default.

To enable this option you’ll need to edit your .htaccess file by adding the following:


RewriteCond %{HTTP:Authorization} ^(.*)
RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]
                

To enable this option you’ll need to edit your .htaccess file by adding the following: (See Issues)


SetEnvIf Authorization "(.*)" HTTP_AUTHORIZATION=$1
                

4. How to install plugin

How to add a new plugin in WordPress

logo

Mighty Store With Dokan – Best WooCommerce Multivendor Marketplace Solution

If you want store with dokan then install and active mighty-store-api.zip file. You can locate the plugin zip folder in your package zip file

worpress_zip/mighty-store-api.zip

Mighty Store With WC Marketplace – Multivendor Marketplace Solution for WooCommerce

worpress_zip/mighty-store-wcmp-api.zip

Notes : You can install / active only one plugin from both of them.


logo
  • Permalink Setting

  • logo
  • Required Plugin With Dokan
  • 1. Make sure required plugin should be activated.

    logo
  • Required Plugin With WC Marketplace
  • 1. Make sure required plugin should be activated.

    logo
  • Install TeraWallet – For WooCommerce - Link
  • logo
  • TeraWallet – For WooCommerce Setup
  • logo
  • WC Marketplace Vendor - Profile upload and Store banner / logo
  • logo
    logo
  • Woocommerce Setup
  • 1. Auth key Generation.

    logo

    logo

    logo

    Installed Payment Gateways


    Currently, this app compitable with below payment gateways

    • Razorpay for WooCommerce
    • WooCommerce Stripe Gateway
    1. How to Enable Payment Gateway

    2. logo

    3. Razorpay Key

    4. logo

    5. Stripe Key

    6. logo

    Advanced Shipment Tracking for WooCommerce

    AST for WooCommerce lets you add tracking information to orders and provides your customers an easy way to track their orders.

    1. AST Setting - General Settings, Order Email Display, Tracking action, Tracking Display My Account and API Date Format

    2. advanced-shipment-1
    3. AST Shipping Providers - Active Providers, Browse Providers, Custom Providers
    4. Active Providers - List of selected active provider

      advanced-shipment-2

      Browse Providers - List of shipping providers,Select shipping provider

      advanced-shipment-3

      Custom Providers - Add custom provider

      advanced-shipment-4

      Follow this link for more details : https://wordpress.org/plugins/woo-advanced-shipment-tracking/#description

    Delivery & Pickup Date Time for WooCommerce

    1. Delivery & Pickup Date Time for WooCommerce
    2. It gives the facility of selecting delivery/pickup date and time at order checkout page. Follow this link for more details : https://wordpress.org/plugins/woo-delivery/#description

      woo-delivery-1

    Install WP Mail SMTP

    • 1. Install WP Mail SMTP

    • logo
    • 2. Email configuration

    • logo
    • 3. Email Test

    • logo

      Note:- If sent mail goes into the spam then change mailer and set email configuration as per mailer.Default mailer is php mailer.

    • 4. Example : Other SMTP Configuration

    • logo

      If you set gmail account as Other SMTP configuration then perform below steps:

      • Login to Gmail
      • Click to “Account”
      • “Less secure app access” (If it is “Off” then make it “On”)

      • logo

    Woocommerce Featured Video

    1. It allows you to add a video as WooCommerce featured item.

    2. woo-featured-video

      Add Video url in featured video.

    App Configuration - Global, Advertisement Images, Social Links, Notification, Sale Banner

    • 1. Select payment method
    • logo
    • 2. Add Advertisement Images for Banner

    • logo
    • 3. Social Link

    • logo
    • 4. Notification

    • logo
    • 5. Sale Banner

    • logo

    Payment Option

    Change Payment Method
    • WebView Payment: Support all payment gateway which is setup on wp-admin site
    • Native Payment: Support all payment gateway which is setup on wp-admin site

    If you want to change payment method like Native or WebView. Follow below steps

    • Go to -> App Option
    • Select Globle option
    • Select Payment method and click on submit button.
    logo
    Razorpay Payment gateway

    Razorpay is the only payments solution in India which allows businesses to accept, process and disburse payments with its product suite. It gives you access to all payment modes including credit card, debit card, netbanking, UPI and popular wallets including JioMoney, Mobikwik, Airtel Money, FreeCharge, Ola Money and PayZapp.

    Manage your marketplace, automate NEFT/RTGS/IMPS bank transfers, collect recurring payments, share invoices with customers - all from a single platform. Fast forward your business with Razorpay.

    Click here For more details about Razorpay payment gateway

    Change Razorpay Key

    Open lib/utils/constants.dart file and change the razorKey key.

    const razorKey="Add your Razorpay Key"
    Remove Razorpay Payment

    We are recommended you to follow only second step if you don't know about dependency and code

    If you want to remove Razorpay payment gateway option then follow below steps:

    Step 1- Goto pubspec.yaml and remove the 'razorpay_flutter: 1.2.3' from the file

    razorpay_flutter: 1.2.3

    Note:

    If you have remove dependency from pubspec.yaml then hit the pub get command. now, remove the code related to razorpay_flutter.

    Step 2 - Goto lib/screen/constants.dart file

    const IS_RAZORPAY = true;

    Change bool value of IS_RAZORPAY = false

    Stripe Payment gateway

    Stripe is the best software platform for running an internet business. We handle billions of dollars every year for forward-thinking businesses around the world.

    Change Stripe Payment Key

    Open lib/utils/constants.dart file and change the Stripe Payment Key key.

    const stripPaymentKey= "Add your Stripe Payment Key"
    Remove Stripe Payment Key

    Step 1 - Goto pubspec.yaml and remove the 'stripe_payment: 1.0.9' from the file

    stripe_payment: 1.0.9

    Note:

    If you have remove dependency from pubspec.yaml then hit the pub get command. now, remove the code related to stripe_payment.

    Step 2 - Goto lib/screen/constants.dart file

    const IS_STRIPE = true;

    Change bool value of IS_STRIPE= false

    PayStack Payment gateway
    Change payStack Payment Key

    Open lib/utils/constants.dart file and change the PayStack PublicKey key.

    const payStackPublicKey= "Add your PayStack Public Payment Key"
    Remove PayStack Payment Key

    Step 1 - Goto pubspec.yaml and remove the ' flutter_paystack: ^1.0.5+1' from the file

    flutter_paystack: ^1.0.5+1

    Note:

    If you have remove dependency from pubspec.yaml then hit the pub get command. now, remove the code related to payStack_payment.

    Step 2 - Goto lib/screen/constants.dart file

    const IS_PAY_STACK = true;

    Change bool value of IS_PAY_STACK=false

    FlutterWave Payment gateway
    Change FlutterWave Payment Key

    Open lib/utils/constants.dart file and change the flutter Wave PublicKey key,flutterWave SecretKey & flutterWaveEncryptionKey.

    const flutterWavePublicKey= "Add your PayStack Public Payment Key"
    const flutterWaveSecretKey="Add your flutterWave Secret Payment Key"
    const flutterWaveEncryptionKey="dd your flutterWave Encryption Payment Key";
    Remove FlutterWave Payment Key

    Step 1 - Goto pubspec.yaml and remove the 'flutterwave_standard: ^1.0.3' from the file

    flutterwave_standard: ^1.0.3

    Note:

    If you have remove dependency from pubspec.yaml then hit the pub get command. now, remove the code related to payStack_payment.

    Step 2 - Goto lib/screen/constants.dart file

    const IS_FLUTTER_WAVE = true;

    Change bool value of IS_FLUTTER_WAVE= false

    Testing Credentials
    Stripe Payment gateway

    Here we have provided some of testing credentials for app

    If you want to add your new payment gateway then buy our paid support for the same.

    Use Only in Test Mode: You can use these test cards to make payments in test mode only. Using these for live mode payments will throw card issuer is invalid or invalid card input error.

    Test Cards Details for stripe payment

    There are several test cards you can use in test mode to make sure this integration is ready. Use them with any CVC, postal code, and future expiration date.

    Number Description
    4242 4242 4242 4242 Succeeds and immediately processes the payment.
    4000 0025 0000 3155 Requires authentication. Stripe will trigger a modal asking for the customer to authenticate.
    4000 0000 0000 9995 Always fails with a decline code of insufficient_funds.

    Click here For more details about test cards details for razorpay payment.

    Click here For more details about test cards details for paysatck payment.

    Click here For more details about test cards details for flutterWave payment.

    Product Configuration

    How to add sale banner

    If you want to add sale banner then follow this steps

    • Open wp-admin
    • Select App Configuration from left side
    • Note : First select your timezone in wordpress setting : On the Settings > General page, find the section labeled Timezone
    • Click on Sale Banner & add Information
    • Click on submit button
    logo
    How to add advertisement banner

    If you want to add banner then follow this steps

    • Open wp-admin
    • Select App Configuration from left side
    • Click on Advertisement Images & add Information
    • Click on submit button
    logo
    How to add Product

    Select checkbox for adding product in You might like,Recommendation For you,Available Offer,Deal Of the day.

    logo

    Admin Configuration

    Change Server URL

    In the main directory go to the lib folder and utils folder and open the constants.dart file change your BaseUrl value.

    const BaseUrl = "ADD YOUR BASE URL"
    Change App Key

    In the main directory go to the lib folder and open the utils folder and open the constants.dart file change your ConsumerKey & ConsumerSecret. value.

    
    const ConsumerKey = "ADD YOUR COUSUMERKEY VALUE"
    const ConsumerSecret = "ADD YOUR COUSUMER SECRET"
        

    OneSignal Configuration

    Create a OneSignal Account

    One Signal is used for send the push notification into mobile or web. for more detail about OneSignal Documentation.

    if you have own OneSignal then login and create project. if you does not then register account and create project

    Follow below steps

    • Click in to New App/Website button.
    • Enter the App/website name in AppName Field.
    • Select one platform configure, for Example(iOS,Android,Web push).
    • After Select Any One platform to configure. we can get Firebase Server Key and Firebase Sender Id. If you can select iOS platform then you can required the production Push Certificate.(.p12 Certificate) and then get Firebase server Key. Then Click on Save Button.
    • After get Firebase Server key and Sender ID. Goto the firebase app and in left side you see Project overview and settings click on it and select Project Settings. and In Setting. select Cloud messaging. and Enter Server Key and Sender ID and at the end Click into Save Button.
    Configure OneSignal on App

    We have already added code for SDK and other configuration for oneSignal push notification. Then open Constant.dart file under lib/utils/ folder and change your ONESIGNAL_ID app ID.

    const ONESIGNAL_ID = 'fa9c7844-6454-4cf6-b2cc-0b921d85c947';

    For Android and iOS:-
    Follow instruction for OneSignal Configure Here.

    v1.0.0(15th Jan 2021)

    • Initial Release

    No matching client found for package name

    • The error is "package_name" in google-services.json is not matching with your "applicationId" in app gradle.
    • Just make sure the package_name and applicationId both are same.

    Flutter SDK Not Available

    Download the SDK and point the SDK folder path in your future projects.

    There are different sources you can try

    Authorization header not found

    Message: Authorization header not found

    Note: If you faced this error during development then this error due to header not set on your admin panel

    Solution: Just check Enable JWT Authentication section wordpress document to resolve this issue

    Expired token


    Message: Expired token

    This error occurs due to the Expired user token.
    Solution: Logout and re-login to your flutter app

    Unsupported gradle version 3.*.*


    Message: Unsupported gradle version 3.*.*

    Solution:

    1. Open project_root_directory/android in Android Studio

    2. Wait for indexing

    3. Now run your application from android module

    Frequently Asked Questions

    Dokan – Best WooCommerce Multivendor Marketplace Solution

    If your store is only for single vendor then you can deactivate Dokan plugin.

    • Open wp-admin
    • Click on Plugins from left side
    • Find the Dokan from active plugin list
    • Click on deactive button for deactive dokan plugin.
    logo

    Meet Mighty Help & Support

    We like to hear you out when you get stuck or encounter difficulty with our products. As soon as you buy one of our products – you can open a support ticket and share your concern right away. Submit support ticket:https://support.meetmighty.com/ Support Policy:


    Support Policy:

    It is recommended that before submitting a ticket you take a close look at product documentation (Docs folder in the archive you have downloaded from Themeforest/Codecanyon). To get technical support and assistance, you need to have a valid purchase code. You will find this when you SignIn your Codecanyon/Themeforest “Download” page. Click on the product’s download link.

    Please Note:

    Free support policy includes troubleshooting, technical assistance with the product only. It does not include any customization, additional features integration or concerns about third-party plugins compatibility. But, support is applied to plugin(s) we have developed and integrated ourselves. We appreciate your understanding!

    If you need assistance and information on purchased product that is not covered in documentation, post them on our support portal at https://support.meetmighty.com/ You can expect answer within 24-48 hours, usually as soon as possible in the order they were received.

    Additionally, if any support ticket has no response from the item owner for more than 7 days, that support ticket will be closed by default. However, if you need further assistance, you can create a new ticket.

    All support requests are being processed on business days (Monday to Saturday) from 9:00 to 18:00 (GMT +05.30). We are in GMT+5:30 time zone. We address all the support queries 6 days weekly on the first-come, first-solve basis (Sundays off).

    Do you have any pre-sales questions or concerns, please write to us via our website contact page or email us at [email protected]. We like getting positive feedback from our customers, and this is why we do our best to earn it! Write a review: https://codecanyon.net/downloads

    Project Structure & Features

    Mighty Store project structure and short description for each of them is as follow:
    • images: images/mightystore images as well as appIcon are stored here.
    • lib: Application main file and folder are located here.
      • screen: All screen are located here.
      • main: Application Configuration the 1st Screen of the app (i.e. SplashScreen) is been declared here.
      • utils: Basic ready made widgets are located here.
      • network: All API configurations are located here.
      • models: A base class that holds some data and allows other classes to listen to changes to that data.
      • Store: It is used for State management technique MOBX.
    • pubspec.yaml: Application name and other project dependencies can be found here.

    User App Feature
    • Simple, Grouped, Variation/Variable, External/Artifiate, Upsells Product
    • Google & Apple SignIn
    • OTP login
    • Dokan Multi vendor support
    • WCMp support
    • Shipping method
    • Multi product attributes
    • Upcoming sale information
    • Multi-language support
    • Special price offer
    • Woocommers backend
    • Webview/Native payment gateway
    • Dark/Light mode
    • GUI App builder
    • RTL language
    • Offline images caching
    • Shipment tracking
    • Delivery & Pickup date time
    • Featured product video
    • News/Blog
    • Google Analytics
    • OneSignal push notification
    • Admob integration
    • Search & filter functionality
    • Order Tracking
    • Enable/Disable push notification from mobile app
    • Guest User SignIn
    Admin App Feature
    • Add,update and delete the Product
    • Add,update and delete the Category and sub-category
    • Add,update and delete the Review
    • Add,update and delete the Product Attribute
    • Add,update and delete the User
    • Get order list and change order status
    • Get sale report
    • Top seller report

    Update the existing code with new release

    Special Notes

    As per envato policy installation, setup and configurations or modification are not included in free support. Free support is only for any bug/ error in original code. we do not provide installation and customization support in FREE SUPPORT.
    Still, We are providing steps for How to update future release code to existing source code for your knowledge purpose.

    PLEASE DO NOT CREATE TICKETS IF YOU FACE ANY ISSUE DURING UPDATE YOUR CODE. WE WILL NOT PROVIDE ANY SUPPORT ON THAT.
    How to update future release code to existing source code

    If you want which file changes are on the latest updated version then you have to maintain the git repository by yourself.

    For First time: Initial project downloaded from codecanyon server.

    Step 1: Create or login with gitlab

    Login or register your account with gitlab: https://gitlab.com/users/sign_in

    Step 2: Create a new project in GitLab
    • In your dashboard, click on the New project button or use the plus icon in the navigation bar. This opens the New project page.
    • On the New project page -> Create a blank project.

    • logo

      logo
    Step 3: Clone your project to your local system
    • 1. Once project is created on your gitlab server. You have to clone the project to your system. You can clone it with the command line.
    • 2. git clone “PATH”
    • 3. Copy your project url and clone into your exiting system

    • logo

      logo
    • 4. Once successfully clone then system will create a folder on your system

    • logo
    Step 4: Download project from codecanyon server Step 5: Copy/paste your initial downloaded project to clone directories.

    Once successfully downloaded the project from codecanyon, copy/paste your downloaded project into clone directories

    • Note
    • Only orignal source code is put here.
    logo
    Step 6: Commit and push to gitlab server

    Onces copy/paste your changes to clone directres, you have to push all files to your gitlab server. For that use the following commands.

    • 1. Goto inside your clone directory project
    • logo
    • 2. Add your all files with “git add .” command
    • 3. Now commit your changes with below command
    • 4. git commit -m ‘initial commit’
      • Note
      • Write your latest version message instead of “initial commit”.
      logo
    • 5. Push your changes to server with below command
    • “git push” And provide your gitlab credential details

      logo
    • 6. Check your all changes to gitlab server
    logo

    For Update existing code (If Already have old version of project)
    • Note
    • If you remove the project from the local system then clone the project again from your gitlab server. Follow the same above Step 3: Clone your project to your local system
    Step 1: Download the latest version from codecanyon server.

    Once you will received mail for updates. Just download latest code from codecanyon server.

    Step 2: Copy/paste your initial downloaded project to clone directories.

    Once successfully downloaded project from codecanyon, copy/paste your downloaded project into clone directories

    • Note
    • Only orignal source code is put here.
    Step 3: Commit and push to gitlab server

    Follow same Step 6: Commit and push to gitlab server

    Step 4: Check updated files

    After committing your latest changes. Goto the gitlab project dashboard and click on the commit link.

    logo

    Click on link which you have commit message on above steps 3

    logo

    Now check the all changed file.

    logo

    Click on “total changed file” to see which file has been changed

    logo

    Change Log

    Version 18.0 – 29 Sep 2023
    • Upgraded to the Latest Flutter 3.13.x SDK
    Version 17.0 – 30 Mar 2023
    • Upgrade all library in 3.x
    • Bug fixed
    Version 16.0 – 2 Nov 2022
    • Upgraded to the Latest Flutter 3.3.4 SDK
    • Dependency Upgraded
    • Delete Account
    • Bug fixed
    Version 15.0 – 17 Oct 2022
    • Fixed JWT Authentication for WP-API Plugin dependency
    • Note: Plugin Update Required - JWT Authentication for WP-API Plugin
    Version 14.0 - 06 Aug 2022
    • Upgraded to the Latest Flutter 3.x SDK
    • upgrade all library
    Version 13.0 - 19 Mar 2022
    • Upgraded to the Latest Flutter 2.10.3 SDK
    Version 12.0 - 08 Jan 2022
    • Upgraded to Latest Flutter 2.8
    • Added: Tera Wallet Payment
    • Performance Improvement
    Version 11.0 - 15 Dec 2021
    • Upgrade All Library
    • Added: Add Christmas Special Dashboard
    Version 10.0 - 14 Oct 2021
    • Added: Halloween Special Dashboard
    • Added: Enable/disable outstock product
    • Added: Order status notification
    • Bug fixed
    • Note: Plugin update required
    Version 9.0 - 20 Aug 2021
    • Fully migrated to Flutter 2.0 null safety
    • Added: Multiple Dashboard Layout
    • Added: Multiple Product Detail Layout
    • Bug fixes
    • Note: Plugin update required
    Version 8.0 - 10 May 2021
    • Added - WCMp Support
    • Bug fixed
    • Note: Plugin update required
    Version 7.0 - 28 Apr 2021
    • Added - Admin Panel App
    • Enable & Disable Doken
    • Handle Product Status (In Stock/Out of stock)
    • Bug fixed
    • Note: Plugin update required
    Version 6.0 - 20 Mar 2021
    • Added - Pagination added in the blog list
    • Added - Add variations in product detail
    • Bug fixed
    Version 5.0 - 10 Mar 2021
    • Half Migrated to Flutter 2.0
    • Added - Pagination in sub-category
    Version 4.0 - 23 Feb 2021
    • Added: Guest user sign in
    • Added: System Mode
    • Added: Display Html Description & short description
    • Added: Privacy policy & Terms and condition
    • Added: Enable / disable push notification
    • Added: Display parent category
    • Added: Auto slider in product detail
    • Added: New language support
    • Note: Plugin update required
    Version 3.0 - 11 Feb 2021
    • Bug fixed: Apple Sign In
    Version 2.0 - 4 Feb 2021
    • Registration Bug fixed
    Version 1.0 - 23 Jan 2021
    • Initial Release

    Change Log

    Version 5.0 – 29 Sep 2023
    • Upgraded to the Latest Flutter 3.13.x SDK
    Version 4.0 – 30 Mar 2023
    • Upgrade all library in 3.x
    Version 3.0 - 2 Nov 2022
    • Upgraded to the Latest Flutter 3.3.4 SDK
    • Dependency Upgraded
    • Bug fixed
    Version 2.3 - 06 Aug 2022
    • Upgraded to the Latest Flutter 3.x SDK
    • upgrade all library
    • Minore bug fix
    Version 2.2 - 19 Mar 2022
    • Upgraded to the Latest Flutter 2.10.3 SDK
    Version 2.1 - 29 june 2021
    • Fixed Translation issue
    Version 2.0 - 8 june 2021
    • Completely migrated to Flutter 2.0 Null Safety
    • Multi-Language support
    • Now allows vendors to login
    • Bug fixes
    • UI Changes
    • Plugin update required
    Version 1.0 - 28 Apr 2021
    • initial release

    Change Log

    Version 6.0 – 29 Sep 2023
    • Upgraded to the Latest Flutter 3.13.x SDK
    Version 5.0 – 30 Mar 2023
    • Upgrade all library in 3.x
    • Bug fixed
    Version 4.0 – 2 Nov 2022
    • Upgraded to the Latest Flutter 3.3.4 SDK
    • Dependency Upgraded
    • Delete Account
    • Bug fixed
    Version 3.0 - 06 Aug 2022
    • Upgraded to the Latest Flutter 3.x SDK
    • upgrade all library
    Version 2.0 - 19 Mar 2022
    • Upgraded to the Latest Flutter 2.10.3 SDK
    Version 1.0 - 15 Dec 2021
    • Initial Release

    Thank you for purchasing our application

    Thank you for purchasing our application! We're glad that you found what you were looking for. It is our goal that you are always happy with what you bought from us, so please let us know if your buying experience was anything short of excellent. We look forward to seeing you again.

    logo