# Footer

## RemUI Footer

### 1. How to Use Footer Templates

RemUI now provides multiple pre-designed footer templates that you can select and customize for your Moodle site.

**To use a footer template:**

* Go to the RemUI theme customizer.
* Navigate to the **Footer** section.
* In the **Footer Template Selection** panel, you’ll see a list of available footer designs, each with a preview design.
* Click the **Edit** button below any template to start customizing it.
* After making changes, save and publish to apply the footer to your site.

**Example:**

> Select "Option-2," click "Edit" to open its settings, then click "Save" to apply your changes.

***

<figure><img src="/files/GLmdDWl6VughPtfBqjKy" alt=""><figcaption></figcaption></figure>

### 2. How Footer Settings Work

Footer settings are organised into panels and groups, each controlling a specific part of the footer.

* **Panels**: Each major area (basic, advanced, secondary, top area, background image) has its own panel.
* **Settings**: Each panel contains settings for colors, fonts, columns, social icons, logos, menus, and more.
* **Dynamic Display**: The available settings and their positions change depending on the selected template.

When you select a template, only the relevant settings for that template are shown. For example, Option-6 have a footer top area, Option-2 have more columns than the rest of the templates.

***

### 3. Different Settings for Each Template

Each footer template (`Default`, `Option-1`, `Option-2`, ..., `Option-6`) has a different set of settings.

**Examples:**

* **Default**: "There are no major changes in default footer template."

<figure><img src="/files/aUdLtbKLeGFqSB5KtDA9" alt=""><figcaption></figcaption></figure>

* **Option-1**: All settings are available, including a background image, customizable main and bottom areas, a logo in Widget Column 1 settings, and support for social media links and a newsletter subscription form in Widget 4.

<figure><img src="/files/zzJ1jbu6BIzHfehVVcKA" alt=""><figcaption></figcaption></figure>

* **Option-2**: Uses a 5-column layout with special settings for the fifth column, including a background image, customizable main and bottom areas, and a logo in the Widget Column 1 settings.

<figure><img src="/files/gnwb93SWU7aZEDbaTgfr" alt=""><figcaption></figcaption></figure>

* **Option-3**: All settings are available, including a background image, a logo and a newsletter subscription form in Widget Column 1 settings, as well as support for social media icons in the footer bottom area.

<figure><img src="/files/9kfLEpYgc29zxH4sxAZ4" alt=""><figcaption></figcaption></figure>

* **Option-4**: All settings are available, including a background image, a logo in Widget Column 1 settings, and support for social media icons in the footer bottom area.

<figure><img src="/files/pFTTHDksRyOAQuS728kt" alt=""><figcaption></figcaption></figure>

* **Option-5**: All settings are available, including a background image, a newsletter subscription form in Widget Column 1 settings, as well as support for social media icons in the footer bottom area.

<figure><img src="/files/12MdnOwlpWHWWXv5TAZj" alt=""><figcaption></figcaption></figure>

* **Option-6**: All settings are available, including a background image, a top area panel with a newsletter subscription form, as well as support for social media icons in the footer bottom area.

<figure><img src="/files/LcraGKuYTwEeQBiLBoCH" alt=""><figcaption></figcaption></figure>

**Notice:**

* **Default Footer Template** does not support a background image.
* **Only Default Footer Template and Option-6** support displaying "Privacy Policy" and "Terms and Conditions".
* **Only Default Footer Template** allows changing the content type (either Menu or Content). All other footer templates have a fixed content type that cannot be changed.
* **Only Default Footer Template** provides the option to adjust widgets.

***

### 4. Settings Position Varies by Template

* **Logo**: If the template supports a widget/logo area (usually in the first column), the logo setting appears in the widget column settings.
* **Social Icons**: If social icons are in the bottom area, their settings are in the footer bottom area panel. If they are in the widget, the setting is in that widget’s panel.
* **Email Subscribe**: The email subscribe box can appear in the top area (for option-6) or in a specific column, depending on the template.
* **Background Image**: The background image setting (Doesn't support for default footer template) is always in the "Footer Template Background Image" panel, but its effect may vary by template.

**Example:** If you select Footer Design 2, you’ll see a 5-column layout, and the logo setting will be in the first column’s settings. If you select Footer Design 6, you’ll see a top area panel with its own settings.

***

### 5. New Features

* **Widget Logo**: You can now add a custom logo to the first column of the footer (if supported by the template).

<figure><img src="/files/Z0JRJYAW2iYuv8BWqjJy" alt=""><figcaption></figcaption></figure>

* **Social Icons**: Social icons can be enabled to be display inside the widget or at the footer bottom area (Depends on footer template).
  * **Notice:** The old "Social Media Settings" panel has been deprecated.
  * The "Social media links" input field has been shifted into the footer template settings directly.
  * The "Social media links" selector has also been deprecated.
  * The **Google+ option** is deprecated and no longer available.
* **Email Subscribe Box**: Add an email subscribe box to the top area or any column (Depends on footer template).

<figure><img src="/files/3NjIkPc2g4YQSvjgfkdP" alt=""><figcaption></figcaption></figure>

* **Advanced Color and Font Controls**: Fine-tune colors and fonts for each area and column title.
* **Dynamic Settings Display**: Only relevant settings are shown for the selected template, making customization easier.
* **Download Footer Data**: When switching from one template to another and clicking 'Save', the user's previous data is deleted. To prevent data loss, we have added a download option that allows users to save their data. Currently, the data is saved in a JSON file format.

<figure><img src="/files/vCQtCMXWHPtHK4BZmpkS" alt=""><figcaption></figcaption></figure>

* **Background Image Controls**: Set position, repeat, size, and opacity for the footer background image.

<figure><img src="/files/ZE08Cj6jfCfNytXZAVsp" alt=""><figcaption></figcaption></figure>

***

### 6. Download Feature (Images Not Included)

When you click the **Download** button under a footer template, you can download the template’s configuration (settings and structure) as a file (JSON File Format).

**Important:**

* **Images (such as logos or background images) are NOT included in the download.**

**Example:**

> If you download a template with a custom logo and background image, the downloaded file will only contain references to those images, not the actual files.

***

### Example Workflow

1. Select "Footer Design 1" and click "Edit".
2. In the settings, add your custom HTML to column 2, enable social icons in column 4, and upload a logo for column 1.
3. Set a background image and adjust its opacity.
4. Click "Download" to save your configuration (note: images will not be included).

***


---

# 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://remui-docs.edwiser.org/remui-theme-setup/footer.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.