TradeBakerZ
Search…
Customizations
Guideline to customize Configuration, Icons, and Splash Screens for iOS and Android.

App Customization

As you have installed all dependencies of the app, its time to customize and modify it.
For customization, open following folder
TradeBakerz -> WooCommerce

Configuration File

In config.js you can define BaseUrl, Consumer Key and Consumer Secret.
1
const Constants = {
2
url: {
3
baseURL:'https://appbakerz.com/internal/reactcommerce'
4
},
5
Keys: {
6
ConsumeKey: 'ck_f3a2b3e6c809b28191a0353630e47d10d88a05a1',
7
ConsumerSecret: 'cs_52c136bda78ca55619a1b8c950855a93654f9087'
8
}
9
};
Copied!
Add your Website URL in the baseURL
For ConsumerKey and ConsumerSecret You can generate keys from admin dashboard of your WooCommerce website. To do so follow these steps:
  1. 1.
    Login to your WooCommerce admin dashboard.
  2. 2.
    Go to Dashboard -> WooCommerce -> Settings -> Advanced -> REST API
  3. 3.
    Click "Add key" and make permissions Read and Write.
Then the site will generate all api details that can be used in TradeBakerZ App Template.

Change Logo, Icon and Splash Screen

To change the app logo that appears in the top of the app, you need to replace logo.png in TradeBakerZ -> assets -> images with your logo:
TradeBakerZ_LogoChangeGuideline

Change App Icon and Splash Screen in Android

Open TradeBakerZ -> android -> app -> src -> main - res and replace the above png files.
Android_Splash_and_Icon
Make sure to replace files in al of the resolution folders.

Change App Icon and Splash Screen for iOS

iOS_Icon_TradeBakerZ
Similarly replace all existing icon and Splash screen files for iOS