Chassis theme documentation

Sections reference

Every section that has settings or blocks, with the labels the editor shows. Each section also has a Section style group (color scheme, spacing, width, heading size, text alignment, corner radius and divider line). It is the same in every section, so it is not repeated here.

Helper sections with no settings or blocks are not listed: compare-item, fitment-index, main-404, main-page, main-password, pickup-availability, predictive-search.

For the product page blocks see Product page.

Announcement bar

File announcement-bar. Shows one message or rotating messages above the header. Settings: "Color scheme", "Rotate announcements". Block "Announcement": "Text", "Link".

Apps

File apps. Gives apps a place to add content. Settings: "Width". Block "@app": no settings.

Blog posts

File blog-posts. Shows the latest articles from a blog. Settings: "Heading", "Blog", "Number of articles", "Columns".

Cart drawer

File cart-drawer. Shows the cart in a side drawer. Settings: "Color scheme".

Category index

File category-index. Shows collections as tiles so shoppers can pick a part category. Settings: "Heading", "View all link", "Layout", "Columns on desktop (equal tiles)". Block "Collection": "Collection", "Image override", "Label override".

Collapsible content

File collapsible-content. Hides longer text under a heading that the shopper opens. Settings: "Heading", "Add FAQ structured data". Block "Question and answer": "Question", "Answer".

Collection list

File collection-list. Shows a set of collections as a list or grid. Settings: "Heading", "Columns on desktop", "Columns on mobile". Block "Collection": "Collection".

Compare

File compare. Sets the heading of the compare page, which shows up to four products side by side. Settings: "Heading".

Contact form

File contact-form. Shows a contact form for shoppers. Settings: "Heading", "Show phone field".

Contact information

File contact-info. Shows the shop address, hours and contact details. Settings: "Heading". Block "Address": "Address". Block "Phone": "Phone". Block "Email": "Email". Block "Opening hours": "Opening hours".

Custom Liquid

File custom-liquid. Adds your own Liquid code, or the insertion point that some apps use. Settings: "Liquid code".

Custom section

File custom-section. A section for a custom layout. Settings: "Background". Block "@theme": no settings.

File featured-collection. Shows products from one collection, with a vehicle-aware heading. Settings: "Collection", "Heading", "Heading without a vehicle", "Maximum products to show", "Columns on desktop", "Columns on mobile", "Layout".

File featured-product. Shows one product with its image and buy options. Settings: "Product", "Media ratio", "Media fit". Block "Title": no settings. Block "Vendor": no settings. Block "Price": "Show badges", "Show tax and shipping note". Block "SKU": no settings. Block "Inventory": "Low stock threshold". Block "Variant picker": "Picker type". Block "Quantity": no settings. Block "Buy buttons": "Show dynamic checkout buttons". Block "Text": "Text". Block "@app": no settings.

File footer. Sets the footer: brand text, menu columns, newsletter, payment icons and policy links. Settings: "Color scheme", "Show country selector", "Show language selector", "Show payment icons", "Show policy links", "Show Follow on Shop button". Block "Brand": "Show logo", "Text". Block "Menu": "Menu", "Heading". Block "Text": "Heading", "Text". Block "Newsletter": "Heading", "Text". Block "Parts desk" (one allowed): "Heading" (default "Parts desk") and "Phone number".

File header. Sets the header: logo, menus, vehicle slot, search, compare, account and cart. Settings: "Color scheme", "Utility strip color scheme", "Menu", "Secondary menu", "Account menu", "Mega menu layout", "Sticky header", "Show country selector", "Show language selector". Block "Text": "Text". Block "Link": "Text", "Link". The category links can be numbered with the setting "Number the category links", which prints 01, 02 and so on before each top-level link. The Compare, Quick order and Shop by make links appear in the header when you choose their pages under Theme settings > Trade tools, in "Compare page", "Quick order page" and "Shop by make page".

Hero

File hero. Shows a large banner with a heading, an image and an optional button. Settings: "Image", "Mobile image", "Heading", "Height", "Overlay opacity", "Content position". Block "@theme": no settings.

Image with text

File image-with-text. Shows one image beside text. Settings: "Image", "Image position", "Heading". Block "@theme": no settings.

Logo list

File logo-list. Shows a row of logos, such as brands you stock. Settings: "Heading", "Columns on desktop", "Columns on mobile". Block "Logo": "Logo", "Alternative text", "Link".

Article

File main-article. Sets the article page. Settings: "Show author", "Show tags", "Show share links".

Blog

File main-blog. Sets the blog listing page. Settings: "Articles per page", "Show date", "Show author", "Show excerpt", "Show comment count".

Cart

File main-cart. Sets the cart page, with its line items, summary and checkout. Settings: "Show accelerated checkout buttons".

Collection

File main-collection. Sets the collection page: filters, sort, grid or list, and promo tiles. Settings: "Filter layout", "Desktop columns", "Mobile columns", "Products per page", "Show description", "Show compare checkbox on cards". Block "Promo tile": "Image", "Heading", "Text", "Button label", "Button link", "Color scheme", "Grid position (slot number on the first page)", "Width (columns)". Set "Show category navigation" to list the category links above the filters. The links come from the menu chosen in "Category menu", which shows up to three levels.

Collection list

File main-list-collections. Sets the page that lists all collections. Settings: "Desktop columns", "Mobile columns", "Collections per page".

Product information

File main-product. Sets the product page. Each block is one part of the buying area. Settings: "Media ratio", "Media fit", "Show sticky add to cart bar". Block "Brand and part number": no settings. Block "Title": no settings. Block "Rating": no settings. Block "Fitment verdict": no settings. Block "Price": "Show badges", "Show tax and shipping note". Block "Variant picker": "Picker type". Block "Quantity": no settings. Block "Buy buttons": "Show dynamic checkout buttons". Block "Volume pricing": no settings. Block "Stock locations": "Locations shown", "Delivery label", "Delivery text". Block "Inventory": "Low stock threshold". Block "SKU": no settings. Block "Pickup availability": no settings. Block "Part numbers": no settings. Block "Documents": no settings. Block "Description": no settings. Block "Collapsible content": "Heading", "Text", "Page". Block "Complementary products": no settings. Block "Share": no settings. Block "Text": "Text". Block "Custom Liquid": "Liquid code". Block "@app": no settings. Block "Vendor": no settings.

Search results

File main-search. Sets the search results page: filters, sort, grid or list. Settings: "Filter layout", "Desktop columns", "Results per page", "Show compare checkbox on cards".

Vehicle page

File main-vehicle. Sets the vehicle page for one Vehicle entry. Settings: "Menu". Block "Text": "Text". Block "@app": no settings.

Multicolumn

File multicolumn. Shows up to four columns of text, each with its own heading. Settings: "Heading", "Columns on desktop", "Columns on mobile". Block "Column": "Image", "Heading", "Text", "Button link", "Button label".

Newsletter

File newsletter. Shows an email signup form. Settings: "Heading", "Text".

Parts diagram

File parts-diagram. Shows an exploded diagram with clickable hotspots, plus a table of the same parts. Settings: "Heading", "Diagram image", "Image position". Block "Hotspot": "Product", "Horizontal position", "Vertical position", "Label override".

Fitted together

File product-bundle. Shows products that are sold to fit with this part, under the heading Fitted together. Settings: "Heading". Block "Product": "Product".

Product fitment

File product-fitment. Shows the table of vehicles that the product fits. Settings: "Rows before show all".

Product index bar

File product-index-bar. Shows anchor links that jump to the sections of the product page. Block "Link": "Label", "Anchor id".

Product part numbers

File product-part-numbers. Shows OEM numbers and cross-reference numbers for the product. Settings: "Heading", "Default panel title".

Product recommendations

File product-recommendations. Shows related products. Settings: "Heading", "Number of products".

Product specifications

File product-specs. Shows the specification table of the product. Settings: "Heading", "Group for lines without a group". Block "Specification row": "Group", "Label", "Value".

Quick order

File quick-order. Shows rows of part numbers and quantities for a fast bulk add to cart. Settings: "Heading", "Intro".

Rich text

File rich-text. Shows formatted text with an optional heading and button. Settings: "Heading". Block "@theme": no settings.

Service facts

File service-facts. Shows a row of short facts, such as the dispatch time. Settings: "Keep the end third empty on desktop". Block "Fact": "Heading", "Text".

Slideshow

File slideshow. Shows a rotating set of banner slides. Settings: "Height", "Autoplay", "Slide duration". Block "@theme": no settings.

Testimonials

File testimonials. Shows customer quotes. Settings: "Heading", "Columns on desktop". Block "Testimonial": "Quote", "Author", "Role", "Rating".

Vehicle directory

File vehicle-directory. Shows makes and vehicles, so shoppers can pick a vehicle without the selector. Settings: "Heading".

Vehicle selector

File vehicle-selector. Lets shoppers choose a vehicle, which is saved for the whole store. Settings: "Layout", "Heading", "Image", "Image overhang", "Link label", "Link", "Button label".

Video

File video. Shows a video from a link or a file. Settings: "Heading", "Video", "Video URL", "Poster image".