Fluorescent
Spark
Spark
  • Spark Help Center
    • Start using Spark
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 headings tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
    • Update your theme
      • Upgrade to OS2
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • FAQ page
      • Lookbook page
      • Password page
      • Search page
      • 404 page
      • Home page
    • Sections
      • Blog posts
      • Collection list
      • Countdown banner
      • Events
      • Featured collection
      • Featured collection row
      • Featured product
      • Image with features
      • Image with text
      • Inline features
      • Logo list
      • Map
      • Mosaic grid
      • Newsletter
      • Questions and answers
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Social proof
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Header
    • Header
      • Logo
      • Layout and style
      • Transparent header
      • Customer account link
    • Announcement bar
    • Quick search
  • Footer
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Payment icons
      • Language selector
      • Country selector
      • Social media icons
      • Footer text
  • Products
    • Product listings
    • Hover add-to-cart
  • Cart
    • Cart page
    • Fly-out cart
  • Product pages
    • Product template
      • Pre-order template
      • Alternate product template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Quick purchase bar
      • Gift recipient form
    • Product overview blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Custom text field
      • Information popup
      • Payment accordion
      • Security accordion
      • Shipping accordion
      • Stock level indicator
      • Text block
      • App blocks
    • Product page sections
      • Product reviews
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Use default colors
        • Use custom colors
        • Use custom images
        • Show on product cards
        • Dynamic option availability
      • Sibling product swatches
  • Collection pages
    • Collection template
    • Banner
    • Product grid
    • Filters and sorting
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Quick setup
  • Add blog posts in Shopify admin
  • Edit blog posts template
  • Edit featured image
  • Enable post comments

Was this helpful?

  1. Pages
  2. Templates

Blog posts template

Template

Last updated 12 months ago

Was this helpful?

The Blog Post template provides the design and layout of your blog post articles. Publish Blog posts to share store announcements, updates, and featured content, and help increase organic traffic to your site.

See demo

Quick setup

For the blog posts template, you first need to add blog posts in your Shopify admin. Then, in the theme editor, you can customize the posts template.

Tip | Check out Shopify's guide on .

Add blog posts in Shopify admin

Before editing the Blog post template, you need to add at least one blog post in your Shopify admin.

The blog posts template will use your blog post's Featured image, Title, Content, Tags, Published date and Author.

Shopify | Blog posts are a Shopify feature. See Shopify's guides to and add .

Edit blog posts template

The Blogs post template includes a default layout to get you started. You can customize the Content width and the Featured image. The blocks for Title, Content, and Pagination are used to display information from your Shopify admin and do not have additional settings.

The template also includes a social sharing button to let visitors share your post on Twitter, Facebook, and Pinterest.

STEPS

In your theme editor (Customize):

  1. Use the Templates selector to open Blog posts > Default blog posts.

  2. Click Change in the "PREVIEW" section to select which blog post to preview while making edits.

  3. Click on the Title block to open its settings.

    Choose whether to Show date

    Choose to show social share buttons so customers can quickly share posts to their social media accounts.

  4. Under Content, adjust the Max width of content for your article text and media using the slider.

    Choose between 400 and 1300 pixels wide.

  5. Under Template, click (+) Add section to further customize your blog posts template with theme sections.

    Note: Your changes will apply to all blog posts.

    Click and hold the drag and drop handles ⋮⋮ to change the order of sections.

  6. Click Save.

Edit featured image

The blog posts template display the featured image added in your Shopify admin. Go to your Shopify admin to upload images for your blog posts.

STEPS

In your theme editor (Customize):

  1. Click the Featured image block to open the settings.

    To hide blog post featured images, click the Eye icon to hide the block or Remove block in the block settings.

  2. Use the Max width of image slider to increase or decrease the width in pixels.

  3. Select an Image aspect ratio to crop your image to Square, Landscape, or Portrait.

    The default Natural setting will display the original orientation of your image.

  4. Click Save.

Enable post comments

In the Shopify admin, you can choose to enable comments. Spark displays a simple comment form with fields for Name, Email, and Message.

\


Related links

Shopify | Blog posts comments are a Shopify feature. See Shopify's guides for .

Managing comments on blog posts ↗
Templates
Chic
How to start a blog and grow your audience
create a blog ↗
blog posts ↗