# 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).
