Sections

This page covers every Keld section and its blocks, grouped by where they appear. Setting names match the theme editor.

To add a section, open the template in the theme editor and click Add section. Sections marked template only belong to one page type and can't be added elsewhere.

Header, footer and overlays
Home page and content sections
Collection and search pages
Product page
Blog and articles
Cart
Other pages

Header, footer and overlays

Announcement bar

A bar above the header for short messages. Add up to 5 Announcement blocks.

Show on all pages: stays hidden while off or without announcements.
Rotate announcements: shows one announcement at a time and cycles through them. Pauses while a visitor hovers over or focuses the bar. When off, the bar shows every announcement and wraps onto more lines on narrow screens.
Seconds per announcement (4–10s): applies only while rotation is on.
Show dismiss button: visitors can hide the bar; it comes back when you change the announcements.

Announcement block: Text (keep it to one short line; phones cut longer text with an ellipsis), Link label and Link. The link appears only when you set both the label and the link.

Logo

Logo image: replaces the text logo. Use a transparent .png or .svg.
Logo width (50–250px): sets the logo width on desktop.
Text logo: large text that shows when there's no logo image. Leave both text logo fields empty to use the store name.
Text logo, second line: small text in the label font next to the text logo on desktop. Doesn't show on phones.

Navigation

Main menu: top-level items become the navigation. Add a Mega menu block to give an item a panel; items with nested links get a simple dropdown.
Enable sticky positioning: keeps the header at the top of the screen while scrolling. The announcement bar scrolls away.
Show search: shows a search field on desktop and inside the menu on phones.
Show search suggestions: suggests products, collections, pages and articles while typing (Shopify predictive search; configure it under Apps › Search and Discovery). When off, or when suggestions are unavailable, the field searches normally.
Show vehicle button: shows the "Set my vehicle" button and the vehicle badge. Needs the vehicle list in theme settings.

Mega menu block (up to 8)

A mega menu opens a large panel under one top-level menu item.

In Online Store › Navigation, create one menu per column you want, for example a menu called "Suspension" with links to your suspension products.
In the Header, add a Mega menu block.
Menu item: type the top-level menu item this panel belongs to, exactly as it appears in the menu (for example Suspension).
Column 1 menu, Column 2 menu, Column 3 menu: each column is a menu. Column headings show when you set more than one column. The first column ends with an "All …" link to the menu item.
Feature card (optional): Image (4:3 recommended), Heading, Text and Link. The link defaults to the menu item's link. A panel needs at least one column or an image.

Add up to 6 blocks. Each block is a column.

Show social media icons: uses the links in Theme settings › Social media and skips empty ones.
Show payment icons: shows the payment methods turned on in your store's payment settings.
Show Follow on Shop button: lets customers follow the store in the Shop app. Appears only when Shop is on for the store.
Credits: small text in the bottom bar, for example a photo license.

Blocks

Text: Heading (large text at the top of the column, styled like the header's text logo) and Text (a short description of the store).
Link list: Heading (defaults to the menu's title) and Footer menu.
Country and language: appears only when the store sells in more than one country or language (Settings › Markets). Settings: Heading, Show country selector, Show language selector.
Newsletter: Heading and Text. Adds subscribers to Customers with the "newsletter" tag. Set confirmation emails under Settings › Notifications.

Cart drawer (Overlays)

The panel that slides in when a shopper adds a product, if Theme settings › Cart › Cart type is Drawer.

Show order note: adds a note field that saves with the cart and appears on the order.
Show fitment warning: shows "Not listed for your vehicle" on lines whose product fitment doesn't include the shopper's vehicle. Shows nothing without a vehicle or fitment data.

Vehicle selector (Overlays)

The "My vehicle" dialog that opens from the header's vehicle button. Vehicles come from Theme settings › Fitment › Vehicle list. It has no settings of its own. Keep this section in Overlays. See Vehicle fitment.

Slide-in offer (Overlays)

A small card that slides in at the bottom corner after a delay. It's off by default and shows once per visitor: after they dismiss it or follow the link, it stays hidden on that browser. Select this section in the editor to preview it at any time.

Show on storefront: when off, the storefront loads nothing for it.
Seconds before it appears (0–30s): counts from when the page loads.
Image: 1:1 recommended. Leave empty for a text-only card.
Heading, Text, Link and Link label. The link appears only when you set both the link and the link label.

Home page and content sections

These sections can be added to the home page and to other templates.

Slideshow

A full-width dark slideshow with up to 5 Slide blocks and an optional Vehicle selector block.

Rotate slides automatically: needs two or more slides. Pauses while a visitor hovers over or focuses the slideshow, stops after a visitor picks a slide, and stays off for visitors who prefer reduced motion.
Seconds per slide (5–10s).
Key facts: Fact 1 to Fact 4. Up to four short facts under the heading, for example "12 platforms". A leading number shows in bold. Leave a field empty to hide it.

Slide block: Image (2400 x 1350px recommended; the first slide loads first), Subheading, Heading, Text, Photo credit (shows in the corner as "Photo: …"), Button label and Button link.

Vehicle selector block (1 per slideshow): offers make, model and year from the vehicle list in theme settings, saves the shopper's vehicle and opens the all-products collection. Settings: Heading and Button label. Needs the Vehicle selector section under Overlays.

Scrolling text

A strip of text or logos that scrolls sideways. Visitors who prefer reduced motion see a static list instead, and every visitor can pause it with the pause button.

Scroll duration (20–90s): sets the seconds for one full pass.

Platform block (up to 20): Text, Logo (optional; shows before the text; use a transparent .png or .svg) and Link.

Image with hotspots

A photo with numbered pins. Each pin opens a card for a product.

Image: 3:2 recommended. Phones crop it to 4:3.
Photo credit: shows after the legend as "Photo: …".
Subheading, Heading, Text.

Pin block (up to 6):

Product: the product the pin opens.
Label: a short name for the legend and screen readers. Defaults to the product title.
Horizontal position and Vertical position (0–100%): where the pin sits on the image. 0% is the left or top edge.
Open on page load: shows this pin's card when the page opens. Only the first pin with this setting on opens.

Featured collections

A list of collections, each with a short code, text and image. Up to 8 Collection blocks.

Subheading, Heading, Link label and Link (leave empty to link to all products).

Collection block: Collection, Code (short code in the left column, for example SUS; leave empty to use the first three letters of the collection title), Short text and Image (optional; leave empty to use the collection image).

Before / after

Two images with a handle the shopper drags to compare them.

Subheading, Heading, Text.
Before image and After image: 16:9 recommended. Use the same framing for both.
Before label and After label.
Start position (0–100%): where the handle sits when the page loads.

Comparison table

A table that compares up to 4 options across rows. Up to 12 Row blocks.

Subheading, Heading, Link label and Link (the link shows only with a label and a URL).
Column 1 heading to Column 4 heading. Leave column 4 empty for a three-column table.
Highlighted column: gives the column an accent heading and tinted cells.

Row block: Attribute and Column 1 value to Column 4 value.

Product bundles

Groups of products that shoppers add to the cart in one click. Up to 6 Bundle blocks.

Subheading, Heading, Text.

Bundle block:

Bundle name: the cart saves it on each line to group the bundle's parts.
Short text.
Image: 16:10 recommended. Optional: leave empty to use the first product's image.
Products: choose up to six. "Add all" adds one of each in-stock product and skips sold-out ones. Products with several variants add their first available variant.

Fitment steps

Explains how vehicle fitment works on your store, in up to 6 Step blocks.

Subheading, Heading, Text.
Step block: Heading and Text.

Image gallery

A grid of square images, for example customer photos. Up to 12 blocks.

Subheading, Heading.
Image block: Image (1:1 recommended), Link (optional, for example the post or the fitted product) and Caption (a short label in the corner, for example a handle or a photo credit).
For a live Instagram feed, add an app block; it shows at full width under the tiles.
While Show "Demo fitment" label is on, a Demo images tag shows next to the heading.

Blog posts

The latest posts from one blog.

Blog: shows the latest posts from this blog.
Posts to show (2–6), Subheading, Heading, Text.
Remove top padding: use when the section follows a full-width dark section.

Installer locator

A list of fitting partners with an optional region menu. There is no map service: you add each installer as a block (up to 12).

Subheading, Heading.
Map or workshop image: 4:3 recommended.
Image caption: a short label in the corner of the image.

Installer block: Name, City, Region (feeds the region menu; spell it the same way on every installer in that region, or leave it empty to show the installer in every region), Services (one line) and Distance (any text, for example "4.2 km").

The region menu shows once two or more regions exist.

FAQ

Questions and answers that open and close. Up to 20 Question blocks.

Subheading, Heading.
Open the first question: the first question starts expanded; the rest start closed.
Question block: Question and Answer. Point to your policies rather than promising terms here, for example "See our Shipping policy".

An email signup form. Adds subscribers to Customers with the "newsletter" tag.

Subheading, Heading, Button label.
Note under the form: optional small print, for example how often you send.
Image: 16:9 recommended. Shows above the form on phones.

Custom Liquid

Add Liquid or HTML, for example an app's snippet. It renders inside the page container.

Collection and search pages

The dark heading area at the top of a collection page.

Show breadcrumb.
Fallback image: 3:1 recommended. Appears only when the collection has no image of its own.
Subheading: a small line above the collection title.
Show the collection description and Show the product count.

Product grid (collection template only)

Products per page (8–24).
Default grid on desktop: three or four columns. Shoppers can switch with the column toggle; their browser remembers the choice.
Show the column toggle, Show sorting, Show filters. Filters come from the Search & Discovery app.
Empty collection heading and Empty collection text: show when the collection has no products.

Fits my vehicle: the sidebar has a "Fits my vehicle" box. It hides products on the current page whose fitment list doesn't include the shopper's vehicle, and products without fitment data. See Vehicle fitment.

Promo tile block (1): a dark tile inside the grid that spans two columns.

Image, Subheading, Heading, Text, Link label, Link (leave empty to link to all products).
Position (1–12): how many products come before the tile.
Show on the first page only.

Search results (search template only)

Results per page (8–24), Default grid on desktop, Show the column toggle, Show sorting, Show filters.
Show articles and pages: lists them under the products. Filters and sorting apply to products only.
Page heading: Show a search field on the page, Banner image (optional) and Subheading.
No results: Heading (use {terms} for what the shopper searched for) and Text.

The "Fits my vehicle" box works the same way as on collection pages.

Collection list (collections list template only)

Subheading, Heading (leave empty to use "Collections"), Text, Collections per page (8–40).

Product page

The Product section and its blocks are covered on their own page: Product page.

Product recommendations (product template only)

Subheading, Heading, Show the "Shop all parts" link, Number of products (2–8).
Recommendation type: Related shows similar products; Complementary shows products you set up in Search & Discovery. Shows nothing while Shopify has no recommendations.

The demo product template uses this section twice: once for complementary and once for related products.

Blog and articles

Blog (blog template only)

Show banner image and Banner image. When off, the page shows the heading only.
Subheading.
Show tag filter: buttons that filter posts by tag.
Posts per page (6–24).

Article (article template only)

Show featured image, Show date, Show author.
Blocks: Custom Liquid and app blocks.

Cart

Cart page (cart template only)

Show order note: adds a note field that saves with the cart and appears on the order.
Show fitment warning: shows "Not listed for your vehicle" on lines whose product fitment doesn't include the shopper's vehicle.
Blocks: Custom Liquid and app blocks.

The cart page and the cart drawer show dynamic checkout buttons (such as Shop Pay) as set up in your payment settings.

Other pages

Page (page template only)

Show page heading.
Enable narrow reading width: keeps text to about 72 characters per line. Turn off for pages with wide tables or embeds.

Contact form (page template only)

Used by the page.contact template. Assign that template to your Contact page in Online Store › Pages.

Intro text: appears above the form, after the page's own content. For spam protection, use Shopify's storefront reCAPTCHA setting.
Button label.

404 page

Heading, Text, Show search form.

Password page

Logo and Logo width. Without a logo, the store name appears in the heading font.
Heading.
Show email signup: tags subscribers "prospect, password page" in Customers.
Show social media icons.

Customer account pages

Login, registration, account, order, addresses, account activation and password reset each have their own section. Customer account and Customer order also accept Custom Liquid and app blocks.

Still stuck with Keld? Contact support with your store URL and the page where it happens.