TessaroDocumentationTessaro handbook
Section library / Reference

Blog preview

Feature recent articles from a selected Shopify blog.

Try this setup#

Open in the editor Home page → Blog preview

Bring published articles into the home page.

  1. Create and publish your articles in Shopify before connecting the section.
  2. Open Blog preview and select the blog you want to show. Choose how many articles to display.
  3. Preview article images, headings and links. If you do not have articles ready, hide the section until you do.
See the Blog preview controls
Home page → Blog preview settings
Section controls in the editor. Image, product or question content may live in the section’s blocks.
Try this setup — Tessaro example
Example layout. Follow the steps above to connect your own content.

What to look for Real article cards replace the empty selection state shown below.

When to use it#

Feature recent articles from a selected Shopify blog.

Set up#

Select the blog and set the heading, card count and visible article information.

Available from Add section where supported by its template restrictions.

Section settings#

These are schema defaults. Your installed theme or selected preset can use different saved values.

Heading

Heading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
From the journal

Subheading#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
Not set

Blog

Blog#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
blog
Default
Not set

Articles to show#

Range: 1–12 .

Control
range
Default
3

Show excerpt#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Show author#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Show date#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Show tags#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Adjust this control in the theme editor and preview the result in the relevant template.

Control
checkbox
Default
On

Adjust this control in the theme editor and preview the result in the relevant template.

Control
text
Default
View all articles

Colors

Subheading and tags color#

Adjust this control in the theme editor and preview the result in the relevant template.

Control
color
Default
#806042

Spacing

Margins add space outside the section. Padding adds space inside it.

Margin top (desktop)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (desktop)#

Range: 0–200 px.

Control
range
Default
0

Padding top (desktop)#

Range: 0–200 px.

Control
range
Default
48

Padding bottom (desktop)#

Range: 0–200 px.

Control
range
Default
48

Margin top (mobile)#

Range: 0–200 px.

Control
range
Default
0

Margin bottom (mobile)#

Range: 0–200 px.

Control
range
Default
0

Padding top (mobile)#

Range: 0–200 px.

Control
range
Default
32

Padding bottom (mobile)#

Range: 0–200 px.

Control
range
Default
32
Tessaro documentation · Setup guides and settings reference

Search guides, settings and sections.