Techno documentation
Techno is a Shopify theme for consumer tech and accessories. The storefront looks like a hardware terminal: bordered panels with a label and a status in the header strip, spaced-out monospace details, and one accent color kept for prices and stock states.
This documentation covers theme version 1.0.0. It explains how to set up the theme in the theme editor, what every section and setting does, and how developers can extend the theme safely.
How Techno is built
Four ideas explain most of the theme.
- A color palette sets the colors. "Color palette" writes all ten colors at once. Change a single color to make an exception. Clear that color to return it to the palette. See Colors & palettes.
- Pages are stacks of sections. Every template is a list of sections. Some sections, like the product page, hold blocks you can reorder. See Sections, blocks & templates.
- Real store data, not typed-in copy. The spec table and its rows from product metafields, the product count, stock labels, free dispatch messages and search tabs read from the products, inventory and settings you already keep in Shopify. When the data changes, the storefront changes with it.
- Fast by default. The default font is the visitor's own system monospace font, so no web font has to download. Adding to cart, the cart page, filters and search all keep working with JavaScript turned off.
Where to start
| If you want to… | Read |
|---|---|
| Set up a new store on Techno | Installing Techno |
| Choose between Techno, Flagship and Datasheet | Presets |
| Change the colors, font or page width | Colors & palettes, Typography, layout & brand |
| Build the home page | Home page |
| Set up the menu, search or cart | Features |
| Look up a single setting | Theme settings reference, Sections reference, Blocks reference |
| Add custom code | Custom code |
| Get help | FAQ, Support |
Contents
Getting started
Core concepts
Building pages
- Home page
- Hero
- Slideshow
- Product sections: Featured collection, Featured product & Kits
- Content sections: Image with text, Schematic, Rich text, FAQ, Icon row, Logo list, Blog posts, Newsletter & Custom Liquid
- Pages, contact, blog & utility pages
Features
- Header & navigation
- Announcement bar
- Search
- Product page
- Collection pages
- Product comparison
- Cart drawer & cart page
- B2B: quantity rules & volume pricing
- Footer
- Customer accounts
- Markets, currencies & languages
Developer platform
Reference
Help
An index of every page for AI tools is in llms.txt.