> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Blogs

> Configure Everest's blog listing template, article cards, tag filters, and grid layout.

Blogs control the main article listing experience in Everest. The template is driven by the `main-blog` section, which combines a selected blog source, optional tag filters, pagination, and reusable article card blocks into one customizable listing page.

<img src="https://mintcdn.com/digifist/1anxBA6kGBAR8H_K/images/theme/everest/pages-templates/blogs-overview.png?fit=max&auto=format&n=1anxBA6kGBAR8H_K&q=85&s=de7ed1192992825370edfeac2f87fc00" alt="Blogs overview" width="3280" height="2186" data-path="images/theme/everest/pages-templates/blogs-overview.png" />

## What this template controls

* Which Shopify blog the page displays
* Tag-based article filtering on desktop and mobile
* Articles per page and pagination behavior
* Article grid columns on desktop and mobile
* Shared width, color, spacing, and border settings
* The default Section Header and Article Card block structure used inside the template

## Template structure

This template uses the following main section and related blocks by default:

* **Blog**
* **Section Header** block
* **Article Card** block with tags, heading, and article details sub-blocks

## Getting started

<Steps>
  <Step title="Open a blog template">
    In Theme Customizer, open a blog resource or assign the blog template before editing it.
  </Step>

  <Step title="Choose the blog source">
    Set the correct Shopify blog first so filtering, article count, and pagination reflect the right content set.
  </Step>

  <Step title="Review article density">
    Adjust articles per page and column count together so the listing stays readable across desktop and mobile.
  </Step>

  <Step title="Check tag filtering behavior">
    If tag filters are enabled, review both the desktop button list and the mobile dropdown flow.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/1anxBA6kGBAR8H_K/images/theme/everest/pages-templates/blogs-location.png?fit=max&auto=format&n=1anxBA6kGBAR8H_K&q=85&s=efeffa4b2d2104037f54ad95801a9ccd" alt="Blogs location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/pages-templates/blogs-location.png" />

## Main settings

### Content and navigation

<img src="https://mintcdn.com/digifist/1anxBA6kGBAR8H_K/images/theme/everest/pages-templates/blogs-content-and-navigation.png?fit=max&auto=format&n=1anxBA6kGBAR8H_K&q=85&s=4b5b95e7b776dcd9b77a98b53a264c38" alt="Blogs Content and navigation settings" width="3280" height="2186" data-path="images/theme/everest/pages-templates/blogs-content-and-navigation.png" />

<AccordionGroup>
  <Accordion title="Blog" icon="book-open">
    Selects which Shopify blog this template should render.

    If no blog is chosen in the section, Everest falls back to the current blog resource.
  </Accordion>

  <Accordion title="Enable filtering by tags" icon="filter">
    Shows article tag filters above the article grid.

    Everest renders the filters as a button row on desktop and as a dropdown menu on mobile.
  </Accordion>

  <Accordion title="Articles per page" icon="hashtag">
    Controls how many articles appear before pagination.

    **Default:** `12`
  </Accordion>
</AccordionGroup>

### Layout

<img src="https://mintcdn.com/digifist/1anxBA6kGBAR8H_K/images/theme/everest/pages-templates/blogs-layout.png?fit=max&auto=format&n=1anxBA6kGBAR8H_K&q=85&s=163e2c5561b96548387169b86daed15e" alt="Blogs Layout settings" width="3280" height="2186" data-path="images/theme/everest/pages-templates/blogs-layout.png" />

<AccordionGroup>
  <Accordion title="Number of columns on desktop" icon="grid">
    Controls the article grid density on larger screens.

    **Range:** `1` to `6`\
    **Default:** `3`
  </Accordion>

  <Accordion title="Number of columns on mobile" icon="smartphone">
    Controls how many article cards display per row on smaller screens.

    **Available options:** `1`, `2`\
    **Default:** `2`
  </Accordion>
</AccordionGroup>

### Common settings

<img src="https://mintcdn.com/digifist/1anxBA6kGBAR8H_K/images/theme/everest/pages-templates/blogs-common-settings.png?fit=max&auto=format&n=1anxBA6kGBAR8H_K&q=85&s=d89125d55fd1794c191c4dbf8d2ab4e0" alt="Blogs Common settings" width="3280" height="2186" data-path="images/theme/everest/pages-templates/blogs-common-settings.png" />

<AccordionGroup>
  <Accordion title="Section width" icon="left-right">
    Sets the maximum layout width for the blog listing container.

    **Available options:** `Page`, `Fluid`, `Full`\
    **Default:** `Page`
  </Accordion>

  <Accordion title="Color scheme" icon="palette">
    Applies the main color treatment for the template wrapper and article listing area.
  </Accordion>

  <Accordion title="Top spacing and bottom spacing" icon="arrow-up-down">
    Control the vertical spacing around the blog listing section.

    **Available options:** `No`, `S`, `M`, `L`, `XL`
  </Accordion>

  <Accordion title="Section border" icon="square">
    Adds a border treatment to the blog section wrapper.

    **Available options:** `None`, `Top`, `Bottom`, `Both`
  </Accordion>
</AccordionGroup>

## Block behavior

The default article card structure is defined inside the template JSON. Everest uses:

* **Tags** to show article tags when available
* **Heading** for the article title
* **Article Details** for author and publish date

These blocks work together inside the shared article card component, so card presentation is affected by both the template and Everest's reusable card styling.

## Best practices

* Choose article counts and column settings together so pagination feels intentional instead of crowded.
* Keep tag filtering enabled only when the selected blog has a clear tag structure.
* Review mobile filtering carefully because Everest switches from visible buttons to a dropdown pattern.
* Use consistent featured image ratios across posts so the grid looks balanced.

## Related guides

* [Blog Posts](/themes/everest/blog-posts)
* [Theme Settings: Cards](/themes/everest/theme-settings/cards)
* [Theme Settings: Typography](/themes/everest/theme-settings/typography)