> For the complete documentation index, see [llms.txt](https://tradebakerz.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tradebakerz.gitbook.io/docs/customizations.md).

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

```
const Constants = {
    url: {
        baseURL:'https://appbakerz.com/internal/reactcommerce'
    },
    Keys: {
        ConsumeKey: 'ck_f3a2b3e6c809b28191a0353630e47d10d88a05a1',
        ConsumerSecret: 'cs_52c136bda78ca55619a1b8c950855a93654f9087'
    }
};
```

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. Login to your WooCommerce admin dashboard.
2. Go to ***Dashboard -> WooCommerce -> Settings -> Advanced -> REST API***
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

### How to change App Logo

 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](https://3896542864-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPQ1wuaUTYvgAHxaG5o%2F-LPQ8dBO5gmmyxBAUjAf%2F-LPQFuL9ws6T50wzEKte%2FTradeBakerZlogo.PNG?alt=media\&token=704ac3f6-ab9a-4448-819d-5296d2168219)

### 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](https://3896542864-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPQ1wuaUTYvgAHxaG5o%2F-LPQ8dBO5gmmyxBAUjAf%2F-LPQbGpp5kCqC5tTtA6J%2FAndroidSplashAndIcon.PNG?alt=media\&token=331d7866-2a33-4609-9ff0-cfe6f7ded9af)

\
Make sure to replace files in al of the resolution folders.

### Change App Icon and Splash Screen for iOS

![iOS\_Icon\_TradeBakerZ](https://3896542864-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LPQ1wuaUTYvgAHxaG5o%2F-LPUWb4i8-7vCXM77-81%2F-LPU_IB6GLlPzZQ9bY3-%2FiOSIcon.PNG?alt=media\&token=22a936f3-1559-45de-90a1-ad198ba91011)

Similarly replace all existing icon and Splash screen files for iOS\ <br>

<br>