Skip to content

Blog posts

The Blog posts section creates an article showcase on the home page or another page composed in the new editor (Brand Editor). It reuses articles registered in the store blog and keeps the same card used on the main blog page.

  1. Open the design editor.
  2. Go to the page where you want to display articles.
  3. Select Add section.
  4. Choose Blog posts.
  5. Select articles and adjust presentation.

While no article is selected, the editor preview uses illustrative content. These placeholders do not appear as real articles to customers.

OptionWhat it controls
Post quantityDisplays 1 to 8 selected articles.
Desktop columnsArranges the list in 3 or 4 columns.
Element spacingAdjusts card spacing from 0 to 50 px.

On mobile, articles form a single column to preserve readability. Images use a responsive aspect ratio and each card’s content remains left-aligned.

You can control:

  • heading and action alignment;
  • page or full width;
  • distance between heading and list;
  • top, bottom and side spacing;
  • background and text colors.

Presets include a composition with heading and action in one row and another with a centered heading. Use the action button to direct customers to the full blog page.

  • Choose articles with consistent images.
  • Use short headings, especially with four columns.
  • Avoid very small spacing when cards have long summaries.
  • Check order and readability on mobile before saving.