# Blog posts

With flexible layout options, this section allows you to display posts in a **Grid** format, enhancing the visual appeal and accessibility of your blog content. It’s perfect for promoting recent articles, brand stories, or updates directly on the homepage or other store pages, helping drive traffic to your blog.

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

### **1, How to add section in theme editor:**

{% stepper %}
{% step %}
In your theme editor (**Customize**), scroll to the bottom of the template and select **Add section**.
{% endstep %}

{% step %}
In the list, locate and select **Blog posts** section. The section will now be added to your page, ready for customization.
{% endstep %}
{% endstepper %}

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

### 2, Section settings

The **Section settings** allow you to select the blog, adjust layout, image ratio, and control the display of posts.

* **Blog**: Choose the blog that contains the blog posts you want to feature.
* **Image ratio**: Adjust the image ratio of the blog post images: **Adapt to image**: Keeps the original aspect ratio of the image; **Square**: Displays images in a 1:1 square ratio; **Portrait**: Displays images in a 3:4 vertical ratio; **Landscape**: Displays images in a 4:3 horizontal ratio.
* **Maximum blog posts to show**: Set the maximum number of blog posts to display, with options from **2 to 8 posts**.
* **Number of columns on desktop**: Adjust the number of posts displayed per row on desktop. Options include: **1 column, 2 columns** and **3 columns.**
* **Secodary background**: Choose how the **Color scheme** is applied in the section:
  * **None**: Applies the color scheme to both the column and section background.
  * **Show as column background**: Applies the color scheme only to the columns.
* **Enable "View all" button**: Enable this setting to display a "**View all"** button when there are more blog posts than the specified **Maximum blog posts to show**. The "**View all"** button links to the main blog page, allowing users to browse the full list of posts.
* **Mobile layout:** Optimize the section’s layout for mobile devices:
  * **Enable swipe on mobile**: If enabled, this setting changes the layout to a carousel format when the number of blog posts exceeds one row, allowing users to swipe through posts horizontally. If this setting is disabled, the section will remain in a grid format on mobile.


---

# 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://help.byinspiredlabs.com/section/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.