# Blog template

In this section you can view an articles of the blog.

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

## **Adding a Section**

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

The section is static on a **blog page** template, it was added initially and cannot be removed.

## **Section settings**

### Banner

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

1. **`Image desktop`** - setting allows you to select the desktop image for banner;
2. **`Image mobile`** - setting allows you to select the desktop image for banner(if mobile image doesn’t exist - desktop image will be in use);
3. **`Overlay`** - setting allows you to set the overlay of the banner;
4. **`Text`** - setting allows you to set the color for the text content inside the banner.

### General

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

1. **`Paginate by`** - setting allows you to select the number of articles per page. The minimum number is 6, the maximum number is 24;
2. **`Pagination type`** - setting allows you to select the type of pagination;
3. **`Load more button type`** - the setting is responsible for the style of the load more button;
4. **`Show filter by tag`** - the setting is responsible for displaying the filter by tag.

### Featured blog post

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

1. **`Blog post`** - setting allows you to select an additional post. It is always displayed, even if the blog is empty;
2. **`Background color`** - setting allows you to set the color for the background;
3. **`Text color`** - setting allows you to set the color for the text.

### Layout

<figure><img src="/files/76CqmcwDbyJy1yBWD39i" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.


---

# 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://utd-bv.gitbook.io/manual-shopify-theme-ultra/templates/blog-template.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.