Skip to content

Files

Latest commit

Dec 16, 2024
979aff7 · Dec 16, 2024

History

History

answers-hitchhiker-theme

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Sep 17, 2024
Aug 15, 2024
Feb 8, 2022
Jul 26, 2023
Dec 12, 2023
May 9, 2023
Dec 15, 2022
May 9, 2023
Dec 1, 2020
Mar 9, 2022
Feb 8, 2022
May 9, 2023
Feb 8, 2022
Dec 16, 2024
Sep 27, 2023
Oct 13, 2021
Aug 14, 2023
Aug 24, 2021
Feb 8, 2022
Apr 13, 2021
Jul 11, 2024
May 4, 2020
Sep 17, 2024
Oct 28, 2020
Dec 16, 2024
Dec 16, 2024
Dec 12, 2023
Jan 21, 2021
Jul 29, 2020

Answers (Search) Hitchhiker Theme

A Jambo theme for building Search experiences.

Additional resources for integrating Search can be found at https://hitchhikers.yext.com/.

Need help? Ask a question in the Hitchhiker's Community.

Getting Started

Prerequisites

  • Jambo, a static site generator, which can be installed with npm i jambo
  • A Search experience configured at https://yext.com. This will provide the experienceKey and the apiKey

Creating a Search site

Inside a new directory, initialize jambo with the theme:

npx jambo init --theme answers-hitchhiker-theme

Add a universal search page:

npx jambo page --name index --template universal-standard

Inside config/global_config.json, delete the "//" before "apiKey" and enter your apiKey. Do the same for the experienceKey inside config/locale_config.json. You can find examples inside test-site/config.

Build the site:

npx jambo build && grunt webpack

Finally, serve the site:

npx serve public

The site should now be available at http://localhost:5000.

Custom Jambo Commands

This theme makes the following commands available when Jambo imports this theme.

Vertical Command

Creates a vertical page of a Search experience.

Example usage:

npx jambo vertical --name Locations --verticalKey locations --template vertical-standard

See jambo vertical --help for more info.

Card Command

Creates a new, custom card based on an existing card.

Example usage:

npx jambo card --name custom-location --templateCardFolder cards/location-standard

See jambo card --help for more info.

Direct Answer Card

Creates a new, custom direct answer card.

Example usage:

npx jambo directanswercard --name custom-directanswer --templateCardFolder directanswercards/allfields-standard

See jambo directanswercard --help for more info.