Courses, how they become pages, and the two menu pages the theme builds for you.
Make your courses #
In Shopify: Products → Collections → Create collection
A course is a collection. Make one for each part of your menu:
- Title — the course as you would print it. Starters, Main courses, Desserts, Drinks.
- Description — one or two lines. This is shown on the course’s own page, under its name.
- Image — a photograph that stands for the course. The theme uses it as the banner at the top of that course’s page, so choose something wide.
- Collection type — choose Manual. This matters; see below.
Choose Manual, not Automated
An automated collection sorts by whatever was added most recently, which is almost never the order a menu should read in. Manual lets you drag your dishes into the order you would actually serve them — the light thing first, the showstopper in the middle.
The two menu pages you get for free #
You do not build either of these. They exist as soon as you have collections.
The whole menu #
Your Menu link goes to a page that shows every course, one after another, with eight dishes from each and a link through to the rest. It is the page most people will read before they decide to come.
You can change which courses appear and in what order:
In the editor: page dropdown → Collections list
Each course is a Menu grid band. Click one to change its course, its heading, how many dishes it shows, and its colour scheme. Drag them to reorder. Delete one you do not want, or add another with Add section.
A single course #
Clicking a course name takes a diner to a page of just that course, with everything in it, and a bar at the top for narrowing it down.
That bar has sorting straight away. To get filters as well — by price, by what is available, by portion size — install Shopify’s free Search & Discovery app and add the filters you want there. They appear on your site as soon as you save.
If your filter bar looks empty
It is showing a sort control and nothing else because no filters have been set up yet. That is the app above, not the theme. See that chapter.
The menu board #
The centrepiece of the theme is on your home page: a menu with tabs across the top, one per course, and the dishes underneath with prices running down the right. It is the thing that makes this look like a restaurant rather than a shop.
In the editor: Home page → Menu board
Add a Category block for each tab, choose its course, and set how many dishes to show. Four or five tabs is right; more and the tab row starts to wrap.
Example
A bistro with a long menu shows four tabs on the home page — Small plates, From the grill, Puddings, Wine — six dishes in each, with See the whole menu underneath. The full menu page carries everything else.
