> For the complete documentation index, see [llms.txt](https://mobiledocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mobiledocs.themeparrot.com/woocommerce-mobile-app/bookstore/dynamic-ui-changes.md).

# Dynamic UI changes

#### Enable the Remote config

* Firebase Remote Config is the easiest way to customize your mobile app once you release it to play and app stores. In general, you need to update the app if you have any changes.
* These updates need to be pushed to the stores after proper testing and approvals though it might be a small change but to make it live needs a lot of time.
* And also all the users may not update the app once you release it so this process may further get delayed.
* To avoid all these situations we make use of a remote config option available with [Firebase](https://firebase.google.com/products/remote-config). Which will make it easier to deal with content changes within the app.
* First, we need to enable the remote config feature in the firebase console 
* Open the Firebase console & select your project under the engage section to select the remote config 

![](/files/feFbuX4GMzcAPVj6NE7Z)

* After clicking the create configuration here we need to create our parameters.

![](/files/YzAPwm6sT4JXhCfIxPXD)

#### Change the Banner

![](/files/4HvrLlTCrW7dY3ajSCGg)

* To update the banner in the mobile app, first, you should upload your banner images to your website and copy the link to the images
* Then you need to create the parameters in the remote config for banners
* In our app currently, we have 3 banners that banners parameter names are **slider1\_img, slider2\_img, slider3\_img** 
* Also here we need to create the **banner id parameter** in the remote config for navigation, our slider parameter names are followed by **slider1\_id, slider2\_id, slider3\_id**

![](/files/W3Jdljc4Ipu3gQ2lBBMh)

* After create the parameter you need to publish the parameter in Remote config

![](/files/hI9vDbvizTaQ0r7fa3wj)

![](/files/yWe6cpniyRXiuayiQinb)

* After sucessfully publish the changes we can easily access the banner images in our app.

![](/files/2LS2On6tKMOs1NhNHd67)

#### Change the category image 

![](/files/OiA45Ou6wUvZ0zFcWDZq)

* To update the category images in the mobile app, first, you should upload your category images to your website and copy the link to the images
* Then you need to create the **parameters** in the remote config for **category images & category image Id**
* In our app currently, we have 4 category that parameter names are **category1\_img, category2\_img,category3\_img,category4\_img**
* Also here we need to create the **category image id parameter** in the remote config , our category image id parameter names are followed by **category1\_id, category2\_id, category3\_id,category4\_id**
* After create the parameter you need to **publish** the parameter in Remote config

**Change the product category** 

![Product category section](/files/7xieBWe4ikDQ2YU0IXmP)

* To update the product category section you need to create the following **parameters** in the remote config for **Product** **category name , Product category Id & Category may like id**
* In our app currently, we have 3 product category section that parameter names are **category\_name1, category\_name2,category\_name3**
* Also here we need to create the **Product category image id parameter** in the remote config , our Product category image id parameter names are followed by **category\_id1, category\_id2, category\_id3**
* Also here we need to create the **Product may like id parameter** in the remote config , that parameter names are followed by **category\_like1, category\_like2, category\_like3**
* After create the parameter you need to **publish** the parameter in Remote config