---
description: >-
  In this section, you can configure the content that should be displayed on the
  Blogs page.
---

# 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" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhHwydaVKKL5VqH0JyB%2F-MhI1OMnGELFsNGJnzdu%2Ftype_1_blog%20page.png?alt=media\&token=6479b35b-bb36-4bb3-bfe4-a16b04ab10d6)
{% endtab %}

{% tab title="Type #2, 2 items in the row" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhHwydaVKKL5VqH0JyB%2F-MhI1tQ9cLLi1vZ11oVP%2Ftype_2.3_blog%20page.png?alt=media\&token=a6c88a33-2b14-4def-91cd-538d70c68ec9)
{% endtab %}

{% tab title="Type #2, 3 items in the row" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhHwydaVKKL5VqH0JyB%2F-MhI1YKq-yZfNRlcyDpa%2Ftype_2_blog%20page.png?alt=media\&token=b6795011-d708-4482-acbc-903d7580d120)
{% endtab %}

{% tab title="Type #2, 4 items in the row" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhHwydaVKKL5VqH0JyB%2F-MhI2BnLFJ4P6jqOiauL%2Ftype_2.4_blog%20page.png?alt=media\&token=58177b2c-20f8-4a34-9b29-fec2a87a7a3a)
{% endtab %}

{% tab title="Type #2, 6 items in the row" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhHwydaVKKL5VqH0JyB%2F-MhI2Gg1IrroBVkZKGMZ%2Ftype_2.6_blog%20page.png?alt=media\&token=64733b5a-c412-4965-a0ca-19bd0ab31419)
{% 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:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhHwydaVKKL5VqH0JyB%2F-MhI2Rbz059KeB1BstSH%2Fblog%20page_masonry.png?alt=media\&token=e9298f5d-816d-4edd-84bf-d468eae303c6)

{% 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:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhI2eHs_RsKU7kdf9II%2F-MhI2koiUpSl07Jzr5Ll%2Fblog%20page_content.png?alt=media\&token=6f8e3c48-cbe0-4704-802d-6d1fbdfbdbe2)

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