> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/shella-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/shella-shopify-theme/blog-posts/blog-posts-sidebar.md).

# Theme Blocks

Here you can manage your sidebar and decide what content blocks it should display on the Article page.

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

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

&#x20; Here you can add content for the sidebar on the article pages. There are 6 possible content blocks: “Content Slide”, “Sidebar Categories”, “Sidebar Tags”, “Sidebar Recent posts”, “ Sidebar HTML”, and “Sidebar Subscription”. We will get deeper into each of them.

## Theme Blocks

## Content Slide

{% 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;In the **“For article”,** select an article for which the slider will be shown. Here you can add a **“Title”** and choose an image.

## Sidebar Categories

&#x20;Here you can select a **“Menu”** that you want to be displayed in the sidebar and give it a **“Title”**. If you want this block to be separated from the other ones, you can enable the option **“Show border”:**

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIlY2VD2wN6cg6gI17%2F-MhImEF6hMxALGVZnW4C%2Fblog%20post_categories.png?alt=media\&token=4842d6a6-b158-4138-a598-36b165c675d9)

&#x20;How to add and edit menu items you can read [<mark style="color:blue;">**here**</mark>](https://help.shopify.com/en/manual/online-store/legacy/menus-and-links/editing-menus).

## Sidebar Tags

&#x20;If you need the tags to be displayed as a content block in the sidebar, you need to add a block **“Sidebar  Tags”**. Here you can add a **“Title”** and enable the option **“Show border”** if you want this block to be separated from the other ones:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIlY2VD2wN6cg6gI17%2F-MhImeb-CIIcuLhxTzUB%2Fblog%20post_tags.png?alt=media\&token=ebfd6247-cd91-40ea-b678-976eb18beb99)

&#x20;Make sure, that you have added tags to Blog posts in *Shopify Admin -> Online Store -> Blog posts*:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MgKARkquELN0Q1Cud1S%2F-MgKCqelKn9nDHqqn3Jo%2FScreenshot_1.png?alt=media\&token=a7a7c7c9-1dd6-437f-8b33-333f1497d46e)

## Sidebar Recent posts

&#x20;Here you can select a **“Menu”** that you want to be displayed in the sidebar and give it a **“Title”**. In this block, a small information menu can be added. If you want this block to be separated from the other ones, you can enable the option **“Show border”**:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhImsBFT3mTrOsBAA_Z%2F-MhInTtLRKAWM2r7zpxL%2Fblog%20post_recent%20posts.png?alt=media\&token=b02e18b9-6d70-4889-b0db-46f97cf3522a)

&#x20;How to add and edit menu items you can read [<mark style="color:blue;">**here**</mark>](https://help.shopify.com/en/manual/online-store/legacy/menus-and-links/editing-menus).

## Sidebar HTML

&#x20;Here you can select a **“Page content”** that you want to be displayed in the sidebar and give it a **“Title”**. If you want this block to be separated from the other ones, you can enable the option **“Show border”**:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhImsBFT3mTrOsBAA_Z%2F-MhIo4wZZcciWrn11Wta%2Fblog%20post_html.png?alt=media\&token=dcc5fd20-58db-4dea-aeb6-9cf327bd3689)

How to add and edit a page you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/get-started/how-to-add-and-edit-a-page).

## Sidebar Subscription

&#x20; If you need the subscription to be displayed as a content block in the sidebar, you need to add a block **“Sidebar Subscription”**. Here you can add a **“Title”** and enable the **“Show border”** option if you want this block to be separated from the others. There are three fields where you can add your own text: **paragraph, placeholder, and button text**:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhImsBFT3mTrOsBAA_Z%2F-MhIo_hkegHmddCnuYR3%2Fblog%20post_subscription.png?alt=media\&token=2faf0280-804e-400f-8748-c33ae2c94a34)
