Blog Post List

About Blog Post List SectionClick to copy 2222

The blog post list section is a widget that displays a list of blog posts on your website.

To manage your blogs and blog posts, go to Shopify admin > Online store > Blog posts. You can learn more about Shopify blog posts here.

In this article, you will learn how to set up the blog post list section on the Electro theme.

Blog Post List ConfigurationClick to copy 2222

Electro theme allows you to customize the Blog post list section with these following settings:

GeneralClick to copy 2222

The General tab allows you to add three kinds of details to the section independently: subheading, heading, and description. To remove a content from the section, simply leave the placeholder blank.

You can also click the Select blog button to add blogs from your Shopify store to the section. When you select a blog for the section, the Electro theme will automatically show the list of blog posts in the blog on the section.

LayoutClick to copy 2222

In the Layout tab, you can select two functions to display for the blog post list. However, these functions will only work if the number of items is greater than 4.

  • Enable carousel

  • Show progress indicator

You can choose to align the text content of the section (heading, subheading, and description) to the left or center.

The number of items is the number of blog posts to show in this section. You can change the number from 2 to 12, but the default is 4. You can change the number in steps of 2.

ButtonClick to copy 2222

In this section, you can enable the “View all” button if the blog has more posts than are being shown. You can also customize the text for the button label.

Important: the button will not be shown if:

  • The label field is blank
  • The number of blog posts to show is equal to or greater than the number of blog posts in the selected blog

Theme SettingsClick to copy 2222

The blog post list section has some settings in the theme settings. You can find more information about these settings in the theme settings article.

Navigate this category