Featured blog

This block allows merchants to highlight content such as news, updates, tutorials, or stories to engage customers and drive traffic to the blog.

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fixed width: depends on your page content width in Theme settings -> Layout.

  • Full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Section header settings

Setting
Description

Heading

The title of the section

Enable heading underline animation

Turn on an animated underline effect for headings. Switch off to keep a static look.

Underline style

Choose the underline’s look. Include:

  • Include: Simple underline – Clean straight line beneath the text.

  • Curve stroke: Soft, hand-drawn curved stroke for a casual feel.

  • Squiggle underline: Wavy line for a lively, attention-grabbing look.

* Note: Only appears when Enable heading underline animation is enabled

Underline color

Pick the color used for the underline. * Note: Only appears when Enable heading underline animation is enabled

Description

The description of the section

Heading size

The size of the title:

  • Small

  • Medium

  • Large

Alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Blog post

Setting
Description

Blog

Which blog you want to display blog posts from. Defaults to the first blog alphabetically on your Blogs page.

Image ratio

The image ratio for the featured images of the blog posts:

  • Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.

  • Portrait - Crops the images to use a 3:4 ratio.

  • Square - Crops the images to use a 1:1 ratio

  • Landscape - Crops the images to use a 4:3 ratio

Desktop vertical alignment

3 options for the desktop content position

  • Top

  • Middle

  • Bottom

Content alignment

The position of the blog content.

  • Left

  • Center

  • Right

Show category

Display blog categories

Show tags

Display post tags

Show date

Display post creation date

Show author

Display post author

Show excerpts

Display a short post excerpt

Setting
Description

Button label

Setting the placeholder for the button

Type

Button type

Section padding

Setting
Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Section divider

Setting
Description

Show divider

Toggles the visibility of a horizontal divider line within the section.

Last updated