Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Summary Blocks overview

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.

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.

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.

SummaryBlocksOverview.png

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:

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.
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 WallCarouselList, 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.

Was this article helpful?
45 out of 105 found this helpful
Summary Blocks overview