For the complete documentation index, see llms.txt. This page is also available as Markdown.

Blog post

Display the latest posts from a selected Shopify blog to keep customers informed with news, updates, or articles.

How to access

  1. Go to Shopify Admin → Online Store → Themes.

  2. Click Customize on your active theme.

  3. Click Add section and choose Blog posts.

Section Settings

Setting
Description

Layout

Expand to full width

Extends the section to the full browser width.

Color scheme

Sets the background and text colors.

Background opacity

Controls the background opacity.

Content

Heading

Sets the section heading.

Heading size

Controls the size of the heading. Choose from Small, Medium, or Large.

Text

Adds supporting text to the section.

Text position

Shows the text above or below the heading.

Desktop content alignment

Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.

Blog card

Blog

Selects the blog whose posts are displayed.

Show featured image

Displays the featured image for each blog post.

Show tags

Displays the tags assigned to each blog post.

Show date

Displays the publishing date for each blog post.

Show author

Displays the author name for each blog post.

Show comment count

Displays the number of comments for each blog post.

Show excerpts

Displays an excerpt from each blog post.

Show read more

Displays a Read more link for each blog post.

Column alignment

Aligns the blog card content. Choose from Left, Center, or Right.

Aspect ratio

Sets the image aspect ratio. Choose from Adapt to image, Square, Portrait, or Landscape.

Column settings

Blog posts visible

Sets the number of blog posts displayed.

Desktop columns

Sets the number of columns displayed on desktop. Choose from 2, 3, or 4. and mobile it will be automatically adjusted to 1.

Carousel settings

Enable carousel

Displays the blog posts in a carousel.

Change slides every

Automatically changes slides after the selected number of seconds. Set to 0 to disable autoplay.

Gap

Controls the spacing between blog posts.

Pagination

Sets the carousel navigation. Choose from Dots, Arrows, or None.

Pagination style

Sets the pagination style. Choose from Classic or Modern.

Section padding

Top side

Space above the section.

Bottom side

Space below the section.

Section divider

Shapes

Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border.

Last updated