# ThemeLab

> ThemeLab makes Shopify themes. This site has the themes' documentation, support and policies. Every docs page is also available as plain Markdown: add .md to its URL without the trailing slash (e.g. /tally/docs/sections/hero.md).

## Tally theme docs

- [Tally docs in one file](https://themelab.page/tally/llms-full.txt): every page below, concatenated in navigation order
- [Getting started with Tally](https://themelab.page/tally/docs/index.md): Install Tally, choose one of its three presets and get your store ready for launch. Every setting in these docs uses the same name you see in the theme editor.
- [Launch checklist](https://themelab.page/tally/docs/launch-checklist.md): Everything in the presets that is demo content, so you can replace it before your store opens.
- [Theme settings](https://themelab.page/tally/docs/theme-settings.md): Settings that apply to the whole store – logo, typography, layout, shapes, product cards, animations, search, social links and a few extras.
- [Colors and dark mode](https://themelab.page/tally/docs/colors.md): Recolor the whole store with one of 31 palettes, or build your own six color schemes. Let shoppers switch to a dark palette and remember their choice.
- [Header and footer](https://themelab.page/tally/docs/header-and-footer.md): The announcement bar, header layouts, menus with dropdowns and full-width panels, the search bar, language and country selectors, and the footer.
- [Product page](https://themelab.page/tally/docs/product-page.md): The gallery, variant picker, buy buttons, pre-orders, delivery estimate, side panels and every other block of the Product information section.
- [Collections and search](https://themelab.page/tally/docs/collections-and-search.md): The product grid with filters, sorting, a list view and a promo tile; the collections list; and the search results page with suggestions before a search.
- [Cart](https://themelab.page/tally/docs/cart.md): The cart drawer and cart page, the free shipping bar with a second goal, add-ons, gift wrapping, discount codes, a terms checkbox and the shipping estimator.
- [Popups](https://themelab.page/tally/docs/popups.md): Popups for size guides, offers and videos that open from any link or on their own, the newsletter popup and age verification.
- [Blog and pages](https://themelab.page/tally/docs/blog-and-pages.md): The blog and blog posts, pages built from blocks, policy pages, the About, Contact and landing templates, customer accounts, the password page, the 404 page and gift cards.
- [Sections overview](https://themelab.page/tally/docs/sections.md): How sections and blocks work in Tally, the settings every section shares, and an index of every section and block with a link to its documentation.
- [Announcement bar](https://themelab.page/tally/docs/sections/announcement-bar.md): A slim line of news above the header – delivery, returns, a sale – that rotates, scrolls or counts down.
- [Header](https://themelab.page/tally/docs/sections/header.md): Logo, menu, search, account and cart in three layouts, with a full-width shop panel, a transparent mode and a mobile drawer.
- [Footer](https://themelab.page/tally/docs/sections/footer.md): A tidy close to every page – logo and text, menus, a signup form, payment icons and the country and language selectors.
- [Banners and media](https://themelab.page/tally/docs/sections-media.md): Sections built around large images and video – for first impressions, campaigns and moments of visual calm between product rows.
- [Hero](https://themelab.page/tally/docs/sections/hero.md): The catalog opener – a big headline and short text beside a framed image, with quick links to what shoppers look for most.
- [Image banner](https://themelab.page/tally/docs/sections/image-banner.md): A large photo or video with a heading, text and up to two buttons on top – full width or within the page.
- [Slideshow](https://themelab.page/tally/docs/sections/slideshow.md): Several full-width banners that change on their own or with arrows, swipes and keys, with a slide or fade transition.
- [Video](https://themelab.page/tally/docs/sections/video.md): A video from your files or from YouTube or Vimeo, with a cover image and an optional heading and text.
- [Expanding panels](https://themelab.page/tally/docs/sections/expanding-panels.md): A row of tall image panels; one opens wide with its story while the others wait as slim strips.
- [Lookbook](https://themelab.page/tally/docs/sections/lookbook.md): A horizontal row of large images in mixed shapes that shoppers drag or swipe through, with products on the photos.
- [Floating gallery](https://themelab.page/tally/docs/sections/floating-gallery.md): Up to four photo, product, collection or video cards floating in depth beside your text; each comes forward on hover.
- [Before and after](https://themelab.page/tally/docs/sections/before-and-after.md): Two photos with a handle shoppers drag to compare them – for cleaning, restoration, skincare and makeovers.
- [Marquee](https://themelab.page/tally/docs/sections/marquee.md): A band of large text and small images that glides across the screen, separated by dots, sparkles, slashes or hearts.
- [Countdown](https://themelab.page/tally/docs/sections/countdown.md): A live timer to the end of a sale or a launch, with a button, that changes to your own text when time is up.
- [Products and collections](https://themelab.page/tally/docs/sections-products.md): Sections that sell – featured collections with tabs and quick filters, collection tiles, curated edits, promo mosaics, shoppable photos and videos.
- [Featured collection](https://themelab.page/tally/docs/sections/featured-collection.md): Products from one collection – or several as tabs – in a grid or carousel, with quick filters and a products-per-row switch.
- [Featured product](https://themelab.page/tally/docs/sections/featured-product.md): One product with its gallery, price, options and buy buttons on any page – a hero product or a launch.
- [Collection list](https://themelab.page/tally/docs/sections/collection-list.md): Your collections as small tiles, large cards or titles on images, in a grid or carousel – the department tiles of the Tally home page.
- [Collection with image](https://themelab.page/tally/docs/sections/collection-with-image.md): A large photo beside a few products from one collection, with a label, heading, text and button.
- [Edits](https://themelab.page/tally/docs/sections/edits.md): Two or three large curated collection cards with a short description and product count.
- [Promo grid](https://themelab.page/tally/docs/sections/promo-grid.md): A dense mosaic of promotion tiles in four sizes – collections, products, offers – each with its own colors.
- [Shop the look](https://themelab.page/tally/docs/sections/shop-the-look.md): A styled photo with dots on each product and a product list beside it, with one button to add everything to the cart.
- [Image with hotspots](https://themelab.page/tally/docs/sections/image-with-hotspots.md): An image with dots that open small cards – to explain the details of a product, a room or a material.
- [Shoppable videos](https://themelab.page/tally/docs/sections/shoppable-videos.md): A row of vertical videos, each with a product, that open in a full-screen player with sound and an add to cart button.
- [Comparison table](https://themelab.page/tally/docs/sections/comparison-table.md): A table comparing up to four products, plans or bundles feature by feature, with a highlighted column.
- [Related products](https://themelab.page/tally/docs/sections/related-products.md): Products related to the one being viewed, from Shopify's recommendations, under the product details.
- [Recently viewed](https://themelab.page/tally/docs/sections/recently-viewed.md): The products a shopper opened most recently on this device, so they can find their way back.
- [Content sections](https://themelab.page/tally/docs/sections-content.md): Sections for telling your story and answering questions – text with images, columns, tabs, timelines, reviews, press, FAQs, store locations and signups.
- [Image with text](https://themelab.page/tally/docs/sections/image-with-text.md): A photo beside text built from blocks – label, heading, text, list, stats and buttons – plain or on an overlapping card.
- [Rich text](https://themelab.page/tally/docs/sections/rich-text.md): A statement, an introduction or a manifesto – label, heading, text, buttons and link chips, plain or on a card.
- [Multicolumn](https://themelab.page/tally/docs/sections/multicolumn.md): Columns with an icon or image, a heading, text and a link – for benefits, services and how it works.
- [Tabs](https://themelab.page/tally/docs/sections/tabs.md): Tabs with an image, heading, text and button each – a routine, materials or how an order works.
- [Timeline](https://themelab.page/tally/docs/sections/timeline.md): Steps along a line – your story, how a product is made, or what happens after an order – in four layouts.
- [Testimonials](https://themelab.page/tally/docs/sections/testimonials.md): Customer quotes with stars, a name, a photo and the product they bought, as a grid or carousel.
- [Press](https://themelab.page/tally/docs/sections/press.md): Quotes from articles about your store; shoppers pick a publication's logo to read its quote.
- [Logo list](https://themelab.page/tally/docs/sections/logo-list.md): A row of logos – brands you stock, partners or press – in one calm color.
- [Trust bar](https://themelab.page/tally/docs/sections/trust-bar.md): A narrow row of icons with short promises – delivery, returns, secure payment, support.
- [FAQ](https://themelab.page/tally/docs/sections/faq.md): Questions that open one at a time, with a heading and a contact button beside them, and structured data for search engines.
- [Blog posts](https://themelab.page/tally/docs/sections/blog-posts.md): The latest posts from a blog as cards, with placeholders until you have published your own.
- [Store locations](https://themelab.page/tally/docs/sections/store-locations.md): Cards for your shops and showrooms with photo, address, opening hours, phone and a Get directions button.
- [Metaobject entries](https://themelab.page/tally/docs/sections/metaobject-entries.md): The entries of any metaobject – team, ingredients, stockists, questions – as a grid or an accordion.
- [Newsletter](https://themelab.page/tally/docs/sections/newsletter.md): A signup form on a soft card, centered or beside the text, with an optional image.
- [Contact form](https://themelab.page/tally/docs/sections/contact-form.md): A contact form beside your contact channels – email, phone, chat, address, hours – that sends messages to your store email.
- [Pages and templates](https://themelab.page/tally/docs/sections-templates.md): The sections that make each kind of page – collections, search, the cart, the blog, pages, the 404 and password pages and customer accounts.
- [Product grid](https://themelab.page/tally/docs/sections/product-grid.md): The collection page – banner, subcollection chips, filters, sorting, a 2/3/4 or list view, pagination and a promo tile.
- [Collections list](https://themelab.page/tally/docs/sections/collections-list.md): The page at /collections that lists every collection as tiles, cards or titles on images.
- [Search results](https://themelab.page/tally/docs/sections/search-results.md): The search page with filters, sorting and result types – and popular searches, collections and products before a search.
- [Cart page](https://themelab.page/tally/docs/sections/cart.md): The cart page at /cart – items, add-ons, the shipping estimator, notes and blocks of your own.
- [Blog](https://themelab.page/tally/docs/sections/blog.md): The blog page – a featured newest post, a tag filter and post cards with hover effects.
- [Blog post](https://themelab.page/tally/docs/sections/blog-post.md): A post with reading time, table of contents, progress bar, share buttons, author box and related posts.
- [Page](https://themelab.page/tally/docs/sections/page.md): Pages from Online Store › Pages, shown as written or built from blocks – content, policies, text, buttons, images and rows.
- [404 page](https://themelab.page/tally/docs/sections/404-page.md): The page for links that lead nowhere, with a search field and a way back to the store.
- [Password page](https://themelab.page/tally/docs/sections/password-page.md): The page shown while your store is password protected – a teaser with a signup form.
- [Customer accounts](https://themelab.page/tally/docs/sections/customer-accounts.md): Login, register, account, order and address pages for stores using classic customer accounts.
- [Popup](https://themelab.page/tally/docs/sections/popup.md): A popup for a size guide, offer terms, a video or a product – opened from any link or on its own.
- [Newsletter popup](https://themelab.page/tally/docs/sections/newsletter-popup.md): A signup invitation that opens after a delay or on exit, and never returns to those who subscribed.
- [Age verification](https://themelab.page/tally/docs/sections/age-verification.md): A screen that covers the store until visitors confirm their age, and remembers the answer for up to 90 days.
- [Build your own sections](https://themelab.page/tally/docs/build-your-own.md): When no ready-made section fits, build one from blocks – headings, text, buttons, images and groups that nest into columns and cards. Or bring your own code and apps.
- [Section](https://themelab.page/tally/docs/sections/section.md): Build any section from blocks – headings, text, buttons, images, spacers, dividers and nestable groups.
- [Custom Liquid](https://themelab.page/tally/docs/sections/custom-liquid.md): Run your own Liquid, HTML and JavaScript – for embed codes and small additions.
- [Apps](https://themelab.page/tally/docs/sections/apps.md): A section that holds app blocks on a row of their own – reviews, galleries, forms and more.
- [Heading](https://themelab.page/tally/docs/blocks/heading.md): A heading in five sizes with its own HTML tag, alignment and line length.
- [Text](https://themelab.page/tally/docs/blocks/text.md): Rich text in three sizes, with a softer color option and a comfortable maximum line length.
- [Button](https://themelab.page/tally/docs/blocks/button.md): A link styled as a primary, secondary or accent button, or as a text link, in three sizes.
- [Image](https://themelab.page/tally/docs/blocks/image.md): An image in its own or a fixed shape, with a width, rounded corners, a link and a caption.
- [Spacer](https://themelab.page/tally/docs/blocks/spacer.md): Empty space between blocks, with its own height on mobile.
- [Divider](https://themelab.page/tally/docs/blocks/divider.md): A hairline between blocks, full width or shorter, with space above and below.
- [Group](https://themelab.page/tally/docs/blocks/group.md): Holds other blocks – including groups – in a column or a row; turn on a background for cards.
- [Link](https://themelab.page/tally/docs/blocks/link.md): A single link next to the header menu – plain, highlighted or a button, with an icon and a badge.
- [Dropdown](https://themelab.page/tally/docs/blocks/dropdown.md): A dropdown built in the editor from menu items with images, promo cards and a banner – compact or full width.
- [Metafields and metaobjects](https://themelab.page/tally/docs/metafields.md): The product and collection metafields Tally reads, how to create them, and how to show any metaobject on your store with the Metaobject entries section.
- [Languages and markets](https://themelab.page/tally/docs/languages.md): The storefront languages Tally ships with, translating your own content, right-to-left languages, and the language and country selectors.
- [Customizing code](https://themelab.page/tally/docs/customizing-code.md): How to make small changes with Custom CSS and Custom Liquid safely – and when to hire a Shopify Partner instead.
- [Frequently asked questions](https://themelab.page/tally/docs/faq.md): Quick answers about installing, updating and setting up Tally, and about getting help.

## Support

- [Contact support](https://themelab.page/support/): how to reach ThemeLab support
- [Support policy](https://themelab.page/support/policy/): what support covers and response times
- [Privacy policy](https://themelab.page/privacy/): how ThemeLab handles personal data