Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Add blog posts in Shopify admin
  • Customize page style
  • Customize post title block
  • Show blog post details
  • Change featured image size
  • Enable post comments
  • Show share buttons
  • Enable native OS sharing

Was this helpful?

  1. Pages

Blog post

Template

Last updated 4 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.

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.

Blog posts use the Featured image, Title, Content, Tags, Published date and Author.

Blog posts are a Shopify feature. Learn how to and add .

Customize page style


Click the page section to edit the general styles, available for all page templates:

Customize post title block


The Title block display the blog post title. You can customize the title width and text size.

Click Title block to find settings

Setting
Description
Options

Full width title

Display the title at full width

Heading size

Set the size of the blog post title

1-8 Default: 6

Show blog post details


By default, posts display the published date, author, and tags. Click Blog post to choose which blog post details to show.

To edit the post details, go to Online Store > Blog posts from the Shopify admin.

Setting
Description

Show article tags

Display tags associated with the blog post

Show author

Display the author of the blog post

Show published date

Display the date the blog post was published

Change featured image size


Change the width and height of the featured image, for both desktop and mobile screens.

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.

Click Featured image block to find settings

Setting
Description
Options

Width

Set the width of the featured image

Full width Full width padded Page width Default

Image height

Set the height of the featured image

Adapt to image Default Custom

Custom desktop height

For desktop, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 250 - 750px Relative height 50 - 100% Default: 450px

Custom mobile height

For mobile, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 150 - 750px Relative height 50 - 100% Default: 350px

Enable post comments


In the Shopify admin, you can choose to enable comments. The comment form includes fields for Name, Email, and Message.

Show share buttons


By default, the Share block displays icons for sharing your post to social media. Use the drag-and-drop handles to re-order the block or remove the block.

Enable native OS sharing


Enable native OS sharing to replace share icons with sharing options on a user’s device. Visitors can share the blog post through apps like Messages, Email, or their social media apps.

Click Share block to find settings

Setting
Description

Enable native OS sharing

When enabled, a "Share this" link will open the native sharing options for the user's device.

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

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

Color scheme

Cover

Section width

Cover

Section padding