SandwichBoard Themes

Themes are what power the look-and-feel of restaurant's web sites on SandwichBoard. A theme is a ZIP files that holds a collection of files and folders with Liquid templates, image files, Cascading Style Sheets, JavaScript source files, and a YAML file that describes the theme. Images reside under the images web site folder and CSS and JavaScript files are referenced using the stylesheet and javascript Liquid filters.

When you create a restaurant in SandwichBoard, we automatically load your account with our theme pack. You not only can use any one of the themes out-of-the-box, you can customize each or use them to build your own. (If at any point you accidentally lose or render one of the standard themes unusable, you can download the theme pack and re-upload the ZIP file for the theme you want to fix. But you cannot upload the entire theme pack to SandwichBoard at once. The themes must be uploaded individually.)

The following folders and files should exist in every SandwichBoard theme. Detailed information about each Liquid template is also available.

about.yml           # => a YAML file with information about the theme itself
images/             # => images for use in the theme's templates
preview.png         # => a screenshot of the theme in use
scripts/            # => JavaScripts for use in the theme's templates that aren't already hosted on SandwichBoard
stylesheets/
  site.css          # => site-wide Cascading Style Sheet. The styles defined here are NOT loaded in the news, events,
                         or pages editor.
  page.css          # => page-wide Cascading Style Sheet. The styles defined here are loaded in the news, events,
                         and pages editor. Users can style their content using styles defined in this style sheet.
  print.css         # => site-wide Cascading Style Sheet to make your site printer-friendly
templates/
  album.liquid      # => layout template used for each photo album
  albums.liquid     # => layout for a list of all photo albums
  error.liquid      # => displays error messages to users, like a 404 or 500 server error page on other sites
  layout.liquid     # => the overall site layout template. All other templates and pages are rendered inside it.
  location.liquid   # => layout template used for each restaurant location and its hours
  locations.liquid  # => layout for a list of all restaurant locations
  menu.liquid       # => menu layout template used for each menu and its enclosing sections and items