Themes Overview

This topic applies to

Applies to

Commerce Web Stores

 

Benefits of Using Themes

The following list describes some of the benefits of using themes:

  • Themes let non-technical users change the layout and styles of their web store by installing and activating any number of pre-developed themes from a marketplace.

  • Themes allow any developer working with SuiteCommerce or SuiteCommerce Advanced (SCA) to create and manage their own themes and activate them for any domains associated with their site. Partners can also publish and distribute themes as bundled SuiteApps.

  • Themes leverage the features and functionality of Site Management Tools (SMT). You can expose variables to the SMT Theme Customizer. This allows SMT administrators to further customize any theme using the SMT user interface.

Before You Begin

Be aware of the following important information:

  • These procedures assume that you have already created your developer environment, fetched an active theme to use as a baseline, and are ready to build your theme. For more information, see Theme Developer Tools.

  • To develop a theme, you must have experience working with HTML, Sass/CSS, and Handlebars.js. Before customizing any theme or extension source code, read and understand the Best Practices for Creating Themes.

  • As a best practice use the SuiteCommerce Base Theme as a baseline for theme development. This is available as a SuiteApp. See Install Your Commerce Web Store Applications for details on this SuiteApp.

  • The examples presented in this section describe customizing Sass files. However, you can customize HTML files as well to suit your needs. You can also introduce new images and fonts as assets.

  • After fetching the active theme using the developer tools, you can customize theme-related files directly within your Workspace/<THEME_DIRECTORY> folder.

  • If you are implementing the Aconcagua release of SuiteCommerce Advanced, you must implement themes to customize Sass or HTML templates.