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

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

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


  5. Flutter UI Component

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


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

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


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

  9. Flutter UI Component

    Click on next.


    Flutter UI Component

  10. 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’.
  11. Flutter UI Component

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

  14. Flutter UI Component


    Meanwhile, it will be finding the available SDK components.

    Flutter UI Component

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

  16. Flutter UI Component

  17. Click on Next.

  18. Flutter UI Component

    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.




  19. Click on the Next button.

  20. Now it is time to download the SDK components.



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



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


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



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


How to setup Flutter

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

  2. Flutter UI Component

    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:

    Flutter UI Component

    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:


    Flutter UI Component

    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.

    Flutter UI Component

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

    Flutter UI Component




How to first run project

  1. 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.

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

  5. eshop

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

How to change AppName

    estore

  1. 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.
  2. estore

  3. 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.
  4. estore

How to change App Version

  1. go to pubspec.yaml
  2. EX.Update version:A.B.C+X in pubspec.yaml.
  3. 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.
  4. Do not forget to execute flutter packages get, flutter build or flutter run after this step
  5. estor
  6. For iOS
  7. 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.
  8. Do not forget to execute flutter packages get, flutter build or flutter run after this step


How to Change app color

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

  2. estor


How to Change Base url

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

How to change package name

  1. for android\app\src\build.gradle

  2. eStore

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


  3. 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.

  4. eStore


How to Change Images in app

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

  2. eShop

How to generate release apks

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

    • eShop

Steps to Publish iOS App to App Store

  1. 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.

  2. eShop

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

  4. eShop

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

  6. eShop

  7. 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.
  8. eShop


How to Change Api Parameter

  1. 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.

  2. estor

How to Change language String value

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

  2. estor

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.

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

  2. estor

How to Add language

  1. To Add New Languge
  2. 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.


    estor
  3. Go to lib > main.dart > add to new langauge.
  4. estor

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


How to Change App font

  1. 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.

  2. eShop


How to remove dark theme

  1. Go to lib > screen > profile > profile.dart > you can remove dark theme
  2. estor
  3. Go to lib > main.dart > you can remove dark theme

How to add slider

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

  2. estor

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

  4. estor

How to setup jwt authentication Plugin

  1. first You click add new plugin
  2. you search jwt authentication Plugin
  3. Click on Install and after active plugin
  4. estore
  5. Go to the wordpress and in sidebar Plugins > Add New Plugin click on after you can search plugins as you want search & install
  6. estore

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

  9. Downloaded the file and Put on the code wp-config file ('JWT_AUTH_SECRET_KEY', 'your-top-secret-key');
  10. estore
  11. Put on tha code htaccess file RewriteCond %{HTTP:Authorization} ^(.*) RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1]
  12. estore

How to setup cocart plugin

  1. first You click add new plugin
  2. you search cocart Plugin
  3. Click on Install and after active plugin
  4. estore

How to setup features Product

  1. first step You click product menu
  2. Second step all tha sub menu open after click all product
  3. estore
  4. You have to click on the star icon of any product you want to feature.
  5. estore

How to setup eStore plugin

  1. Click on Upload Plugin button found on top left corner of page.
  2. Select the .zip file of estore plugin
  3. Click install button
  4. If you want to changes in application you can use estore setting.
  5. Suppose You want to put the application into maintenance mode.
  6. 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.