# Blogs

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

A well-organized and visually appealing blog is crucial for capturing attention and keeping visitors engaged on your Shopify store. Our blog list template provides a powerful foundation to showcase your latest content in a clean and user-friendly format.

## How to edit the blog page

You can add any section that is listed in [Theme sections](/pebble-theme/theme-sections/overview.md). Nevertheless, there is a section designed specifically for the blog page.

{% 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 **Default blog.**
4. Make necessary changes **> Save.**
   {% endhint %}

## Blog settings

* **Container:** You can choose between **Full width** or **Fixed width** for the section.
* **Layout**: These settings allow you to control how posts appear on desktop by setting the **post limit**, choosing the **number of columns**, and adjusting the **column and row gaps** to manage the spacing between posts.
* **Mobile layout:** Choose **1 or 2 columns** and adjust **column and row gaps** to control horizontal and vertical spacing on mobile devices as you like.&#x20;
* **Appearance:** Select a pre-defined **color scheme** for your blog post cards.&#x20;

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

## Blog posts block

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

{% hint style="success" %}
📝 Learn more: [Blog posts](/pebble-theme/theme-sections/blog-posts.md)
{% endhint %}

### Heading

Create a title and choose a preset for your blog posts.

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

### Tags

Control the number of blog tags displayed on your blog posts.

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

### Article card

* **Alignment**: Change the the position of Heading
* **Show tags:** Displays the keywords or categories related to the article/blog post.
* **Show date:** Displays the date the article or blog post was pued.
* **Show author:** Shows the name of the author or contributor of the article/blog post.
* **Show read more button:** Lead the customers to the full article/blog post.

<figure><img src="/files/2r5ANoXGP0q7aLAlStfd" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Not sure how to add a blog? Check out Shopify Help Center: [Add a blog](https://help.shopify.com/en/manual/online-store/blogs/adding-a-blog).
{% endhint %}

{% hint style="warning" %}
The Article card block will only be displayed when a blog is selected for the section and that blog has visible (published) posts.

[*See how to add blog posts*](https://help.shopify.com/en/manual/online-store/blogs/writing-blogs/working-with-blog-posts)
{% endhint %}

{% hint style="success" %}
📝 Learn more: [Basic](/pebble-theme/theme-blocks/basic.md#article-card)
{% endhint %}


---

# 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/pebble-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.