# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://mobiledocs.themeparrot.com/woocommerce-mobile-app/bookstore/dynamic-ui-changes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.