# Blogs

{% hint style="info" %}
**Blogs -> Content and Sidebar**
{% endhint %}

{% hint style="warning" %}
**IMPORTANT!** In order to make your Blogs page more attractive to buyers, add various sections by pressing **“Add section”**. The theme includes different content sections for a Product page, such as [<mark style="color:blue;">**Builder**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder), [<mark style="color:blue;">**Article carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/article-carousel), [<mark style="color:blue;">**Brand Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/brand-carousel),[ <mark style="color:blue;">**Product Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/product-carousel), [<mark style="color:blue;">**Review Carousel**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/review-carousel), [<mark style="color:blue;">**Contact Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/contact-form), [<mark style="color:blue;">**FAQs**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/faqs), [<mark style="color:blue;">**Gallery**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/gallery), [<mark style="color:blue;">**Information line**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/information-line), [<mark style="color:blue;">**Search Form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/search-form), [<mark style="color:blue;">**Subscription form**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/subscription-form), [<mark style="color:blue;">**Collections**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/collections), [<mark style="color:blue;">**Lookbook**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/lookbook), [<mark style="color:blue;">**One product**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/one-product), [<mark style="color:blue;">**Slider Revolution**</mark>](https://www.themepunch.com/revsliderjquery-doc/slider-revolution-jquery-5-x-documentation/), [<mark style="color:blue;">**Spacer**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/spacer). How to configure each of them you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections).
{% endhint %}

### General

&#x20;If you want the title of the blog to be shown, you can enable the option **“Show page title”**. In the **“Type”**, you can choose how the articles should be displayed. There are 5 types available:

{% tabs %}
{% tab title="Type #1, 1 item in the row" %}
![](/files/-MhI1OMnGELFsNGJnzdu)
{% endtab %}

{% tab title="Type #2, 2 items in the row" %}
![](/files/-MhI1tQ9cLLi1vZ11oVP)
{% endtab %}

{% tab title="Type #2, 3 items in the row" %}
![](/files/-MhI1YKq-yZfNRlcyDpa)
{% endtab %}

{% tab title="Type #2, 4 items in the row" %}
![](/files/-MhI2BnLFJ4P6jqOiauL)
{% endtab %}

{% tab title="Type #2, 6 items in the row" %}
![](/files/-MhI2Gg1IrroBVkZKGMZ)
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
**Please note,** the “Type” settings can be applied only for the desktop. It will be shown one item in a row on mobile by default.
{% endhint %}

&#x20;If you enable the option **“Enable masonry”** the blog posts will not have fixed height rows:

![](/files/-MhI2Rbz059KeB1BstSH)

{% hint style="warning" %}
**Please note,** the **“Enable masonry”** option works only for type #2.
{% endhint %}

&#x20;On the **“Posts per page”** scale from 3 to 24, you can set the number of posts that should be displayed on the blog page.

### Content

&#x20;Here you can decide what content should be shown in the post, e.g.: **image, information, tags, content, button, comments, empty comments**. Simply enable the options you need. If you enable all of them, the post may look like this when being hovered over with the mouse:

![](/files/-MhI2koiUpSl07Jzr5Ll)

&#x20;On the **“Max post content length (letters)”** scale from 10 to 200 you can set the number of the letters that should be displayed in the post when one hovers it over with the mouse.

### Sidebar

&#x20; If you need a sidebar on article pages, activate the option in *Theme settings -> Blog and Article Pages -> Blog sidebar.* There you can change the positioning and visibility settings. How to configure these settings, you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/blog-and-article-pages#blog-sidebar).


---

# 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://mpithemes.gitbook.io/shella-shopify-theme/blogs.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.