Skip to content

Article image

This guide describes setting up your store's Article image section. Use the section to set how the (featured) image is displayed on a blog post (article) page.

In the following image, an article image section is displayed on a store's default blog post page. On the left side of the image, the section's Overlay article title checkbox option is set to on. With this setting enabled, the blog article's title text is displayed on the featured image as overlaid text. In the center-right of the image, the blog article's title text Vintage record players is displayed as overlaid text. Refer to Shopify help: Writing blog posts.

An example article image section selected in Theme editor

For general guidance with modifying sections, refer to Sections overview.

Set up an article image section

To set up an article image section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select a template that contains an article image section. For example, select Blog posts > Default blog post.


    The section is available only on Blog posts > Default blog post pages.

  2. From the side menu, select Article image.

    The article image section selected in Theme editor

  3. Select a section setting described in the following table.

Section setting nameDescription
WidthSelect the Width dropdown to set the width of the section's image to Full width or Content width. Full width uses the entire width of the section, and Content width uses the width of the section's content area.
Crop imageUse the Crop image dropdown to set the shape of the image inside the section. The dropdown options are No crop, Portrait, Square, Landscape, Super wide, and Letterbox.
Overlay article titleSelect the checkbox Overlay article title to show/ hide the article's title on the image, as overlaid text, inside the section.
Overlay text colorSelect the dropdown Overlay text color to set the color for the article's title text to Primary, Secondary, Tertiary, White, or Black. The setting applies to overlaid title text when the Overlay article title option is enabled.
Theme settingsSelect Theme settings to access additional settings for the section. Refer to Section theme settings menu.