Kyoto theme documentation
Kyoto is a Shopify theme for home goods, craft and lifestyle shops. It sets your products on pale color fields, gives Japanese text the same care as English, and lets you choose the size of almost everything on the page: headings, pictures, cards, spacing and the parts of the product page.
This documentation describes Kyoto version 1.0.0. Every setting name here is written exactly as it appears in the theme editor.
Start here
- Getting started: install the theme, the preset, demo content and your first steps.
- Demo store reference: every section of the demo's home page, with pictures and links to their settings.
- Frequently asked questions: quick answers about fonts, images, apps, translations, updates and support.
- Support policy: what we help with, how fast we reply and how to contact us.
Set up your store
| Topic | What you will find |
|---|---|
| Theme settings | Logo, typography, layout, shape, buttons, inputs, cards, badges, icons, cart, search, social media, region and accessibility settings |
| Colors | The color palette, the 12 color schemes and the pale craft color fields |
| Motion | Motion intensity, each kind of animation and how Kyoto respects reduced motion |
| Header and footer | Header layouts, menus, mega menus, the mobile menu, the announcement bar and the footer |
| Sections and blocks | How sections, blocks and size settings work, and the full list for every page |
| Templates | The templates included with Kyoto, the contact, FAQ and comparison page templates, and making your own |
| Product page | The media stage, size ruler, museum label, icons, variant cards, gift wrap and more |
| Collection page | The collection banner, the shelf, the grid look, filters and promo tiles |
| Search | The search panel, predictive search and the search page |
| Cart | Cart drawer and page, free shipping progress, gift wrap and messages, noshi and delivery dates |
| Metafields | The product, variant and collection metafields Kyoto reads, and how to create them |
| Languages | The eight included languages and how to change any text |
Reference and help
- Accessibility statement
- Performance tips
- SEO
- Apps
- Troubleshooting
- What Kyoto can and can't do
- For developers
- Changelog
Before you change anything
Duplicate the theme first: in your Shopify admin go to Online Store > Themes, open the ... menu next to Kyoto and choose Duplicate. Work on the copy and publish it when you are happy. If something goes wrong, your published theme is untouched.