Installing Techno

Techno comes in three presets: Techno, Flagship and Datasheet, each with its own Theme Store listing and demo store (see Presets). A fresh install looks like its preset's demo store, apart from the images and products, which come from your own store, and the sections that show products, which show example cards until you choose their products or collections.

Add the theme

1. In Shopify admin, go to Online Store › Themes.
2. Choose a preset, then add Techno from that preset's listing on the Shopify Theme Store: Techno for a consumer tech store, Flagship for one main product and its accessories, Datasheet for a large parts catalog. The preset decides the home page, product page, header and footer you start with. It appears in your theme library, unpublished.
3. Click Customize to open the theme editor. Your live store doesn't change until you publish.

Set-up checklist

Work through these in order. Each step links to the page that covers it in detail.

1. Pick a color palette

Theme settings › Colors › "Color palette". Choose Techno, Dreamy, Blueprint or Monolith. This sets all ten colors, so do it before you adjust any single color. See Colors & palettes.

2. Add your brand

Theme settings › Brand:

• Turn on "Use a custom logo" and upload a "Logo". With it off, the header shows your shop name as text.
• Set "Logo width".
• Add a "Tagline" if you want a short line beside the logo, such as a department or location.
• Upload a "Favicon" (32 × 32 px recommended).

See Typography, layout & brand.

3. Connect your menus

Techno uses three menus from Online Store › Navigation:

Top-level links with child links open a panel: a mega menu when their child links have links of their own, a dropdown otherwise. The header shows up to three menu levels. See Header & navigation.

4. Set the free dispatch amount

Theme settings › Commerce › "Free dispatch over". It starts at 0, which hides every free dispatch message. If you offer free shipping, enter the order amount, in your store's currency, that qualifies for it. Leave it at 0 if you don't.

5. Add social links

Theme settings › Social media. Paste full profile URLs. Only networks with a link show an icon. Add a Social media block to the footer to display them. See Footer.

6. Set up filters

Install Shopify's free Search & Discovery app and choose which filters to offer, such as availability, price, product type or color. Techno shows them on collection and search pages. See Collection pages.

7. Build the home page

Open the home page in the theme editor and fill in the Hero, Featured collection, Kits and Newsletter sections. The Hero starts with no stats; add Stat blocks for facts your store really offers. See Home page.

8. Check the product page

Open a product in the theme editor. The default product template already includes price, stock, variant picker, buy buttons, description, spec table and pickup availability. Buy buttons › "Returns note" starts empty; add your returns policy there if you want it under the add-to-cart button. Reorder or remove blocks as needed. See Product page.

9. Fill in your store details

Several parts of the theme read from store settings rather than theme settings:

10. Preview and publish

Use the device toggle in the theme editor to check the phone layout. When you're ready, go to Online Store › Themes and click Publish on Techno.

Updating Techno

When a new version is released, Shopify shows an update notice for Techno in Online Store › Themes. Updating adds a new copy of the theme to your library with your settings and content carried over. Your published theme doesn't change until you publish the new copy.

Check the release notes to see what changed.

See also

• Sections, blocks & templates: how pages are built
• Theme settings reference: every global setting and its default
• FAQ: common questions after installing