Hero is the block-based alternative to Hero - Basic. Stack content blocks over or beside a background image or video, with full control over layout.<h2>Set imagery and placement</h2><ul><li>Image placement — Background, Left, Right, or No image.</li><li>Featured image and Featured image (mobile) — or use Shopify-hosted video with mobile variant.</li><li>Aspect ratio settings shape the media area on each device.</li></ul><h2>Add blocks</h2>Available blocks include Heading basic, Rich text basic, Button, Breadcrumbs, Image, Video, Icon with text, Separator, Share/print, and Custom liquid.Breadcrumbs can use a custom parent link or follow the default hierarchy. Style is controlled in the block — text link or button appearance.<h2>Other settings</h2>Color scheme, text alignment, <a href="https://support.madeitourselves.com/en/help/articles/4894880-padding-settings">Padding settings</a>, <a href="https://support.madeitourselves.com/en/help/articles/8105892-visibility-settings">Visibility settings</a>, <a href="https://support.madeitourselves.com/en/help/articles/3995911-width-settings">Width settings</a>. For collection pages, use <a href="https://support.madeitourselves.com/en/help/articles/6151083-collection-banner">Collection banner</a> instead — Hero is disabled on collection templates.

A flexible page hero built from blocks — breadcrumbs, headings, media, buttons, and more.

Hero

Leave a review

Theme features 

Contact support

Getting started

Add Homage to your store and preview before publishing.

Install theme

Customize layout, content, and style in the theme editor — no code required.

Editing your theme

Documentation, contact options, and what support covers.

Theme support

General

Upload, crop, and place images across your storefront.

Using imagery

Images, videos, and 3D models on product pages and cards.

Product imagery

Practical steps to keep your Homage store usable for everyone.

Accessibility

Theme settings

Add your profile URLs once; Homage shows icons wherever social links are enabled.

Social media

Set the default look and behavior of product cards everywhere they appear — collections, featured products, search results, and more.

Product cards

Store-wide defaults for section spacing, page width, and button shape.

Layout

Typography for body text, headings, buttons, navigation, prices, badges, and cards.

Fonts

The small icon in browser tabs and bookmarks.

Favicon

Color schemes for your whole store — body, buttons, banners, cards, badges, and icons.

Colors

Default look for collection tiles across your store.

Collection cards

Mini-cart behavior, checkout buttons, order notes, and the free shipping bar.

Cart

Default look for blog post previews across your store.

Article cards

All cards

Set the style of every icon in the theme.

Icons

Upload your logo and set its size — once, for the whole theme.

Logo

How long the theme remembers which products a visitor has viewed.

Testimonial cards

Sections

Add, rearrange, and customize the building blocks of every page in your theme.

Intro to sections

Expandable FAQ rows — manual content or auto-fed from blog posts.

Accordion

Full-width hero carousel built from banner blocks — one slide per block.

Slideshow

A split layout: clickable text items on one side, fading images on the other.

Slideshow with text controls

A flexible grid or carousel of mixed content — banners, products, images, text, and more.

Multicolumn

A single full-width promo area with background media and foreground text.

Banner

An editorial grid with one large tile and smaller companions — banners, images, or videos.

Collage

Showcase customer quotes in a grid or slider with ratings, author details, and optional product links.

Testimonials

Display partner or press logos in a responsive grid with optional captions and links.

Logo list

A centered content section with heading, body copy, and optional buttons.

Rich text

Add a standalone full-width or contained image with optional link, caption, and overlay.

Image

Pair an image beside rich text in a horizontal split — a dedicated section, not a Multicolumn block.

Image with text

Embed a full-width or contained YouTube, Vimeo, or Shopify-hosted video.

Video

Place a video beside rich text in a horizontal split layout.

Video with text

The product grid on your collection pages, with filtering, sorting, and an optional collection banner.

Collection

A directory of your collections — grid or slideshow, with optional section header.

Collection list

A row of icon-and-text selling points — globally or per-section.

Features bar

A compact product page on any template — gallery, variants, price, and add to cart.

Featured product

Hand-pick specific products and show them in a grid or slideshow on any page.

Featured products

Show products from one collection in a grid — with an optional split header that uses the collection's featured image.

Featured collection

Feature articles from a chosen blog in a grid or slider on any page.

Blog posts

Automatic title, image, and excerpt pulled from the current page, article, or blog.

Hero - Basic

Show more articles from the same blog at the bottom of a blog post.

Product information

Show Shopify-powered “You may also like” products on the product page.

Product recommendations

Renders a Shopify page's body text, with an optional sidebar for promos and extra blocks.

Page content

Insert Liquid code that renders storefront content from apps, metafields, or custom logic.

Custom liquid

Add CSS, JavaScript, or Liquid asset blocks to a template without editing theme files.

Custom code

A newsletter section with a signup form and optional supporting copy.

Email signup

Display the comment form and existing comments on blog articles.

Comments

Add a standalone breadcrumb trail so visitors can navigate back to parent pages.

Breadcrumbs

Show sitewide messages above your header — free shipping notices, sales, store updates — as a slideshow or a scrolling marquee.

Announcement bar

Set up your store's main navigation: layout, sticky and transparent headers, mega menus, drawer menus, and more.

Navigation

Your store footer — menus, social links, payment icons, and brand content.

Footer navigation

A contact page section with a form and optional contact details block.

Contact form

The main blog listing — posts in a grid with optional tag filters.

Blog content

The article template — content, metadata, and an optional sidebar.

Blog post

Show author, date, tags, and share controls below an article.

Blog post footer

The product grid visitors see after searching your store.

Search results

Show visitors the products they've already looked at — an easy way back to things they were considering.

Collection banner

The search overlay that opens from the navigation's search icon, with live results, suggestions, and featured collections.

Predictive search

A continuously scrolling strip of text, images, or video — great for brand statements, press logos, or a bit of motion between sections.

Marquee

Pair a lifestyle photo with the products featured in it, listed alongside for easy shopping.

Shop the look

Show "shop within this collection" links on your collection pages — like Men > Shirts, Pants, Accessories — using one menu.

How to set up subcollections

Add custom images (and other data) to your products and collections, then use them in the theme.

How to set up metafields

Individual blocks used across all sections.

Blocks

Add and arrange content inside a section — text, images, products, banners, and more.

Intro to blocks

Embed a YouTube, Vimeo, or Shopify-hosted video with optional caption and playback controls.

Video (block)

How customers pick size, color, and other options on the product page.

Variant selector block

Show the product name on the product page or in Featured product.

Title (block)

A customer quote with rating, attribution, and an optional linked product.

Testimonial (block)

Show in-stock, low-stock, or sold-out status on the product page.

Stock availability (block)

Link visitors to your social profiles from the footer.

Social media icons (block)

One text panel in the Slideshow text controls carousel — heading, body copy, and optional imagery.

Slide (block)

Let visitors share the page or print it with one click.

Share and print (block)

Add vertical space — or a divider line — between other blocks.

Separator (block)

One expandable FAQ or detail panel inside the Accordion section.

Row (block)

Icon, heading, body copy, and an optional button — a flexible text card inside larger sections.

Rich text (block)

A product card with image, title, price, and link — dropped into a content grid.

Product (block)

Show the product price, sale price, and optional tax or discount details.

Price (block)

Show which payment methods your store accepts.

Payment icons (block)

Turn any dropdown into a full-width panel with link columns and up to six image or video banners.

Mega menu

One partner, press, or certification logo in the Logo list section.

Logo item (block)

Product cards pulled automatically from links in your blog post.

Linked products (block)

A standalone image with optional caption, link, and overlay.

Image (block)

A small icon and label — for hero features, benefits, and similar rows.

Icon with text block

A structured page heading with optional icon, subheading, and button — for SEO-friendly page layouts.

Heading (block)

A simple list of links in the footer — policies, contact, or a secondary menu.

Footer menu (block)

Let customers follow your store in the Shopify Shop app.

Follow on Shop (block)

Custom tag filters in the blog listing sidebar.

Filter group block

An icon with a short title and subheading — one selling point in the Features bar.

Feature (block)

The product's main description from Shopify, with size and expand options.

Description (block)

Insert Liquid, HTML, or app snippets into a section.

Custom Liquid (block)

Insert JavaScript into a page via the Custom code section.

Custom JavaScript (block)

Add CSS scoped to one section — via a Custom code block or Shopify's built-in field.