# Blogs

### Static sections

Merchants can click on the link to check out the instruction listed below. 

{% content-ref url="/pages/-MlQJU1lnR2RETVx0khQ" %}
[Announcement bar](/megamog-theme/pages-global-sections/announcement-bar.md)
{% endcontent-ref %}

{% content-ref url="/pages/Av4iP3HqgEormh04kCLe" %}
[Age verifier pop-up](/megamog-theme/pages-global-sections/age-verifier-pop-up.md)
{% endcontent-ref %}

{% content-ref url="/pages/upVX08ECQTgldXHd6ruv" %}
[Header](/megamog-theme/pages-global-sections/header.md)
{% endcontent-ref %}

{% content-ref url="/pages/ZyhVj2Qzm7YhmJ14tbbC" %}
[Footer](/megamog-theme/pages-global-sections/footer.md)
{% endcontent-ref %}

{% content-ref url="/pages/Qa23y2mnCcSDgrtfx1fO" %}
[Mobile sticky bar](/megamog-theme/pages-global-sections/mobile-sticky-bar.md)
{% endcontent-ref %}

### Dynamic sections

Merchants can add any section that is listed in [Theme sections](/megamog-theme/theme-sections/before-after-image-slider.md). Nevertheless, there is a section designed specifically for the blog page.

{% tabs %}
{% tab title="Grid view" %}
![](/files/6c2Gnv8m7fSABs23uRtS)
{% endtab %}

{% tab title="List view" %}
![](/files/qkPBT5yQwIe79vYZiLgD)
{% endtab %}
{% endtabs %}

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), open the template selector
2. Select **Blogs**, then **Default blog**
3. On the left sidebar, select **Blog pages.**
   {% endhint %}

## Section settings

* Enable/disable the sidebar and its positions.
* Change the layout and the number of posts to show per page and per row.

<figure><img src="/files/PtckwXy5qhMuh51bYGru" alt=""><figcaption></figcaption></figure>

## Block settings

Add blocks to the sidebar of your blog page.&#x20;

### Categories

<figure><img src="/files/06keGuACKTMixcGOVEqw" alt=""><figcaption></figcaption></figure>

Add a categories menu to your blog page. The menu is created in Shopify Navigation and includes main menu items only (no nested menu items).

<figure><img src="/files/u0IbTDdDYjOWKYL7vS7y" alt=""><figcaption></figcaption></figure>

### Widget recent posts

Give the block a title and select the blog you want to display the posts.

Set the number of posts to show.<br>

<figure><img src="/files/H23MTHuablAdLqx0XUYG" alt=""><figcaption></figcaption></figure>

Control how each post is displayed in the widget:

* Show tags
* Show author
* Show published date
* Show excerpt
* Truncate excerpt or not

<figure><img src="/files/Tq01aYqfHAbnNgg2VQiC" alt=""><figcaption></figcaption></figure>

### Tags

Show tags of the current blog.

<figure><img src="/files/YrVNC7G9jtc9PT1qLW3y" alt=""><figcaption></figcaption></figure>

### Widget Instagram

To show your Instagram image posts in the sidebar, make sure you [generate your IG token](/megamog-theme/theme-sections/instagram.md#generate-your-instagram-token) and add it to the Theme settings >[ Integration](/megamog-theme/theme-settings/integration.md).

<figure><img src="/files/IcdJfRWwH7nnjB7Yryxs" alt=""><figcaption></figcaption></figure>

You can control the number of images to show in this widget (4-24 images).


---

# 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://docs.foxecom.com/megamog-theme/other-pages/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.