Use a Theme to Customize Your Storefront

Themes allow you to customize the design, organization, and the content on your storefront. The following steps guide you through the process of creating a theme, and link to help topics with more details for each step.

  1. Learn What Themes Are Capable Of

    Before you begin, get a primer on the capabilities of themes.

  2. Create a Theme Using the Kibo eCommerce Theme Generator

    Now that you have an idea of what themes are all about, create a theme record in Dev Center, and then use the Kibo eCommerce Theme Generator to create a theme based off the Kibo eCommerce Core theme. The easiest way to get started is to complete the Theme Quickstart, or refer to the Theme Asset Management topic.

  3. Configure Settings for Your Theme

    Themes allow you to add custom settings in the theme.json file so that you can then access them in your theme templates, script files, or stylesheets as variables whose value can be changed from a central location. You can also create theme settings in the theme-ui.json file. Admin users can later modify the settings in this file within Site Builder.

  4. Use Hypr Templates to Control How Content Displays on Your Storefront

    Templates specify how to generate the HTML on your site—within a template, you specify the location of static and dynamic content on a page. By working with Hypr templates, you can layout web pages quickly and reuse content throughout a web site.

  5. Leverage the Theme Reference

    To get the most out of the Hypr templating system, learn about the available tags and filters that add dynamic functionality to your site and help reduce the amount of code you need to write. You can also learn about the accessible global variables in Hypr, which provide you details about the current page context, the user visting your site, the product information on a particular page, and other useful information.

  6. Install and Publish Your Theme

    When you are ready to test your theme, you install and enable it on a sandbox. When you're finished developing, publish it as a final version (you can then version your theme for subsequent releases).

Related Topics

View the Complete Set of Theme Topics

Work on Themes as a Team

Leverage the Kibo eCommerce Storefront SDK

home Go Back