Article / Blog post page

Note: In order to select a different template other than the default template on a blog post, that template must exist in the live published theme on your store. Therefore, in order to utilize the recipe template, you must purchase the theme and publish it, or create a template on your current live theme called "recipe".

There are two templates for an article/blog post that come with the theme: Default blog post and recipe. The only difference between them is that the recipe template has an extra section where you can add a recipe to an article. For details on how to do that, see the documentation for Article recipe. Everything on this page applies to both template. Here's an example of an article.

The article will automatically show pagination to previous and next articles if they exist, and it will also show article comments if they are enabled in the Shopify admin.

Blocks

Content

The content from the blog post.

Share

You can choose which social media share buttons you want to show by checking the box next to that platform option. The options are:

  • Facebook
  • Twitter or X
  • LinkedIn
  • Pinterest

There is also a button to copy the page url link to the computer's clipboard. This button will always display if this block is selected.

Divider

This block adds a visual divider line with space above and below it. 

Tags

Show the article tags as a list of buttons. Example:

Referenced products

See the dedicated documentation on Product recommendations on articles for details on how to add products to this area.

Settings

Show breadcrumbs

Check this box to show breadcrumbs at the top of the article header. The breadcrumbs will include a link to "Home" and a link to the main blog page for this article.

Show date published

Show the article published date on the card. You can change the format that this date displays in on Theme settings/Styles/Preferred date format.

Show author

Show article author on card

Show excerpt

If there's an excerpt on the article, it will show in italics in the article header.

Header position around image (desktop)

(Whisk 11.0.0 and above)

You have three options for the placement of the Blog article header by where it is in relation to the main image.

Overlay:

Above:

Below:

Image shape

Option to add a curved arch border to the top right side of the article image, or leave it as a rectangle.

Section spacing

Adjust top and bottom padding within the section.

Still need help? Contact Us Contact Us