> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/faq.md).

# FAQ

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/e8gaYD8VPQ3sznUq0sWC/faq-simple.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/fVpHTi2L2zt9WDebCUVE/faq-simple-mobile.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/r7bnVBUm92yd2dVEKYlu/faq-simple-2.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/7PO3AP5UuB4dup7azk5g/faq-simple-mobile-2.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/ffxsLNRBdu0ZZG0MnD2V/faq-simple-3.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/qoaJRX3N4iZg7t7NfhSh/faq-simple-mobile-3.png" alt=""><figcaption></figcaption></figure>

**For Customers**

With this section, you can add basic FAQ blocks to your store.

## **Adding a Section**

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`FAQ`**.

## **Section settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/YJ6Q2oJkJVEHNyUMlEgh/faq-simple-settings.png" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - setting allows you to set the text for the title;
2. **`Text`** - setting allows you to set the text.

### Layout

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/GNmBoKizQ1zFIZsBVBFj/faq-section-layout.png" alt=""><figcaption></figcaption></figure>

1. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
2. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
3. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
4. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

### **Block Question and answer**

The block is responsible for displaying the *question-answer* pair. When rendering, it is displayed as an accordion.

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/gzGZ74EyxhNTT0dWIa4B/faq-section-qa-block.png" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - accordion title, question;
2. **`Text`** - response, accordion content;
3. **`Icon`** - icon in the accordion header.

### **Block Category**

The block is designed to group question-answer pairs by category. Rendered as a header separating a group of accordions.

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/I2r7M6bUfke8J3Xnbnz5/faq-section-block.png" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - title, category name.

## **Additional information**

1. The **Question and answer** block is not displayed if the settings for the `Heading` and `Text` fields are not specified;
2. The **Category** block is not displayed if the settings for the `Heading` field are not specified.