Area: Optimizely B2B Commerce

Creating a new theme in Classic

Recommended reading 

This article explains the process for creating a new theme for B2B Commerce Cloud. To create a theme, you need to complete the following steps:

  1. Create the theme project
  2. Assign the theme to a website

Before You Start

Make sure that you have completed the following:

Create Theme Project

  1. In the directory where the SDK was installed, go to the ~\src directory.
  2. Run the createTheme.ps1 PowerShell script. Use the name of your theme as the first and only argument.
    .\createTheme.ps1 MyTheme
  3. Use Visual Studio to open the B2B Commerce.sln solution file. The PowerShell script created a separate project for your theme and named it using your theme name.

  4. Build the solution.

Assign Theme to Website

  1. Log into the Admin Console.
  2. Navigate to Websites in the left navigation.
  3. Click the Edit button next to the Website to which you want to assign your theme.
  4. On the Details finger tab, use the Theme dropdown to select your theme.
  5. Click Save.
  6. Navigate to the Storefront for the Website. The Storefront is now using your theme:

Multiple Themes

Each website in B2B Commerce can only be assigned a single theme, but the platform can handle multiple themes. To add another theme to the platform, simply repeat the process above starting at Create Theme Project. For each new theme, remember to use a unique theme name.

Do you find this information helpful? Please log in to provide feedback.

Last updated: Dec 11, 2020

Recommended reading