Managing themes

Use the Apply Styles tab to apply a style to any individual page, page group for a locale in your store. Your theme can use any style created for your store. See How to apply a content layout to pages using a theme for more information.

Use the Apply Settings tab to set up the Continue Shopping button and specify where the button takes the shopper when clicked. You can also customize the technical support email address by locale.

You can localize the appearance of your store by creating different styles and themes for the supported locales in your store.

First, create localized styles for your store. You may want to create a different style for each locale or use a single style across multiple locales. Most likely, you will want to create a style for each supported locale so that you can customize the button images to use text in a locale’s language. Once you create the styles, you can use those styles in the default theme for your store to provide a localized experience for your shoppers.

Localizing themes is different from localizing other parts of your store or catalog because localization is inherent to the creation of a theme. Themes consist of styles, and when you create a theme, you define which of your store pages (in each locale) will use the styles that are part of that theme. This allows you to customize the look and feel of your site specifically for a locale, down to the page level.

When you create a theme, you define how the theme will change the look of your store and select which locales you want to use the styles in your theme, as well as which pages in those locales should use specific styles. When you choose the Shopping Cart options, you can also select how those options should behave in specific locales. When you fully set up a theme, you already localized it because you chose which styles you want the pages to use and how you want the Shopping Cart options to behave in locales supported by your store.

When viewing a theme, you can apply the styles from the Apply Styles tab to the locales and pages for your store.

Inherited for the Applied Style means that the item (locale, page group, or page) will use whatever style you set for the item directly above it in the hierarchy.

The Apply Settings tab is where you can localize the Continue Shopping button and technical support email. Note that the Default Settings option determines which locale on this page defines the default settings for all other locales on the page.

Click a locale in the list to see what is set for the Continue Shopping button in that locale. To change the settings for a locale, you must clear the Use Defaults checkbox for the locale you want to customize and set the custom options as needed. If you want to customize the destination of the Continue Shopping button, select the appropriate option and enter the URL in the field that appears.

When you select a locale from the list on the left, the area on the right changes to show options for that locale.

Use the Apply Styles tab to apply a style to any individual page, page group for a locale in your store. Your theme can use any style created for your store. See How to apply a content layout to pages using a theme for more information.

Use the Apply Settings tab to set up the Continue Shopping button and specify where the button takes the shopper when clicked. You can also customize the technical support email address by locale.

• Complete the search fields under the Search and Filters tab and then click Search to locate the specific theme. The results appear in the Themes list.

After you create a theme, you can return to the Themes page and preview the theme. Previewing the theme allows you to see how the theme will change the appearance of pages on your store. If you preview a theme that uses a retired or expired style, the system will use the last deployed version of the style in the preview.

1. Select Storefront, select Store Builder, and then click Manage Themes.
2. Click the checkbox next to the theme in the Themes list that you want to preview.
3. Click Preview. The Preview Theme page appears.
4. Select the locale you want to use from the Locale list.
5. Select either Design or Live for the for Preview Theme.

6. Choose one of the following options:

   • Select Existing Preview States.
   • Select Live or Design.
7. Click Launch Preview. The Preview page appears in a new browser tab. See How to preview your store's appearance for additional instructions.

To preview your store's appearance:

1. Access the Preview page. See How to preview your store for instructions.
2. Click the Show Preview Options tab at the top of the Preview page. See Preview Store attributes for a description of the attributes. The Look & Feel tab appears by default.
3. Optional. Select a locale from the Locale list.

4. Select the Preview Status option you want to use.

   • If you select Set Status Control Together, select Live or Design.
   • If you select Set Status Controls Individually, select Live or Design for each control element in the tabs.

5. Select one or more of the following options:

   • To preview a theme in your store, select a theme from the Theme list.

   • To preview a style in your store, select the style from the Style list.

   • To preview a site setting attribute in your store:
6. Select Live or Design for Site Template.
7. Click Update Preview. The Preview page updates the page based on the attributes you selected.

1. From the Themes page, click the checkbox next to the theme in the Themes list that you want to copy.
2. Click Copy. A message indicates the theme has been successfully copied and the new theme appears in the Themes list.

1. From the Themes page, click the checkbox next to the theme in the Themes list that you want to deploy.
2. Click Deploy. A message indicates the system successfully deployed the theme and changed the status to Deployed.

1. From the Themes page, click the checkbox next to the theme in the Themes list that you want to retire.
2. Click Retire. A message indicates the system successfully retired the theme and changed the status to Retired.

When you change a theme, the system saves the changes but does not apply the new theme until you deploy the change. If you do not want to keep the changes, you can revert your changes and restore the last deployed version of your theme.

1. From the Themes page, click the checkbox next to the theme in the Themes list that you want to revert.
2. Click Revert. The system reverts the theme to how it appeared when you last deployed it. When you revert changes to a theme, the system discards any changes to your theme since you last deployed the theme. You cannot recover these changes.

1. From the Themes page, click the checkbox next to the theme in the Themes list that you want to lock or unlock.
2. Click Lock to lock a theme or Unlock to unlock a theme.

1. From the Themes page, click the checkbox next to the theme in the Themes list whose history you want to view.
2. Click View History. The Theme History page appears and shows the history of the selected theme.
3. To narrow or expand your search results, enter the state date in the From Date field and the end date in the To Date field, and then click Search .
4. When finished, click Done to return to the Themes page.

1. Select Storefront, select Store Builder, and then click Create Theme. The Create Theme page appears.
2. Complete the Name and Description fields.
3. Optional. Select the Use as Default Theme checkbox if you want to use this theme as the default theme for your site.

4. From the Apply Styles tab:

   1. Select the styles you want to apply to your site (All), locales, page groups or pages from the Applied Style list.  To expand a node list, click + next to the node list that you want to expand.
   2. Optional. Select content layout for that style from the Associated Layout list.

5. Click the Apply Settings tab.

   1. Optional. Select the locale you want to use as the default for these settings. The system automatically chooses the default site locale as the default, but you can choose another locale if needed.
   2. Select the Use Default checkbox next to each locale you want to use the same default settings as the default locale. If you do not want to use the same default settings as the default locale, clear the Use Default checkbox.

   3. Configure the default settings.

      1. Select the link for the default locale under the Locale column. The default settings area shows the locale name above the Continue Shopping options.
      2. Select or clear the Display Continue Shopping Button checkbox.
      3. Select or clear the Customize Continue Shopping link checkbox. If you select this option, a URL field appears where you can enter the destination for the button.
      4. Enter an email address in the Technical Support Email field.
      5. Repeat steps i through iv for each additional locale where you did not select the Use Defaults checkbox.
6. Click Save.

You can use themes to apply content layouts (associated layouts) to pages.

You can use content layouts to customize the content and design of pages for your store, including checkout and product or category detail pages. After you create a content layout, you can then assign that content layout to various pages in your store using a theme. You can use the Apply Styles tab to define the theme by choosing which locales and pages should use styles or content layouts (associated layouts) that you created for your store.

1. Create the content layout you want to apply to a page in your store. See How to create a content layout for instructions. There are several different pages for which you can create a content layout (see Content layouts for more about the pages you can customize).
2. Once you have created the content layout you want to apply to a page in your store, you are ready to create or open the theme you will use to apply content layouts to pages in your store. For help creating a theme, see Managing themes.
3. Select Storefront, select Store Builder, and then click Manage Themes. The Themes page appears.
4. Select a theme under the Name column in the Themes list. The Theme Details page appears.
5. Scroll down to the Apply Styles tab.
6. Find the store page you want to apply a content layout to and then select the content layout you created from that page from the Associated Layout list. Note that you must have a content layout created for the specific page type you want to apply a new layout to or the list where you select a content layout will not appear.
   • If "Inherited" appears in the Associated Layout column, it means you did not create a content layout for the page type, or you cannot apply a content layout to that page.
   • If a list appears in the Associated Layout column, it means you can create a content layout for that page and apply it within a theme. If the content layout selected in that list begins with the word "default," it means that the page is currently using the default layout from the template.
7. Repeat the step above for any additional pages you want to customize with a content layout.
8. Click Save.

1. Select Storefront, select Store Builder, and then click Manage Themes. The Themes page appears.
2. Select a theme under the Name column in the Themes list. The Theme Details page appears.

1. Select Storefront, select Store Builder, and then click Manage Themes. The Themes page appears.
2. Select a theme under the Name column in the Themes list. The Theme Details page appears.
3. From the Theme Details page, click Edit.
4. Complete the fields and then click Save.