Sections

Every section and block in Holo, with the settings you see in the theme editor. Sections can be added, moved, hidden and removed on any page, and most can be shown on desktop only or mobile only with the Show on setting.

Header and footer

Announcement bar

A thin bar above the header for a short message, such as free pickup or a sale. Add several messages and choose to show them side by side or rotate them one at a time.

  • The store link on the right is a good place to link your store locator page.
Section settings
ColorsOptions: Accent color, Color scheme
Color scheme
Message alignmentOptions: Left, Center
Text sizeOptions: Small, Medium
Show one message at a timeRotates through the messages with arrows. Pauses on hover and for customers who prefer reduced motion.
Change slides every
Store link
Store locator link
Store link label
Store noteShort text shown next to the link on larger screens, such as today's hours
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Announcement block
Text
Link
Link label

Home page

Hero

The large banner at the top of the home page. Show text beside an image or over it, and add Banner blocks to rotate up to five banners, each with its own image, text and buttons.

  • Text over image works best with a photo that has a calm area behind the text. Use the overlay slider if the text is hard to read.
  • Add a separate mobile image for a tall crop on phones.
Section settings
Image1600 x 1200px recommended
Mobile imageOptional. 800 x 1000px recommended
LayoutOptions: Image on right, Image on left, Text over image, Text only
Image widthShare of the width the image takes beside the text, on desktop. Tablets and phones keep their own layout.
Make image full width
Overlay strengthHow strongly the background color fades over the image behind the text. Lower shows more of the image; keep it high enough for the text to stay readable.
Show frame around image
Text alignmentOptions: Left, Center
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Banners
Change slides automatically
Change slides every
Slideshow descriptionRead by screen readers
Top padding
Bottom padding
Subheading block
Text
Heading block
Heading
Heading sizeOptions: Medium, Large
Text block
Text
Buttons block
First button label
First button link
First button styleOptions: Solid, Outline
Second button label
Second button link
Second button styleBoth styles follow the section's color scheme, so they work on light and dark backgrounds Options: Solid, Outline
Use a custom button colorApplies to solid buttons. Off uses the store accent color.
Button color
Details line block
Text
Countdown block
Label
ProductUses the product's release date field, image and price
Release dateOptional. Overrides the product's date. Use YYYY-MM-DD, for example 2027-01-16.
Release time24 hour time in your store's time zone, for example 10:00
Show seconds
Message when the countdown ends
Banner block
Image1600 x 1200px recommended
Mobile imageOptional. 800 x 1000px recommended
Overlay strengthText over image layout. Busy or bright photos need a stronger overlay for the text to stay readable.
Subheading
Heading
Heading sizeOptions: Medium, Large
Text
First button label
First button link
First button styleOptions: Solid, Outline
Second button label
Second button link
Second button styleOptions: Solid, Outline
Use a custom button colorApplies to solid buttons. Off uses the store accent color.
Button color
Details line

Scrolling banner

A strip that scrolls sideways: brand logos you carry, or short text such as Free in-store pickup.

  • Use transparent PNG logos for a clean look.
  • Only show logos you are licensed to use.
Section settings
Heading
ModeText shows each item's text. Images shows each item's image, such as brand logos. Options: Text, Images
Text sizeApplies to text mode Options: Small, Medium, Large
Image height
Space between items
SeparatorOptions: None, Dot, Star
Show items in muted colorsGray text, or grayscale images. Linked items show in color on hover.
Motion
Time for one loopLower is faster
DirectionOptions: Left, Right
Pause on hover
Style
Show top and bottom borders
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Item block
TextShown in text mode. In images mode it's the image's alt text, and it's shown when there's no image.
ImageShown in images mode. Transparent .png or .svg logos work best.
Link

Highlights

Short facts with icons, such as opening hours, free pickup or We buy cards.

Section settings
Subheading
Heading
Link label
Link
Heading alignmentOptions: Left, Center
Heading sizeOptions: Small, Medium, Large
StyleOptions: Cards, Plain
Highlights per row0 fits as many as there is room for
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Highlight block
IconOptions: None, Clock, Store, Price tag, Calendar, Delivery truck, Star, Shield, Trophy, Cards, Map pin
Heading
Text
Link

Collection tiles

Large tiles that link to collections, made for Shop by game. Each tile can show a game logo, a featured pack or box image, and quick links such as Singles or Boxes.

  • Featured image style suits a pack or box with a transparent background.
  • Quick links show any menu as small buttons, so create a short menu for each game.
Section settings
Subheading
Heading
Link label
Link
Button label
Tile heightOptions: Small, Medium, Large
Columns on desktop
Swipe on mobile
Heading alignmentOptions: Left, Center
Heading sizeOptions: Small, Medium, Large
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Tile block
Collection
HeadingLeave empty to use the collection title
LinkLeave empty to link to the collection
Subheading
Text
Show product count
Quick linksShows links from the chosen navigation as small buttons, such as Singles and Boxes
Images
LogoOptional. Replaces the heading text, such as a game logo you're licensed to use. Transparent .png recommended
Image
Image styleFeatured suits a box, pack or character with a transparent background. Background suits set art or a store photo. Options: Featured on the right, Background
Colors
Background
Text
Heading
HoverUsed for the outline, quick links and button on hover

Graded showcase

A panel for graded slabs: your intro text beside up to three graded products. Each card shows the slab in the main photo and how many slabs are in stock.

  • Use the Graded product template for these products so each grade is a variant.
Section settings
Subheading
Heading
Text
Button label
Link
ProductsOptions: From a collection, Choose products
CollectionProducts show in the collection's sort order. To show best sellers, sort the collection by Best selling in the admin.
Products
LayoutOptions: Text on left, Text on right
Enable card tiltTilts each product photo toward the mouse on desktop. Best for single cards and slabs. Turns off for customers who prefer reduced motion.
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Newest releases

Your most recently released products, picked automatically from each product's Release date field. Products with a future date are left out because they show in the Release calendar.

  • Set Product type to Sealed to show only boxes and packs.
  • Choose Manual to pick products yourself.

Automatic shows the most recently released products, using each product's Release date field. Products with a future date appear in the release calendar instead.

Section settings
Subheading
Heading
Link label
Link
ProductsOptions: Automatic, Choose products
Collection to searchLeave empty to search all products. The 50 newest products in the collection are checked.
Product typeOnly show this product type, such as Sealed. Leave empty to show every type.
Products
Layout
Products per row
RowsPhones show 2 products per row
Show set linkUses each product's Set field
Set link label
Heading alignmentOptions: Left, Center
Heading sizeOptions: Small, Medium, Large
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Release countdown

A live countdown to a release, with the product's image, price and a pre-order button.

  • Pick a product and the countdown uses its Release date field, or enter a date by hand.
  • When the countdown ends, the section shows your ended message and second button label.
  • Turn on Use a custom accent color to give this section its own color, such as the colors of a set.
Section settings
ProductUses the product's release date field, image and price
Release dateOptional. Overrides the product's date. Use YYYY-MM-DD, for example 2027-01-16.
Release time24 hour time in your store's time zone, for example 10:00
Show seconds
Content
Subheading
HeadingLeave blank to use the product title
Text
Show price
Button label
LinkLeave blank to link to the product
Message when the countdown ends
Button label when the countdown ends
Image
ImageLeave blank to use the product image
LayoutOptions: Image on right, Image on left
Image hover effectSpotlight: a glow follows the mouse and the product turns toward it. Desktop only, off for customers who prefer reduced motion. Options: Spotlight, None
Use a custom accent colorOff uses the store accent color from theme settings
Accent color
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Release calendar

Upcoming releases, soonest first, built from products with a future Release date. Add Release blocks for sets you haven't listed as products yet.

Shows products with a future Release date, soonest first. Add rows for releases that aren't listed yet.

Section settings
Subheading
Heading
Link label
Link
Collection to searchLeave empty to search all products
Maximum products
Button label
Heading alignmentOptions: Left, Center
Heading sizeOptions: Small, Medium, Large
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Release block
Month
Day
Category
Name
Price
Link
Button label

Events

Event cards for tournaments, release drafts and play nights, each with a date, entry fee, link and its own color.

  • Link the section button to a blog of event posts for a full schedule.
Section settings
Subheading
Heading
Link label
Link
Button label
Button linkFor example your events blog or calendar page
Link anchorLets links jump to this section, for example #events
Heading alignmentOptions: Left, Center
Heading sizeOptions: Small, Medium, Large
Columns on desktop
Swipe on mobile
Hover effectOptions: Color band grows, None
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Event block
Date and time
Name
Text
Entry fee
Link
Link label
Accent

Grading service

Promote a grading submission service: image, text, the grading companies you submit to and a button.

Section settings
Subheading
Heading
Text
ImageA photo of your counter, a stack of slabs or a card being checked works well
Image positionOptions: Left, Right
Grading companiesSeparate with commas, for example the companies you submit to
Grading companies label
Button label
Link
Link anchorLets links jump to this section, for example #events
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Sell to us

Tell customers you buy cards. A numbered list in the text shows as step cards. Show three cards fanned out, an image, or neither.

  • Choose Card fan under Media and pick three single cards. They lift when hovered.
  • Point the button at your contact page so customers can send a list of what they're selling.
Section settings
Subheading
Heading
TextA numbered list in the text shows as step cards
Button label
Link
Button styleOptions: Solid, Outline
Media
MediaOptions: Card fan, Image, None
CardsUsed when Media is Card fan. Choose three single cards; they fan out and lift when hovered.
Image
Media sizeOptions: Small, Medium, Large
Media positionOptions: Left, Right
Link anchorLets links jump to this section, for example #events
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Store info

Your store address, a short description, phone number, opening hours and a photo.

Section settings
Subheading
Heading
Text
Button label
LinkPaste a Google Maps directions link
Phone number
Hours heading
ImageOptional. A photo of the storefront or map
Image sideOptions: Left, Right
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Hours block
Days
Hours

Product and collection pages

Product information

The product page: photos, title, price, variant picker, buy buttons and details. Every part is a block you can move, hide or remove. Release info, What's inside and the certificate number read custom fields (see the Setup guide).

  • Holo has three product templates: Default for sealed product, Single for raw cards and Graded for slabs. Choose a product's template in your admin under Theme template.
  • With many photos, customers can use the arrows on the main image, swipe on phones or scroll the thumbnails.
Section settings
ProductOnly used when this section is added outside product pages
Show link to product pageOnly shown when this section is added outside product pages
Color scheme
Enable sticky media on desktop
Enable card tiltTilts the main photo toward the mouse on desktop. Works best when photos are cropped to the card or slab edges. Turns off for customers who prefer reduced motion.
Media
Image sizeOptions: Small, Medium, Large
Image side on desktopOptions: Left, Right
ThumbnailsOptions: Below the image, Left of the image
Show full size image buttonOpens the image at full size so customers can check corners and edges
Brand and set block
TextLeave empty to show the brand and the set from the product's set field

Title block: no settings.

Badges block: no settings.

Price block: no settings.

Shop Pay Installments block: no settings.

Variant picker block: no settings.

Certificate number block: no settings.

Purchase limit note block: no settings.

Buy buttons block
Show quantity selector
Show dynamic checkout buttonsCustomers see their preferred payment method, like PayPal or Apple Pay.
Show recipient form for gift cardsLets customers send gift cards to someone else with a personal message
Release info block
Pre-order text
Released text

Pickup availability block: no settings.

What's inside block
Heading
Contents when a product has noneOne item per line, for example 24 booster packs. Shown on every product using this template that has no Contents of its own.

Description block: no settings.

Product details block
Heading
Open by default
Collapsible tab block
Heading
Content
Page content
Complementary products block
Heading
Maximum products
Text block
Text
StyleOptions: Body, Subtle, Callout

SKU block: no settings.

Share block
Button label
Custom Liquid block
Custom Liquid

Related products

Related products below the product details: products from the same set first, then the same game or sport, or Shopify's own recommendations.

  • Same set uses each product's Set field.
Section settings
Subheading
Heading
Recommendation sourceSame set uses the product's Set field, then the collection named by its game: or sport: tag, such as game:aetherbound. Products with neither use Shopify recommendations. Options: Same set, then same game or sport, Shopify recommendations
Maximum products
Products per row
Heading alignmentOptions: Left, Center
Enable card tiltTilts each product photo toward the mouse on desktop. Best for single cards and slabs. Turns off for customers who prefer reduced motion.
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme

Collection banner

The collection title, description and image at the top of a collection page.

Section settings
Subheading
Text alignmentOptions: Left, Center
Banner heightOptions: Small, Medium, Large
Show background panel
Show collection description
Show collection imageUses each collection's own image, set in Products > Collections. Landscape images 1200 x 800px or larger work best. Collections without an image show text only.
Image sideOptions: Left, Right
Show product count
Show breadcrumbs
Quick linksShows links from the chosen navigation as buttons, such as the games in a category
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme

Product grid

The product grid with filters and sorting. Filters are set up in the Shopify Search & Discovery app.

  • Show filters for format (box, pack, single), availability and price to help customers narrow sealed product.
Section settings
Products per page
Enable filteringCustomize filters with the Search and Discovery app.
Enable sorting
Show grid and list buttonsThe list view suits shops with many singles
Default layoutOptions: Grid, List
Products per row
Products per row on mobileOptions: 1, 2
Filters on desktopOptions: Left, Right

Collection list

A grid of all your collections.

Section settings
Collections per page
Columns on desktop
Image shapeOptions: Square, Portrait (4:5), Landscape (3:2)
Show product count

Content and pages

Image with text

An image beside a heading, text and button.

Section settings
Image
LayoutOptions: Image on left, Image on right
Image width on desktopOptions: 40%, 50%, 60%
Image shapeOptions: Original, Landscape (4:3), Square, Portrait (4:5)
Content alignmentOptions: Top, Middle, Bottom
Text alignmentOptions: Left, Center
Show text above the image on mobile
Show background panel
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Subheading block
Text
Heading block
Heading
Heading sizeOptions: Small, Medium, Large
Text block
Text
Button block
Button label
Link
Button styleOptions: Solid, Outline

Rich text

A centered heading, text and buttons.

Section settings
Text alignmentOptions: Left, Center
WidthOptions: Narrow, Wide
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Subheading block
Text
Heading block
Heading
Heading sizeOptions: Medium, Large
Text block
Text
Buttons block
First button label
First button link
First button styleOptions: Solid, Outline
Second button label
Second button link
Second button styleOptions: Solid, Outline

Columns

Columns with an icon or image, heading and text, such as reasons to shop with you.

Section settings
Subheading
Heading
Link label
Link
Columns on desktop
Image ratioOptions: Original, Square, Landscape, Portrait
Text alignmentOptions: Left, Center
Show columns as cards
Heading alignmentOptions: Left, Center
Heading sizeOptions: Small, Medium, Large
Mobile layoutOptions: One per row, Two per row, Swipe
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Column block
Image
IconShown when there's no image Options: None, Cards, Star, Shield, Trophy, Delivery truck, Store, Clock, Calendar, Price tag, Map pin
Heading
Text
Link label
Link

Collapsible content

Questions and answers that open when tapped, used on the FAQ page.

Section settings
Subheading
Heading
Text
LayoutOptions: Heading above rows, Heading beside rows
Open the first row
Link anchorLets links jump to this section, for example #events
IconOptions: Arrow, Plus
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Row block
Heading
Content
PageShows the page content below the row content

Slideshow

Full width slides with text and buttons.

Section settings
HeightOptions: Small, Medium, Large, Adapt to content
Make section full width
Change slides automatically
Change slides every
Slideshow descriptionRead by screen readers
Top padding
Bottom padding
Slide block
Image2400 x 1200px recommended
Mobile imageOptional. 800 x 1000px recommended
Image overlay
Subheading
Heading
Text
First button label
First button link
Second button label
Second button link
Text positionOptions: Left, Center, Right
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme

Video

A YouTube, Vimeo or uploaded video, or a silent looping background video.

Section settings
Subheading
Heading
Shopify-hosted videoPlays instead of the video link when both are set
YouTube or Vimeo link
Cover image
Video descriptionDescribes the video for screen readers
Video shapeOptions: Widescreen (16:9), Standard (4:3), Square, Vertical (9:16)
Play as a silent loopUploaded videos only. Plays muted on repeat with a pause button, and starts paused for customers who prefer reduced motion.
Make section full width
Heading alignmentOptions: Left, Center
Heading sizeOptions: Small, Medium, Large
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Email signup

An email signup. Signups appear in your Shopify customers list.

Subscribers are added to your customer list with the newsletter tag

Section settings
Subheading
Heading
Text
Button label
Success message
LayoutOptions: Stacked, Text beside the form
Text alignmentOptions: Left, Center
Show background panel
Background imageShown behind the text under a fade of the section color
Overlay strength
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Contact form

A contact form, used on the contact page. Optional image and button.

Section settings
Subheading
Heading
Text
Link labelOptional button below the text, for example a link to your store locator
Link
ImageShown beside the text when the form is hidden, or below the text when the form is shown
Image sizeOptions: Small, Medium, Large
Form
Show form
Message label
Button label
Email subjectAdded to messages from this form, such as Sell to us
Success message
Link anchorLets links jump to this section, for example #events
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Store locator

One store or many: each store block has an address, hours, live open or closed status, directions and a map. With several stores, customers can search or sort by distance.

  • Use 24 hour times like 11:00-21:00, and write Closed on closed days.
  • Add each store's latitude and longitude to sort stores by distance.
Section settings
Subheading
Heading
Text
Show searchShown when there's more than one store
Show use my location buttonSorts stores by distance. Needs a latitude and longitude for each store.
Map
MapOptions: Google Maps, loaded on click, Image only, None
Map imageShown before Google Maps loads, or on its own with Image only. 1200 x 900px recommended
Google Maps API keyOptional. Uses Google's official Maps Embed API, which is free. Leave empty to use the basic embed.
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding
Store block
Store name
Address
Phone number
FeaturesSeparate with commas, for example Play tables, Trade counter
Note
Directions linkLeave empty to create a Google Maps directions link from the address
Opening hours
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
Location
Latitude
Longitude
Search keywordsExtra words customers might search for, such as a neighborhood or ZIP code

Custom section

Build your own layout from text, rows and columns.

Section settings
Content widthOptions: Page width, Narrow
Background
Overlay strength
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Custom Liquid

Add your own Liquid or HTML code, for example an embed from another service.

Section settings
Custom LiquidAdd app snippets or other code to create advanced customizations.
Show onOptions: Desktop and mobile, Desktop only, Mobile only
Color scheme
Top padding
Bottom padding

Blog posts

The list of posts on a blog page.

Section settings
Articles per page
Show tag filters
Show author
Articles per row
Show date
Show excerpt
Show image
Image shapeOptions: Landscape (3:2), Wide (16:9), Square, Portrait (4:5)

Blog post

A single blog post.

Section settings
Show author
Show date
Show tag filters
Show image
Image widthOptions: Same as the text, Wider than the text

Page

The content of a standard page.

Section settings
WidthOptions: Narrow, Full
Show page titleWhen hidden, the title is still read by screen readers
Title alignmentOptions: Left, Center

Password page

The page customers see while your store is password protected.

Section settings
Heading
Show email signup
Color scheme