Skip to content

Blog pages ​

This guide describes setting up the Blog pages section.

Use the section to set how blog posts (articles) are displayed on your store's (default) Blog page.

​An example Blog pages section on a store's Blog page.

​The previous image shows a Blog pages section on a store's Blog page. In the upper left, part of Theme editor's section menu is displayed. To specify a position for text inside each of the section's (blog post) tiles on desktop display devices, the Content position option is set to Middle.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks.

Set up a Blog pages section ​

To set up a Blog pages section:

  1. Go to Customize theme.

    In Theme editor, at the top of the page, use the dropdown to select Blogs > Default blog.

    Note

    The section is available only on the Blogs > Default blog.

  2. From the side menu, select Blog pages.

    The Blog pages section selected in Theme editor.

  3. Select a setting described in the following table.

Setting nameDescription
LayoutUse the Layout setting to specify a layout style for the section. The Feature option displays the section's (blog post) tiles in a column, with one tile "stacked" vertically above the next tile. The Grid option displays the section's tiles in a row, with each tile placed horizontally - one tile beside the next tile.
Show titleSelect the Show title checkbox to show/hide the blog's title inside the section. If you hide the title, the RSS link will also be hidden.
Show RSS iconSelect the Show RSS icon checkbox to show/hide a link for Really Simple Syndication inside the section. Refer to Shopify help: Invite customers to subscribe to your blog. If you hide the title, the RSS link will also be hidden.
Enable filtering by tagSelect the Enable filtering by tag checkbox to show/hide the blog post filtering options inside the section. With this setting enabled, visitors can select a range of articles, within a blog, by using article tags as filtering criteria. Refer to Shopify help: Creating and using tags in Shopify.
Feature layout > Content positionUse the Content position setting to specify a position for text inside each of the section's (blog post) tiles. The setting applies to desktop display devices. Position text to the Top, Middle, or Bottom.
Feature layout > Desktop image widthUse the Desktop image width setting to specify a width for images inside the each of the section's (blog post) tiles. The options are One third, One half, Three fifths, and Two thirds. This setting applies to desktop display devices.
Feature layout > Desktop image positionUse the Desktop image position setting to specify a position for images inside the each of the section's (blog post) tiles. Position images to the Left or Right. Alternatively, the Alternate option places each successive image on one side and then on the other side.
Articles > Show authorSelect the Show author checkbox to show/hide the name of each blog article's writer, inside the section.
Articles > Show dateSelect the Show date checkbox to show/hide each blog article's posting date, inside the section.
Articles > Show excerptSelect the Show excerpt checkbox to show/hide a summary of each blog article, inside the section.
Articles > Show tagsSelect the Show tags checkbox to show/hide tags associated with each blog article, inside the section. Refer to Shopify help: Creating and using tags in Shopify.
Articles > Show commentsSelect the Show comments checkbox to show/hide comments submitted by readers for each blog article inside the section.
Articles > Show read more linkSelect the Show read more link checkbox to show/hide a Read more button for each blog article, inside the section. Store visitors select the button to access a full blog article.
Articles > Crop imagesUse the Crop images options to set a cropping shape for images inside the section. The options are No crop, Landscape, Square, and Portrait.
Articles > No of posts per pageAdjust the No of posts per page slider to set the number of blog posts (articles) to display on each (blog) page inside the section. The slider ranges from 3 to 12.
Color > Color schemeUse the Color scheme options to select a color scheme for the section. Refer to Colors.
Color > Theme settings (link)Follow the Theme settings link to open Theme editor's Color theme settings. Use the settings to edit the theme colors for your entire store.
Color > Use this color scheme for header and footerSelect the Use this color scheme for header and footer checkbox to turn on/off "header and footer color" mode. With this setting enabled, the color scheme you choose for the section is also applied to the current page's header and footer.
Theme settingsIf available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSSSelect Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS.