Pebble Theme
Pebble Theme
Theme Sections

Blog posts

2 min read
image
image

Showcase your latest blog posts to keep customers informed, inspired, and engaged with your brand.

How to add a Blog posts section to your Shopify store

  1. In the theme editor (Customize), click Add section.
  2. Select Blog posts section.
  3. Make necessary changes.
  4. Save.

How to customize a Blog posts section

Section settings

SettingDescription
BlogSelect the blog source to display posts from.
ContainerChoose the layout width: Fixed (contained) or Full (full-width).
LayoutSwitch between Grid and Featured grid layout styles.
Post count (Grid only)Set the number of blog posts to display.
Columns (Grid only)Define how many columns are shown in the grid.
Horizontal gapAdjust the spacing between items horizontally.
Vertical gapAdjust the spacing between items vertically.
Enable swipe on mobile (Grid only)Allow swipe interaction for posts on mobile devices.
Custom column widthCustomize the width of each column to control how much space each column occupies in the layout.
Mobile horizontal gap (Grid only)Adjust horizontal spacing between items on mobile.
Mobile vertical gapAdjust vertical spacing between items on mobile.
Check out other Blog posts section settings: Common settings available in most sections

Block settings

This section consists of three main blocks: Heading, Button, and Article card.

image
๐Ÿ“ Learn more: Basic
image
๐Ÿ“ Learn more: Basic
image

The Article card block will only be displayed when a blog is selected for the section and that blog has visible (published) posts.

If youโ€™re looking to create a more visually appealing blog post layout, you might want to try our Foxify AI Landing Page Builder app, which helps you create beautiful templates easily with simple drag-and-drop โœจ

You can also learn more about blog posts in Foxify here ๐Ÿ˜Š
๐Ÿ“ Learn more: Basic
Last updated