Unicorn Shopify Theme
  • Getting Started
  • Demo
  • Section Groups
    • Header
      • Menu icons
      • Badges
      • Popup menu
      • Image with button (Mobile)
      • Featured promotion (Mobile)
      • Contacts
    • Cart drawer
    • Search popup
    • Mega menu
      • Menu
      • Image with button
      • Featured promotion
      • Custom HTML
      • Empty column
      • Badges
    • Footer
      • Menu
      • Text
    • Popups
  • Dynamic Theme Sections
    • Before/after image
    • Blog posts
    • Brand list
    • Collage
      • Image
      • Collection products
      • Video
    • Collage of images
      • Image
      • List item
    • Collection list
    • Collection slider
    • Contact form
    • Countdown timer
    • Custom Liquid
    • Email signup
      • Heading
      • Subheading
      • Email form
    • FAQ
    • Featured collage
      • Product
      • Image
    • Featured collection
    • Featured collections
    • Featured product
    • Featured promotions
      • Content, Text on image
      • Content, Text below the image
      • Content, Button on image
    • Image with text overlay
      • Second image
      • Mobile settings
      • Heading
      • Text and Custom HTML
      • Buttons
    • Image gallery
    • Lookbook
    • Map
    • Media
    • Multicolumn
    • Page
    • Popup
      • Image
      • Text
      • Newsletter form
      • Buttons
      • Social media
      • Time countdown
      • Collection
      • Promotional code
    • Reels
    • Rich text
      • Heading
      • Text
      • Button
    • Slideshow
    • Tags
    • Testimonials
    • Ticker
  • Page Categories
    • Products
      • Product information
      • Product recommendations
    • Collections
      • Collection banner
      • Product grid
    • Collections list
    • Cart
    • Blogs
    • Blog posts
    • Search
    • Password
      • Email signup
    • 404 page
  • Theme Settings
    • Top bars
    • Header and Logo
    • Colors
    • Typography
    • Layout
    • Styles
    • Product
    • Variant picker
    • Social media
    • Search
    • Favicon
    • Currency format
    • Cart
    • Popups
    • Performance
    • Advanced settings
    • Custom CSS
    • Theme style
  • SVG Icons
  • FAQ
    • How to customize Metafields
    • How to group product images by variants?
    • How to create a template?
    • How to create webpages?
    • How to set up filters?
    • Understanding of metaobjects and their use in a store
Powered by GitBook
On this page
  • Blog post
  • Layout
  • Theme Blocks
  • Featured image
  • Title
  • Share
  • Content
  • Leave a comment
  1. Page Categories

Blog posts

Use the available section and blocks to change the style and layout of the article pages.

PreviousBlogsNextSearch

Last updated 29 days ago

Tip: To edit the page, choose the Blog posts template in the top drop-down. Then, press the "Blog post" section.

Blog post

Before setting changes to the blog posts page, make sure you have created articles in your Shopify admin. Learn how to add and edit Blogs and Blog posts .

Layout

Use the "Dividing line" drop-down to specify whether to add the line separator on the top or bottom of the "Blog post" section. If you need to use the line, select its position as "Top", "Bottom", or "Both". To hide the dividing line, use the "None" option.

The "Top spacing" option controls the space between the breadcrumbs/Header (if the breadcrumbs are disabled) and the "Blog post" section. Use the scale from 0 to 100 pixels to set the desired parameter.

Handle the parameters on the "Bottom spacing" scale from 0 to 100 pixels to add or remove the space at the bottom of the "Blog post" section.

Theme Blocks

This page can be customized with such blocks: "Featured image", "Title", "Share", and "Content".

Tip: To add a block, press "Add block" in the "Blog post" section and select the one from the list. Each block can be moved up and down to arrange it in the desired sequence on the page.

Featured image

If you need to display an image on article pages, add this block. Additionally, check whether the image was added as a Featured image in Shopify admin -> Content -> Blog posts.

Here you can change the size of an image to "Small", "Medium", or "Large". If it is unnecessary to resize the image, select "Adapt to image" in the "Featured image height" drop-down. The recommended image ratio is 16:9 (width-to-height respectively).

Title

Add this block in order to display the title of each blog post. To show post details like date and author, tick the "Show date" and "Show author" options.

Share

Add this block to show the "Share" button on the page. In the "Text" field, you can place the button's title.

Content

To showcase the body paragraphs that develop the topic of the posts, this section should be added.

Leave a comment

Here is how comments might be displayed on the Blog posts page:

To display the comments section below the Blog post, apply the needed settings for each blog in your Shopify admin -> Content -> Blog posts. More details can be found on the following .

help page
here