Content from collection pages can now be showcased in various layouts using overview blocks. These blocks let you display blog posts, events, products, or videos in customizable formats across your website.

Key Uses:

• Highlight collection content on homepages
• Display content in alternative layouts
• Add related content links
• Create content indexes
• Showcase content without major style changes

Supported Content Types:

• Blog posts
• Events
• Products
• Videos

Available Layouts:

1. Wall - Masonry-style grid with staggered rows
2. Carousel - Scrollable row with navigation arrows
3. List - Single column with side-by-side text and images
4. Grid - Uniform grid with equal spacing

Adding an Overview Block:

1. Click "Add Block" and select "Overview"
2. Open block editor
3. Select content in Content tab
4. Customize layout in Design tab
5. Click outside editor and save

Customization Options:

• Number of items (up to 30)
• Text size and alignment
• Title display
• Image display
• Excerpt visibility
• Metadata position
• Background settings
• Stroke effects
• Blend modes
• Layout-specific options

Mobile Display:

• Wall: Stacked layout with preserved aspect ratios
• Carousel: Two items per view
• List: Identical to desktop
• Grid: Stacked layout

For displaying more than 30 items, use multiple blocks with unique tags to organize content in batches.

Remember to add metadata and images to collection items for optimal display in overview blocks.

Related Articles

Previous Articles