# App- Footer

# 1. Overview

The **App Footer** section is used to configure footer menu items displayed in the VirtuApp application. It allows administrators to add footer items by selecting a type, specifying a title, choosing an icon, and selecting an icon image.

The section also provides a Style option to customize the appearance of the application footer.

## 2. Navigation Path

**Navigation Path:** VirtuBox → Settings → VirtuApp → App Footer

## 3. App Footer Page

The App Footer page contains three main sections:

1. Footer
2. Add New Item
3. Settings

### 3.1 Footer

The **Footer** section displays the configured footer menu items.

Administrators can use this section to manage the footer navigation items configured for the application.

## 4. Add New Item

The **Add New Item** section allows administrators to create a new footer menu item.

### 4.1 Available Fields

| Field | Description |
|---|---|
| Type | Allows users to select the type of footer menu item. |
| Title | Specifies the title of the footer menu item. |
| Icon | Allows users to select an icon using the Icon Picker. |
| Icon Image | Allows users to select an image to represent the footer menu item. |
| Save | Saves the configured footer menu item. |

## 5. Footer Menu Item Types

The Type dropdown provides the following options:

- Back
- Search
- Addresses
- Bookmark
- Broadcasts
- Cart
- Form
- Hamburger
- Home
- Listing
- Map-points
- Map-track
- Maps
- Order-history
- Page
- Page-share
- Profile
- Settings
- Share
- Workflow

The selected type determines the functionality associated with the footer menu item.

## 6. How to Add a Footer Menu Item

Follow these steps to create a new footer menu item:

1. Navigate to **VirtuApp → App Footer**.
2. Locate the **Add New Item** section.
3. Select the required option from the **Type** dropdown.
4. Enter the required name in the **Title** field.
5. Click **Icon Picker** to select an appropriate icon.
6. Select the required image from the **Icon Image** dropdown, if applicable.
7. Review the configured details.
8. Click **Save**.
9. Verify that the footer menu item appears in the Footer section.

## 7. Icon Picker

The **Icon Picker** allows administrators to select an icon for a footer menu item.

### How to Select an Icon

1. Click **Icon Picker**.
2. Select the required icon from the available options.
3. Confirm the selection.
4. Save the footer menu item.

## 8. Icon Image

The **Icon Image** field allows administrators to select an image to represent a footer menu item.

### How to Configure an Icon Image

1. Open the **Icon Image** dropdown.
2. Select the required image from the available options.
3. Save the footer menu item.

## 9. Settings

The **Settings** section provides access to the footer appearance configuration.

### Available Option

| Option | Description |
|---|---|
| Style | Opens the style configuration interface for customizing the footer appearance. |

### How to Configure Footer Style

1. Navigate to **VirtuApp → App Footer**.
2. Locate the **Settings** section.
3. Click **Style**.
4. Configure the available style settings as required.
5. Save the changes if a save option is provided.

## 10. Important Notes

- Select the appropriate footer menu item type before saving.
- Use a meaningful title for each footer menu item.
- Choose suitable icons to make footer navigation easy to understand.
- Available icon images depend on the assets configured in the application.
- Verify that the footer menu item is saved and displayed correctly.
- The functionality of a footer item depends on its selected type and configuration.

## 11. Key Benefits

- Allows administrators to configure footer navigation items.
- Supports multiple footer menu item types.
- Provides icon selection and icon image configuration.
- Supports footer appearance customization through the Style option.
- Helps provide consistent navigation within the VirtuApp application.

## 12. Conclusion

The **VirtuApp App Footer** section allows administrators to configure footer menu items, select their functionality, assign icons, and customize the footer appearance. Proper configuration helps create a consistent and user-friendly application navigation experience.