TABLE OF CONTENTS

• Downloading a Site Theme
• Adding a Site Theme
• Site Theme Workflow
• Configuring a Site Theme From Store Experience

Navigate to: CMS > Site Themes

Downloading a Site Theme

The "Default" or “B2B” themes can be used as the template you will need to develop your own custom look and feel.

1. Navigate to the Site Theme section of CMS

2. Use the "Download" action on the theme. 

3. Once the theme is downloaded, unzip the theme folder.

4. The download can now be customized. Check out Theme Development for more insights on what is in the .zip.

Adding a Site Theme

Navigate to: CMS> Site Themes

1. Click the “Add New” button.

2. Enter the Theme Name and Theme code, which are mandatory input field.

3. The Parent Theme is automatically selected by default.

4. Click Save & Close to save the theme details. 

5. The page reloads and displays a confirmation message.

6. The new site theme is now successfully added and available in the system.

Site Theme Workflow

• Themes must first be uploaded at the code level by placing them in the designated theme folder.

• After adding the theme to the folder, the Admin must explicitly register the theme in the Admin application by navigating to:
  CMS → Site Themes → Add Theme
• While adding a theme, the Admin must provide the exact same theme name as the folder name where the theme files are stored.
• If the Admin enters a theme name that does not match any folder in the theme directory, the theme will still appear in the Theme List within the Admin application.
• Such a theme can also be assigned to a store. However, since the corresponding theme files do not exist, the storefront will display blank pages when accessed.
• If the Admin provides the correct theme name that matches the folder containing the theme files, and assigns it to a store, the theme will function correctly because the required files are available.

Configuring a Site Theme From Store Experience

Quick changes can be made to the CSS for the site without having to have a developer update the base CSS and deploy it.

Navigate to: CMS > Store Experience

1. On the General Settings tab, scroll down to Dynamic Styles
2. Enter updated CSS information in this area
3. Save & Close

1. Publish the store
2. The temporary CSS will now be available in the store.

Reference Article:

Managing Store Experience