# Blog posts

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

{% hint style="warning" %}
**IMPORTANT!** In order to make your Blog posts 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 %}

### Content

&#x20;Here you can decide what content should be shown on the Article page, e.g.: **information, image, content, tags**. Simply enable the options you need:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIDOAfXOYQtU-L3u1k%2F-MhII9mCjPPK3SP13Dxb%2Fblog%20post_content.png?alt=media\&token=1002542f-f839-4f03-89a9-279a717e0299)

&#x20; The **“Show social share buttons”** option allows one to add share buttons to the Article page. In the **“Social share buttons type”,** choose the button's type: **“Small”** or **“Large”**:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIDOAfXOYQtU-L3u1k%2F-MhIJRGxtluXeGT-noc_%2Fblog%20post_share%20buttons.png?alt=media\&token=88ca6436-3a5f-4f96-b474-11970976e1be)

&#x20;If you enable the option **“Show navigation”,** the customers will be redirected to the next or previous post by pressing the buttons:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIJXQcwWLKx3Om1pKn%2F-MhIZMRc0w3LXMwzQxt4%2Fblog_post%20navigation.png?alt=media\&token=accd3d61-5c33-4066-a264-886ccf1832d1)

&#x20;If you want to have a Comments form showing at the bottom of the Article page, the option **“Show comments”** should be enabled:

<figure><img src="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FXjaytASqiEiYLNOlPftq%2Feditor%20blog%20post%20comments.png?alt=media&#x26;token=8455f245-bdab-41e6-a853-5f5aff98a615" alt=""><figcaption></figcaption></figure>

&#x20;Comments form text can be edited in *Shopify Admin -> Online Store -> Themes*, choose a theme and press the *dotted \[...]* button next to the **“Customize”**. Then, press “*Edit default theme content*”*,* hit the tab “*Blogs*” and scroll down to “*Comments*”:

<figure><img src="https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-McsaSlZSE2uMqzAxy2S%2Fuploads%2FSS9qp0EOaTuKJVr85lqQ%2Fblog%20post_comments.png?alt=media&#x26;token=4911dbb4-d3fb-434f-930b-f1785c871ea1" alt=""><figcaption></figcaption></figure>

### Slider

{% hint style="warning" %}
**Please note**, this is an advanced option, you should have developer skills or hire a developer to complete this task for your store.
{% endhint %}

&#x20;If you want to have a slider block on an Article page, you should insert the code$$'<div id="article-slider"></div>'$$ into the post's content. You can also decide the place of a slider.

&#x20;Here you can enable an **“Autoplay”** for the slider and set its speed on the **“Autoplay speed (sec)”** scale from 2 to 10 seconds. If you enable **“Is infinite”**, the product’s carousel will be infinite. If you disable this option, the carousel will stop, once it shows the last product.

### Sidebar

&#x20; If you need to have a sidebar on article pages, activate the option in *Theme settings -> Blog and Article Pages -> Article 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#article-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/blog-posts.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.