Summary Blocks present your content (blog posts, products, gallery or project images, or events) in magazine-style layouts. There are four Summary Blocks, and their behavior is consistent across all templates.

Summary Blocks are great for:

• Highlighting Blog Page and Gallery Page content on your homepage.
• Highlighting new or on-sale products on your homepage.
• Displaying blog posts in a layout that isn't available in your template.
• Highlighting events from an Events Page on your homepage.
• Changing the layout of your content without making drastic style changes.

Watch a video

Block comparison

This table explains the differences between Summary Block designs.

Wall Summary Block	Displays content in a masonry style grid
Carousel Summary Block	Displays a set number of items at a time, with navigation arrows in the top-right corner for scrolling through content
List Summary Block	Displays items in a single column with thumbnail images on one side and text on the other
Grid Summary Block	Displays items in an even grid. There is space between items with uneven lengths.

Note: The Summary Block can't open items in a new window. To open images in a new window, consider using the Gallery Block instead.

Step 1 - Add a Summary Block

1. Open a page or post editor.
2. Click an Insert Point or the +.
3. Under Summary, select Wall, Carousel, List, or Grid.
4. For more detailed steps, visit Adding blocks.

Step 2 - Select your content

In the Block Editor that appears, select the Blog Page, Gallery Page, Events Page, Project Page, or Products Page to feature in the block. In this example, we'll use a Blog Page.

• Album Pages aren't supported at this time.
• You can only feature content from one page in the Summary Block. However, you can add multiple blocks to a page to feature all of the content you want.

Step 3 - Edit the layout

Click the Layout tab to customize the layout options of the block.

The preview of the block on your page will change so you can view the changes in real time. We recommend playing around with the settings until you find a design you like.

The Layout settings vary slightly by block. To learn more, visit their guides:

• Wall
• Carousel
• List
• Grid

Step 4 - Filter what displays

Click the Display tab to select the information that displays in the block and filter content by specific criteria. The preview of the block on your page will change so you can view the changes in real time. We recommend playing around with the settings until you find a design you like.

Number of Items	Select the number of items to display in the block. You can display up to 30 items.
Primary Information to Display	Check or uncheck the information you want to display about the item (including title, thumbnail, excerpt, and Read More link for blog posts only). This populates from the items' settings. Caption styles follow the Style Editor.
Event Timeframe	When displaying events, select which events to display in the block: past events or upcoming events. To display past and upcoming events, add two Summary Blocks with their own Event Timeframe selected.
Primary Metadata	Select the information about each item to display most prominently. Placement of this information varies by block. Depending on the item, you can select Date Posted, Category, Tags, Author, Location, Comments, or None. If an item doesn't have Primary Metadata, it won't display in the item. For this reason, we recommend filling out all boxes in every blog post, event, or gallery image if you want this information to display in the block.
Secondary Metadata	Select additional information about each item to display. Placement of this information varies by block. Depending on the item, you can select Date Posted, Category, Tags, Author, Location, Comments, or None.
Category Filter	If you only want to display content in a certain category, enter the category filter in this box. We recommend adding categories to all items if you want this information to display. You can manually enter multiple categories separated by commas. Don't include a space after the comma: category1,category2,category3
Tag Filter	If you only want to display content with a certain tag, enter the tag filter in this box. We recommend adding tags to all items if you want this information to display in the block. You can manually enter multiple tags separated by commas. Don't include a space after the comma: tag1,tag2,tag3
Featured Filter	Use this option if you want to use the Summary Block to promote or display featured posts. For this to work, the posts you want to display in the block must have Featured Post checked in the Options tab in the Blog Post Editor.

If you choose to display a thumbnail, the block will pull an associated image from the first available image on this list:

1. Item thumbnail (for a blog post, product, or event)
2. Image Block (in a blog post)
3. Gallery Block (in a blog post)

If the Summary Block pulls from a Gallery Page, all gallery images will display (up to 30).

Step 5 - Save

When you’re done designing the block, click Apply.

Step 6 - Switch between designs (optional)

Switch the design to a different block in the Layout tab of the Block Editor. This way, you change the design and behavior of the content without deleting and re-adding the block.

1. Double-click on the block in the Editor.
2. Click the Layout tab.
3. Select Wall, Carousel, List, or Grid.
4. Playing around with the settings until you find a design you like.
5. As you make a selection, the preview on your page will change so you can view the changes in real time.

Step 7 - Switch between content sources

Change the content that appears in the block in the Content tab:

1. Double-click on the block in the Editor.
2. Click the Content tab.
3. Select the Blog Page, Gallery Page, Events Page, Project Page, or Products Page to feature in the block.
4. As you make a selection, the preview on your page will change so you can view the changes in real time.

More uses for Summary Blocks

Summary Blocks are versatile, and can help you share related content:

• Use a Summary Block to create a recipe or content index. 
• Add links to related content at the end of a blog post or product item page.

Examples

Here's an example of what each Summary Block might look like, depending on the options you choose.

Carousel Summary Block

Grid Summary Block

List Summary Block

Wall Summary Block