Blog and articles

Blog listing, single posts, recipes and related posts.

Write posts in Content → Blog posts. Add an excerpt and a featured image for the best-looking cards. For recipes and brew guides, see Recipes and brew guides.

Screenshots

Blog posts settings

Setting	Options	What it does
Section appearance
Color scheme	Color scheme
Settings
Subheading	Text (bold, italic, links)
Subheading size	Small · Medium · Large
Heading	Text (bold, italic, links)	Leave blank to show the blog's title. Italicized words switch to the Accent font from Theme settings → Typography.
Heading size	Small · Medium · Large · Extra large
Heading alignment	Left · Center · Right
Blog
Show tag filter	On / Off
Filter tags	Text, one item per line	Tags listed here appear as filters above the posts, in this order. One tag per line. Leave blank to show every tag used in this blog.
Feature the latest article	On / Off	On the first page, the newest article spans the full row with its image beside the text. Applies to the grid layout only.
Posts per page	1–12
Columns on desktop	1–4	Tablets show at most 2 columns. Mobile always shows 1.
Pagination	Numbered · Load more button	Numbered pages suit large collections and are easier to link to. A load more button suits browsing.
Blog card
Post title size	80–200 %	Scales the post title from the Heading 4 size in Theme settings → Typography.
Content alignment	Left · Center · Right
Show image	On / Off
Image ratio	Adapt to image · Square · Portrait · Landscape · Wide
Alternate card background	On / Off	Every second card uses the next color scheme in your list, with its own text and button colors.
Show author	On / Off
Show blog title	On / Off
Show date	On / Off
Show read time	On / Off
Show excerpt	On / Off	Posts with no excerpt show their opening lines.
Show tags	On / Off
Show comment count	On / Off	Shown only when comments are turned on for this blog.
Show read more button	On / Off
Carousel
Enable carousel on desktop	On / Off	While a carousel is on, Load more pagination switches to numbered pages so every post stays reachable.
Enable swipe on mobile	On / Off
Show previous/next arrows	On / Off
Pagination style	Progress bar · Counter with line · Dots · Counter · None
Control alignment	Left · Center · Right	Aligns the dots, counter or arrows under the slides.
Loop slides	On / Off
Animations

This section also accepts Custom Liquid blocks and app blocks. It also has the shared Animate on scroll and Section spacing settings.

Article settings

Setting	Options	What it does
Section appearance
Color scheme	Color scheme
Reading width	Standard · Wide	Sets the width of the article text and of every block read alongside it. Standard keeps lines at a comfortable length.
Comments
Comments pagination	Numbered · Load more button	Numbered pages suit large collections and are easier to link to. A load more button suits browsing.

Article blocks

Click Add block under the section in the sidebar. Drag blocks to change their order.

Title up to 1

Setting	Options	What it does
Heading size	Small · Medium · Large · Extra large
Alignment	Left · Center · Right
Show excerpt	On / Off	Shows the article’s excerpt under the title. Add an excerpt when editing the article.
Show blog name above title	On / Off
Show author	On / Off
Show date	On / Off
Show read time	On / Off

Featured image up to 1

Setting	Options	What it does
Image width	Small · Medium · Large
Image ratio	Adapt to image · Square · Portrait · Landscape · Wide

Content up to 1

Setting	Options	What it does
Text size	Small · Medium · Large
Content alignment	Left · Center · Right

Product up to 3

Setting	Options	What it does
Product	Product	Connect this to an article metafield (product reference) to show a different product on each article.
Label	Text
Content alignment	Left · Center · Right

Recipe up to 1

Setting	Options	What it does
Recipe heading	Text
Makes	Text	For example, 1 cup (300 ml) or 12 cookies.
Times
Prep time in minutes	Text	A whole number, such as 4. Connect it to a number or text metafield.
Brew or cook time in minutes	Text	A whole number, such as 4. Connect it to a number or text metafield.
Brew or cook label	Text
Details
Label	Text
Value	Text
Label	Text
Value	Text
Label	Text
Value	Text
Ingredients
Ingredients	Rich text	Use a bulleted list, one ingredient per line. Search engines read each line as one ingredient.
Method	Rich text	Use a numbered list, one step per line. Search engines read each line as one step.
Shop the recipe
Products heading	Text
Products	Products	Connect to a product list metafield so each recipe shows its own equipment and beans.

Setting	Options	What it does
Show tags	On / Off
Show share button	On / Off	Opens the device share sheet, or copies the link where sharing isn’t available.
Content alignment	Left · Center · Right

Author up to 1

Setting	Options	What it does
Show author photo	On / Off
Show bio	On / Off
Show website link	On / Off
Content alignment	Left · Center · Right

Previous and next up to 1

Setting	Options	What it does
Show images	On / Off