Editing HTML in Styles

You can change the HTML contents of a style. The HTML for a style is used to define the layout and content of the Head and Body HTML for the selected style.

Note: Themes and styles are not available for stores that use the Headwater template. This means that if your store uses the Headwater template, you will not see the themes and styles options in the Store Builder menu as these Help topics indicate. To find out what template your store uses, contact your CMM.

To edit HTML for a style:

Required Role: Content ManagerA user role that provides access to various Store Builder features including themes and styles, links, files, compare pages, and Backup Media configurations. Search this file for the "user role definitions" topic for more information.
  1. On the Storefront menu, select Store Builder, click Styles.
  2. Click on the Name of the style you want to edit.
  3. Click the HTML tab.
  4. In the HEAD Contents field, enter the HTML code for the header of your style. This consists of the content that would be contained within the opening <HEAD> tag and closing </HEAD> tag. You do not need to enter these tags as they are automatically added by the system.

Warning: The macro tag <% CONTENT %> represents all of the store content that belongs in the middle area of your site (for example where product images and descriptions appear). Do not delete or alter this tag or the content of your site will be affected.

  1. In the BODY contents field, enter the HTML code for the body content for your style. This is where you would also add any tokens you want to use.
ClosedClick here to learn how to add a token.

To add a token:

  1. Click the Available Tokens link. The Tokens window appears.
  2. Click in the field of the token you want to use. Note how the contents of the entire token field is highlighted.

  3. Press CTRL+C on the keyboard to copy the token to the clipboard (you can only copy one token at a time) and click Done to close the window.
  4. Place the cursor where you want to insert the token you just copied. Then, press CTRL+V to paste the copied token code from the clipboard.
  5. Repeat the steps above to add additional tokens.
  1. When you are done, click Save to return to the main Styles list.

 

Concept Link IconRelated Topics

 

 

© 2019 Digital River, Inc.