Template: Blog Posts

Template -> Blog posts

Select the Blog created in admin first.

Layout

Top spacing

Top spacing can be changed to Small, Medium, and Normal. The value for each option on the desktop and mobile can be specified in pixels by adjusting the Section top spacing settings under Theme settings -> Layout. If you do not need space, choose None.

Width

Change the content Width from the Default to Boxed or Wide.

The Wide option works for screens with 1440px width and more.

Number of columns

Set the Number of columns to display 1-6 articles in a horizontal row on a desktop. By default, a single blog post will be displayed in each row on mobile.

Heading alignment

Align the heading to either the left or center.

Sidebar

You can position the sidebar module on the Left, Right, or None it altogether if unnecessary.

Here's how the layout looks with 3 columns and the sidebar positioned on the left.

Sidebar elements must be added using blocks

Image hover effect

Available options for these button types include:

  • Basic theme settings

  • Disable

  • Zoom in #1

  • Zoom in and rotate

  • Zoom in #2

  • Zoom out #1

  • Zoom out #2

  • Slide

  • Shine


Posts

Blog posts

Set the number of articles in the Blog posts section, ranging from 1 to 16.

Image ratio

The option allows you to adjust the width-to-height proportion of an image. The Wokiee theme provides seven options to fit your image to the desired size: Auto, Portrait (3:4), Landscape (4:3), Square (1:1), Round (1:1), Social Story (9:16), and Widescreen (16:9).

Alignment

You can set the blog titles to align either Left or Center.

Heading size

You can set the sizes either Large, Medium or Small.

Show featured image

Enable the option in order to display an image for each article. Assign pictures to the blog articles in your Shopify admin.

Truncate post heading

This option enables you to shorten the titles of blog posts.

Underline on hover

Tick the option to underline the titles of articles on mouse hover.

Show tags

This option enables showing the tags of blog posts.

Show date

This option enables showing the publication date of blog posts.

Show author

Enable the option to display an author.

Show button

Enable the option to display a button.

Show comment count

Enable the option to display a comment count.

Excerpt

Available in variants: Hide, Show, Show truncated content.

Last updated