Documentation eStore Flutter App For Woo Commerce

eStore - Flutter App for WooCommerce

Thank you for purchasing the code. If you have any questions that are beyond the scope of this help file, please feel free to message me via my user page contact form here. Thanks so much!

How to setup Andorid Studio

Head over to this link to get the Android Studio executable or zip file.
Click on the Download Android Studio Button.

Click on the “I have read and agree with the above terms and conditions” checkbox followed by the download button.

Click on the Save file button in the appeared prompt box and the file will start downloading.

After the downloading has finished, open the file from downloads and run it. It will prompt the following dialog box.

Click on next. In the next prompt, it’ll ask for a path for installation. Choose a path and hit next.

It will start the installation, and once it is completed, it will be like the image shown below.

Click on next.

Once “Finish” is clicked, it will ask whether the previous settings need to be imported [if the android studio had been installed earlier], or not. It is better to choose the ‘Don’t import Settings option’.

Click the OK button.
This will start the Android Studio.

Meanwhile, it will be finding the available SDK components.

After it has found the SDK components, it will redirect to the Welcome dialog box.

Click on Next.

Choose Standard and click on Next. Now choose the theme, whether the Light theme or the Dark one. The light one is called the IntelliJ theme whereas the dark theme is called Dracula. Choose as required.

Click on the Next button.

Now it is time to download the SDK components.

Click on Finish. Components begin to download let it complete.

The Android Studio has been successfully configured. Now it’s time to launch and build apps. Click on the Finish button to launch it.

Click on Start a new Android Studio project to build a new app.

To run your first android app in Android Studio you may refer to Running your first Android app.

How to setup Flutter

If you want to install Estore application so first of fall you have required flutter version 3.13.4
Please prefer video tutorials how to install Flutter

For Flutter Installation, first you need to go to your C// drive and create a folder called ,“src”

After creating a folder, just go into that folder and run the below command from Git Bash here.

It will download the flutter repository from Github. And After the installation you will need to go to the flutter folder inside the src folder, and run flutter console you will see like below screenshot:

After that you will need to write a flutter command in that console to Install the flutter SDK:

flutter doctor

Now you run for the first time it will take a couple of minutes to install. After successfully installation just run

flutter — version

You will see the version:

Install Flutter Plugin to Android Studio

After successful installation of flutter, now we need to install a flutter plugin in Android studio for that you need to go to Settings->Plugins-> Search Flutter and install the plugin and restart Android Studio, like the below screenshot.

Now you will create a flutter project in Android Studio like the below screenshot.

How to first run project

Go to file > open > then choose your downloaded project location then your project will open.and if you see upar right part 'enable dart support' then click that and go to pubspec.yaml file and in uper right part click pub get or package get and then press run button.

If your are getting error then you can perform below hack
if in your system firewall is on, then you can temporary disable firewall and then try to run project
if your flutter channel is not stable then you need to change it to stable. you can check your flutter channel by terminal.
go to android studio in bottom line click on terminal, in terminal write flutter channel.as shown below.

if your are not in stable then write flutter channel stable
go to Tools > Flutter > Flutter Clen.
go to file > invalidate cache/ restart

How to Change app logo

For Android, open android > app > src > main > res > mipmap add here your logo according to device screen size

For iOS, open ios > Runner > Assets.xcassets > AppIcon.appiconset here you need to put your logo according to diffrent size.

How to change AppName

For Android, to change label that is shown below android app icon, open android > app > src > main > open mainfest.xml and inside that label change that string as shown in below fig.

For iOS, to change label that is shown below ios app icon, open ios > Runner > Info.plist inside that CFBundleName change that string as shown in below fig.

How to change App Version

go to pubspec.yaml
EX.Update version:A.B.C+X in pubspec.yaml.
For Android: A.B.C represents the versionName such as 1.0.0. X (the number after the +) represents the versionCode such as 1, 2, 3, etc.
Do not forget to execute flutter packages get, flutter build or flutter run after this step

For iOS
A.B.C represents the CFBundleShortVersionString such as 1.0.0. X (the number after the +) represents the CFBundleVersion such as 1, 2, 3, etc.
Do not forget to execute flutter packages get, flutter build or flutter run after this step

How to Change app color

To change app color, your need to add your color code in lib > utils > colors.dart

How to Change Base url

Go to lib > data_provider > api_constants.dart here you have to change your API Base url.

How to change package name

for android\app\src\build.gradle

in build.gradle package name com.estore.demo if there is search in android folder you can replace in your package name.

For ios you have to firstly go to the ios folder and after that you can get the Runner folder in the info.plist file in you can change the package name.

How to Change Images in app

Go to images > here you have icon and images folder. you can change your image to exist image with same name.

How to generate release apks

In you android studio, click on build > flutter > Build Apk you can genrate Apk.

Steps to Publish iOS App to App Store

Open your Project's Runner.xcworkspace file in Xcode, and Add your Team [Your Apple Developer ID] and also Insert GoogleService-Info.plist file [Downloaded From Firebase Project] inside folder named Runner.

and then Select Any iOS Device (armv7,arm64) as shown in image below.

After that Select Archive From Product Menu of Xcode as shown below.

Once Build / Archive Generated, pop up window will be shown. Validate app First, and After Successfull Validation of App, You Can Distribute App to AppStore.

How to Change Api Parameter

You can change or add api parameter from lib > data_provider > api_constants.dart here all list of api and api paramater is listed that is used in app.

How to Change language String value

Go to assets > resources > go to your language code.here you can change any string as you want

How to Change Privacy Policy & Terms and Condition & About Us

If you want to Change the Privacy Policy & Terms and Condition & About Us in App.

Go in the project > lib > utils > string.dart here you can change.

How to Add language

To Add New Languge

If you want to Add new language then copy one json file from resources folder and add it to resources folder then rename it to language code - country code of your new language

now open that json file and change value of string to your language string. remember here you need to add all string in file if any one string is missing in any file then when you change that language then it will give you error. so add all string in all json file.

Go to lib > main.dart > add to new langauge.

.if you change languge code (LANGAUGE_CODE1) and country code (COUNTRY_CODE1) please follow tha next step

How to Change App font

Go to Assets > font folder .here you have to copy your font.now go to pubspec.yaml in font section change your font name as shown in below image.

How to remove dark theme

Go to lib > screen > profile > profile.dart > you can remove dark theme

Go to lib > main.dart > you can remove dark theme

How to add slider

Click on the app slider and if you want to create new slider click add new post option

Click on the app section and you have need new section so click add new post

How to setup jwt authentication Plugin

first You click add new plugin
you search jwt authentication Plugin
Click on Install and after active plugin

Go to the wordpress and in sidebar Plugins > Add New Plugin click on after you can search plugins as you want search & install

After that File Manager open Go to Folder name > wp-config.php file download.

Downloaded the file and Put on the code wp-config file ('JWT_AUTH_SECRET_KEY', 'your-top-secret-key');

Put on tha code htaccess file RewriteCond %{HTTP:Authorization} ^(.*) RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]

How to setup cocart plugin

first You click add new plugin
you search cocart Plugin
Click on Install and after active plugin

How to setup features Product

first step You click product menu
Second step all tha sub menu open after click all product

You have to click on the star icon of any product you want to feature.

How to setup eStore plugin

Click on Upload Plugin button found on top left corner of page.
Select the .zip file of estore plugin
Click install button

If you want to changes in application you can use estore setting.
Suppose You want to put the application into maintenance mode.
You do click checkbox and after click submit button Your application going maintenance mode.

Support

If you face any kind of issue then you can reach us via whatsapp Click Here.
Best of luck for your project.

To help our customers, we constantly be in touch with every customer if they need any assistance regarding our product. We offer our customers a support from Mon – Fri 10.00 am to 6.00 pm IST (GMT +5.30) – We are a Team located in India – Asia.

Rating

If you like our app, we will highly appreciate if you can provide us a rating of 5. You can rate us from your CodeCanyon Menu > Download page.