Theme documentation · Version 3.0.0
Documentation
A Shopify theme for small-batch pet food and treat brands: the whole label on every product, refill plans, and a home page that tells the story of each batch.
Install and preset
Add Lotline from the Shopify Theme Store: Online Store → Themes → Visit Theme Store. The theme installs with the Lotline preset, which matches the Snuggo demo store.
After installing, open Customize and choose your images, collection and blog in the home page sections. Sections with nothing selected show placeholders so you can see where content goes.
Theme settings
| Group | What you can change |
|---|---|
| Logo | Logo image and width, favicon. Without a logo, your store name is shown, with an optional tag mark in front of it. |
| Colors | Five color schemes. Each has background, text, secondary text, accent, button, button label and border. Every section has a color scheme setting. |
| Typography | Heading, body and accent fonts from the Shopify font library. The accent font is used for prices, batch numbers, labels and other figures. |
| Layout | Page width, page margin, card corner radius and button shape (pill, rounded or square). Text fields follow the button shape. |
| Animations | Scroll reveals on or off, and hover effects on or off. |
| Cart | Drawer or page, and an optional order note. |
| Social media | Instagram, YouTube, TikTok, X, Facebook and Pinterest links, shown in the footer. |
Product metafields and the label panel
Lotline shows your product's label in three places: one line on every product card, a label panel on the product page, and a panel pinned to the hero photo. The information comes from product metafields. Create them once under Settings → Metafields and metaobjects → Products. All are optional; the theme hides anything that's empty.
| Namespace and key | Type | Used for |
|---|---|---|
custom.card_line | Single line text | The line above the product name on cards, for example Protein 22% · 400 g · 9 kcal. |
custom.analysis | Multi-line text | Rows of the label panel, one per line: Crude protein | min 22%. |
custom.ingredients | Multi-line text | The ingredient list printed under the label panel. |
On the product template, the Image with list section has a Label panel block. Turn on Use this product's analysis and it reads the metafields of the product being viewed. On other pages, type the rows into the block instead.
Home page sections
| Section | Notes |
|---|---|
| Hero | Two layouts. Wordmark above photo sets a word edge to edge (your store name by default), then an intro row and a large photo or looping video. Text on photo places the text on a full-bleed photo with a scrim. An optional label panel block links to a product. |
| Marquee | Short phrases that scroll sideways, separated by a small biscuit. Three sizes, speed and direction settings. Pauses on hover. |
| Featured collection | Products from a collection in 2–5 columns, with quick add for single-variant products. |
| Image with list | A rounded photo beside ruled rows (ingredient and share) or a label panel. |
| Image rows | Numbered feature rows that alternate sides: photo, heading, text and link. |
| Stats band | Up to five large figures with units and labels. Plain numbers count up when shown. |
| Image steps | Photos in a row, each with a title and a time or detail, for a routine or a process. |
| Image banner | Photo card: rounded photo with its text on a panel cut into the corner, with optional schedule rows. Full bleed: text on the photo. |
| Table with image | A photo beside a table you type as text (columns separated by |), with one highlighted row. Used for the treat guide. |
| Blog posts | The latest posts as a grid or a sideways carousel with arrows and drag. |
| FAQ | A heading on the left and questions that open on the right. |
| Also available | Multicolumn, image with text, rich text, collection list, featured product, email signup, custom Liquid. |
Product pages
The product information section is made of blocks you can reorder: lot line, text, title, price, variant picker, purchase options, buy buttons, description, inventory status, SKU, collapsible tabs, share, complementary products, custom Liquid and app blocks.
- Lot line: a batch badge and a line such as
Baked Tue 23.09 · Best before 23.12. - Variant boxes: for single-option products each box shows the size's own price.
- Sticky buy bar: slides up once the Add to bag button leaves the screen, and follows the chosen variant. Turn it off or change its color scheme in the section settings.
- Swatches: color and pattern options show as swatches when set in the product's category metafields.
- Gift cards and pickup: gift card recipients and local pickup availability are supported.
- Complementary products: set them with the free Search & Discovery app.
Refill plans (subscriptions)
To sell a refill plan, install a subscriptions app (for example Shopify Subscriptions) and add a plan to the product. The Purchase options block then shows each plan as a card with its price. Payment always happens in Shopify checkout. Add a purchase options cancellation policy under Settings → Policies.
Collections, filters and search
Filters come from the Search & Discovery app: availability, price, product options, tags and metafields. Show them in a sidebar or a drawer, and choose between a Load more button and page numbers. The header search suggests products, collections, pages and posts as customers type.
Journal
The blog page features the newest post large and lists the rest in a grid. Tags on each post become topic filters. Posts show an estimated reading time, and a Keep reading section under each post suggests three more.
Page templates
page.about: page content, image rows, a stats band and a photo card.page.contact: page content and a contact form.
Assign a template in each page's Theme template setting, then edit its sections in the theme editor.
Animations
Sections reveal as they scroll into view, figures count up, photos open from the bottom and drift slightly with the page, and buttons and cards respond to hover. Turn scroll reveals or hover effects off in Theme settings → Animations. Visitors who ask their device for reduced motion never see animations, and all content stays visible without JavaScript.
FAQ
The label panel is empty on a product.
Add the custom.analysis metafield to that product, or turn off Use this product's analysis in the block and type the rows.
The Purchase options block doesn't show.
It only appears when the product has subscription plans. Install a subscriptions app and add a plan to the product.
The big word in the hero is too long.
Set a shorter word in the hero's Wordmark setting. Short words (4–8 letters) fill the width best.
Can I use Lotline for something other than pet treats?
Yes. The label panel and treat guide suit any product with an analysis, and the other sections work with any catalog.
Where do I add filters?
Install the free Search & Discovery app and choose filters under Filters.
Support policy
Use the support form. We reply within two business days (Monday–Friday, 9:00–17:00 UTC+3).
Support covers theme settings, bugs and questions about features in this documentation. It doesn't cover custom code changes, third-party apps or content setup, but we'll point you in the right direction.
Credits
- Built on Shopify's Skeleton theme (MIT license).
- Fonts: Big Shoulders Display, Archivo and IBM Plex Mono, served from the Shopify font library.
- Product packshots were drawn for the demo by WebKoding. Demo photos are from Pexels (Pexels license), all by MART PRODUCTION, and are not included in the theme files.