Sections

Sections are the blocks you add to pages in the theme editor. This page lists each section you can add, with its main settings and blocks.

Settings most sections share

Most sections have a Section style group. These settings are the same in every section that has it:

Some setting labels in the trade sections are not yet in the theme's English locale file. In those places this page gives the setting name in code, such as show_tape.

Trade sections

Quick order

The quick order pad as a section. Use it on the home page or on its own. Settings: Heading (default "Quick order") and Starting lines (5, 8 or 12; default 8). See Quick order.

Re-order

The re-order list for signed-in buyers. Settings: Heading (default "Your orders"). It works with the template reorder. See Quotes and re-order.

Quote request

The quote form, for the quote page. Settings: Heading (default "Request a quote"). Up to four step blocks, each with one line of text. See Quotes and re-order.

Trade application

The application form for trade accounts. Settings: Heading, Intro (rich text), Spend options (one option per line). Blocks: trade (a trade type, default "Maintenance") and step (up to four lines). See Quotes and re-order.

Branches

A list of your branches, with no map. Settings: Heading (default "Branches"), Image, and the Section style group. Up to 12 Branch blocks. Each block has Name, Address, Phone, Opening hours, Directions link and Pickup note.

Category index

The top categories from the catalog menu, with product counts. Settings: Heading (default "Shop by category"), the menu setting, and show_children (off by default), which also lists the child categories.

A row of products from one collection, for example the items buyers re-order most often. Settings: Heading (default "Often re-ordered"), Collection, a link setting, and Maximum products to show (default 6).

Trade benefits

A short list of trade account benefits as text rows. Settings: Heading (default "Trade account"), a button label and a button link. Up to four fact blocks, each with one line of text, for example "30-day terms on approved accounts".

Brand index

A list of brands from the store's vendors or from blocks you add. Settings: Heading (default "Brands we stock"). Blocks: brand, each with a name and a link.

Reorder strip

The buyer's last order, with Add all to cart. Settings: show_sign_in (off by default). See Quotes and re-order.

Compare

The compare page heading. Settings: Heading (default "Compare products"). Buyers add products to compare with the compare checkbox in collection tables. Up to four products can be compared. Turn compare on or off with Enable compare in the theme settings.

Recently viewed

Products the buyer has looked at. Settings: Heading (default "Recently viewed") and limit (default 4).

Product specifications

A specification table for a product, with an optional drawing. Settings: Heading (default "Specifications"), Show identifiers (on by default) and Drawing (an image).

Standard sections

Hero

A large banner at the top of the home page. Settings: Image, Mobile image, Heading, show_tape (on by default) and tape_text, layout (split or full width), Height, end_content (none, links or quick order), Overlay opacity (default 30). Blocks: up to two button blocks with Button label and Button link, up to two text blocks, and up to two link_list blocks with a heading and links.

Slideshow

A rotating set of slides. Settings: Height (Small, Medium, Large or Extra large), Autoplay (off by default) and Slide duration (default 5 seconds). Add slides from the theme blocks.

Rich text

A heading and formatted text. Setting: Heading (default "Add a section heading"). It also takes theme blocks, such as text, buttons and images.

Image with text

An image beside a heading and text. Settings: Image, Image position (Start or End) and Heading. It also takes theme blocks.

Multicolumn

A row of columns. Settings: Heading, Columns on desktop (default 3) and Columns on mobile (1 or 2 columns). Blocks: Column, each with Image, Heading, rich Text, Button link and Button label.

Products from one collection. Settings: Collection, Heading (default "Featured products"), Maximum products to show (default 8), Columns on desktop (default 4), Columns on mobile (default 2 columns) and Layout (Grid, Slider or a third option for rows).

Collection list

A grid of collections. Settings: Heading, Columns on desktop (default 3) and Columns on mobile. Blocks: Collection, one per collection.

Logo list

A row of logos, for example brands or certifications. Settings: Heading, Columns on desktop (default 5) and Columns on mobile (default 2). Blocks: Logo, each with an image, Alternative text and a Link.

Testimonials

Customer quotes. Settings: Heading (default "What customers say") and Columns on desktop (default 3). Blocks: Testimonial, each with a Quote, Author, Role and Rating (default 5).

Collapsible content

Questions and answers, or any text you want to fold away. Settings: Heading (default "Frequently asked questions") and Add FAQ structured data (off by default). Blocks: Question and answer, each with a Question and a rich Answer.

Contact information

Address, phone, email and opening hours. Settings: Heading (default "Contact us"). Blocks: Address, Phone, Email and Opening hours.

Contact form

The store contact form. Settings: Heading (default "Contact us") and Show phone field (on by default).

Newsletter

An email sign-up. Settings: Heading (default "Join our newsletter") and Text (rich text).

Video

A video with an optional heading. Settings: Heading, Video (an uploaded video), Video URL and Poster image.

Blog posts

Recent blog articles. Settings: Heading (default "From the blog"), Blog, Number of articles (default 3) and Columns (default 3).

One product with its details. Settings: Product, Media ratio (default Square), and Media fit (default Fill). Blocks in order: Title, Vendor, Identifiers, Price, Price breaks, Pack size, SKU, Stock and dispatch, Inventory, Variant picker, Quantity, Buy buttons, Text, and app blocks.

Product recommendations

Related products. Settings: Heading (default "You may also like") and Number of products (default 4).

Announcement bar

A bar above the header. Settings: Color scheme (default scheme 3), Phone number and Rotate announcements (off by default). Blocks: up to eight Announcement blocks with Text and a Link, and up to three Link blocks with a Label and a link.

Custom Liquid

Your own Liquid code. Setting: Liquid code. Use it only with code you trust.

Apps

A place for app blocks. Setting: Width (Page width, Wide or Full width). Add the app blocks that your apps provide.

Custom section

A section with a background image and theme blocks. Setting: Background.

The header and footer are sections in their own groups. They are not added to pages.

Store pages

The product, collection, search, cart and list collections pages use their own sections. Templates set them up. Their settings include: