Managing content layouts

You can use content layouts to customize the dynamic content and design for your store by page. You can apply a content layout to store pages using a theme. It also allows you to rearrange elements on a page such as changing the column order on a page or changing the position of an icon.

Note: You can only use content layouts when your store uses the Self Service (Rivulet) template. To find out what template your store uses, contact your Store Operations team.

Button Description
Content Layouts
Create Layout Create Layout Allows you to create a content layout. See How to create a content layout for more information.
Manage Themes Manage Themes

Allows you to manage themes. See Managing themes for more information.

Manage Styles Manage Styles

Allows you to manage styles. See Managing styles for more information.

Content Layout Details
Copy Layout Copy Layout Allows you to copy the content layout. See How to copy the content layout for more information.
Preview Layout Preview Layout Allows you to preview the content layout. See How to preview the content layout for more information.
Content Layouts History
Edit Content Layouts Edit Content Layouts Allows you to edit the content layouts. See How to edit the content layout details for more information.
Attribute Description
Content Layouts attributes
Name The name of the content layout
Version The version of the content layout.
Status The status of the content layout.
Create New Content Layout attributes
Page Type

The page type associated with this content layout.

Page Name

The name of the page.

Description

A description of the page.

Note: The shopper does not see the page name and description when they visit your site.
Markup

Enter the Splash markup content for this page. See About the Splash markup language for more information.

Content Layout Details attributes
Version The version and status of the content layout.
Page Type

The page type associated with this content layout.

Page Name The name of the page.
Description

A description of the page.

Note: The shopper does not see the page name and description when they visit your site.
Version Number The version number and the status of the content layout.
Markup

Enter the Splash markup content for this page. See About the Splash markup language for more information.

Content Layouts History attributes
From Date

The beginning of the search date range.

To Date

The end of the search date range.

Change type

Displays the type of change event. The possible types of change events are as follows:

  • Status Change—The system logs the event when you change the status of a content layout. The status changes when someone performs an action such as editing, deploying, or retiring the content layout.

    Example: The status changes from Deployed to Design when you edit a deployed item.

  • Save—The system logs the event when you save a content layout. If you save the content layout without making changes, the system logs the save without changes in the history.
  • Revert—The system logs the event when you revert a deployed content layout to its previous version.
  • Copy—The system logs the event when you copy a content layout.
  • Locked, Unlocked—The system logs the event when you lock or unlock a content layout.
  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts list page appears.
  2. Select the checkbox next to the content page you want to copy from the Content Layouts list. You may need to expand the nodes to find the page in the list.

  3. Click Preview. The Preview Content Layout dialog appears.

  4. Select the locale you want to use from the Locale list. 
  5. Select either Design or Live for Preview Layout.

  6. Choose one of the following options:

    • Existing preview state.
    • Design or Live.
  7. Click Launch Preview. The Preview page appears in a new browser tab.
  8. To preview a specific Content Layout, you must navigate to a page in that Store Preview that uses the specified content layout if it does not appear by the default in the Preview Options drawer.

When you deploy a content layout, it becomes available for use in your store. If you do not deploy a content layout, you will not be able to see or use the content layout in your store.

Required Role: Page DesignerClosed This Global Commerce user role allows users to manage and view history for custom pages, use the Store Builder files, create and manage storefront links, and manage content layouts.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts list page appears.
  2. Select the checkbox next to each content page you want to deploy from the Content Layouts list. You may need to expand the nodes to find each page in the list.
  3. Click Deploy. The system deploys the content layout.

You can retire a content layout when you no longer want to use the layout in your store. You can still see and copy retired content layouts on the Content Layouts list page.

Note: You cannot retire a content layout that is applied to a theme. See How to apply a content layout to pages using a theme for more about how you can use content layouts with themes.

Required Role: Page DesignerClosed This Global Commerce user role allows users to manage and view history for custom pages, use the Store Builder files, create and manage storefront links, and manage content layouts.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts list page appears.
  2. Select the checkbox next to the content layout you want to retire and click Retire. A message appears indicating that the content layout is retired.

You can revert a content layout that is in the Design state to its last deployed version. You cannot revert a content layout if you never deployed the content layout or revert a deployed version if there is no design version.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts list page appears.
  2. Select the checkbox next to each content page you want to deploy from the Content Layouts list. You may need to expand the nodes to find each page in the list.
  3. Click Revert. The system reverts the content layout to the last deployed version.

You can create a copy of a content layout and then customize the copied layout as needed.

Required Role: Page DesignerClosed This Global Commerce user role allows users to manage and view history for custom pages, use the Store Builder files, create and manage storefront links, and manage content layouts.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts list page appears.
  2. Select the checkbox next to the content page you want to copy from the Content Layouts list. You may need to expand the nodes to find the page in the list. You can only copy one page at a time.
  3. Click Copy. The system creates a copy of the page and shows it below the original page in the list. You will see the words "Copy of" before the page name. If you want to edit the layout, click the page name.

Required Role: Page DesignerClosed This Global Commerce user role allows users to manage and view history for custom pages, use the Store Builder files, create and manage storefront links, and manage content layouts.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts list page appears.
  2. Select the checkbox next to the content page you want to lock or unlock from the Content Layouts list. You may need to expand the nodes to find the page in the list.
  3. Click Lock or Unlock. A message appears indicating the content page has been successfully locked or unlocked.

Required Role: Page DesignerClosed This Global Commerce user role allows users to manage and view history for custom pages, use the Store Builder files, create and manage storefront links, and manage content layouts.

  1. Select Storefront, select Store Builder, and then click Create Layout. The Create New Content Layout page appears.
  2. Select the page type from the Page Type list.
  3. Enter a name and description for the page.

  4. Enter the Splash markup code for the page in the Markup field. See About the Splash markup language for more information.

  5. Click Save.

Required Role: Page DesignerClosed This Global Commerce user role allows users to manage and view history for custom pages, use the Store Builder files, create and manage storefront links, and manage content layouts.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts page appears.
  2. Locate the content layout you want to modify in the Content Layouts list.
  3. Click the name of the content layout you want to modify. The Content Layout Details page appears. See Content layouts for more about the pages that you can edit.

  4. In the Markup field under Page Markup, edit the code for the page.

    Note: You must use valid Splash markup tags for this code. See the About the Splash markup language for more information.

  5. When you finish changing your code, click Save.

If your store does not use the default content layout for Category List Page, you need to add code to the page to support the Compare Pages feature. You do not need to perform this task if your store uses the default Category List Page content layout. The Digital River badge appears next to the default layout.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts page appears.
  2. Expand the Shopping node and then expand the Category List Page node in the Content Layouts list.

  3. Click the content layout you created for the category list page. The name of the layout includes (Custom).

    Note: You cannot edit the default layout.

  4. Copy the following compare tags:

    <page:element type="compareContainer"/>
    <page:element type="compareCheckbox"/>

  5. Paste the compare tags below the page element tag in the Markup field on the Content Layout Details page.

    Example:  

    <page:element type="page" />
    <page:element type="compareContainer"/>
    <page:element type="compareCheckbox"/>

    You should place the container element tag just below the page element tag and then place the checkbox element tag wherever you want the compare checkbox to appear on the page. See an example of a content layout that includes the compare tags.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts page appears.
  2. Locate the content layout you want to modify in the Content Layouts list.
  3. Click the name of the content layout you want to modify. The Content Layout Details page appears.
  4. Click Copy. A message appears indicating the system successfully the content layout.
  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts page appears.
  2. Locate the content layout you want to modify in the Content Layouts list.
  3. Click the name of the content layout you want to modify. The Content Layout Details page appears. The Preview Layout Content dialog appears.
  4. Select the locale you want to use from the Locale list. 
  5. Select either Design or Live for Preview Layout.

  6. Choose one of the following options:

    • Existing preview state.
    • Design or Live.
  7. Click Launch Preview. The Preview page appears in a new browser tab.
  8. To preview a specific Content Layout, you must navigate to a page in that Store Preview that uses the specified content layout if it does not appear by the default in the Preview Options drawer.

You can view the history of changes made to a content layout.

Required Role: Page DesignerClosed This Global Commerce user role allows users to manage and view history for custom pages, use the Store Builder files, create and manage storefront links, and manage content layouts.

  1. Select Storefront, select Store Builder, and then click Manage Content Layouts. The Content Layouts list page appears.
  2. Select the checkbox next to the content page whose history you want to view from the Content Layouts list. You may need to expand the nodes to find the page in the list.
  3. Click View History. The Content Layout History page appears.

  4. Click + next to Filters to show the available filters.

  5. To search for changes within a specific date range, enter the start date in the From Date field and the end date in the To Date field, and then click Search Search. The results appear in the Search Results list.