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:
- Color scheme. Picks one color scheme from the theme settings.
- Top spacing and Bottom spacing. Space above and below the section.
- Content width. Set to Page width, Wide or Full width.
- Heading size. Set to Small, Medium, Large or Extra large.
- Text alignment. Left, center or right.
- Corner radius. The corner radius of the section's boxes.
- Divider line. Set to None, Top, Bottom or Top and bottom.
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.
Featured rows
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.
Featured collection
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).
Featured product
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.
Header and footer groups
The header and footer are sections in their own groups. They are not added to pages.
- Header has the Menu, the Account menu, Mega menu layout, Show category counts (on by default), Sticky header (Off, Always or Show on scroll up), Show country selector and Show language selector. The header also shows the cart, search and quick order links.
- Footer has Show country selector and Show language selector (both on by default), Show payment icons, Show policy links and Show Follow on Shop. Blocks: Brand, Menu, Text, Newsletter (up to one of each where stated) and Branch (up to 12 blocks in total for the footer).
Store pages
The product, collection, search, cart and list collections pages use their own sections. Templates set them up. Their settings include:
- Collection: Filter layout, Desktop columns, Mobile columns, Products per page (default 24), Show description, Default view (default Table), Specification columns (default
Thread, Length) and Price group label (default "Price per pack"). - Product information: Media ratio, Media fit, and Show sticky add to cart (off by default). Blocks include Identifiers, Title, Pack size, Price breaks, Stock and dispatch, Request a quote button, Variant table, Specifications, Documents, Collapsible content, Pickup availability and Custom Liquid.
- Cart: Show accelerated checkout buttons (on by default) and the text setting b2b_note.