This section describes how to configure your web store using layouts, widgets, and elements, made available via the Design page.

It includes the following topics:

Your web store is made up of layouts, or template pages. Layouts contain a set of design tools, known as widgets, that define the structure of your web store pages. Accessible via a component library, widgets can be added, removed, cloned, and customized as required. Several widgets are themselves made up of configurable sub-component elements.

Note: You can use an extension to upload custom widgets and widget elements to your store. For further information, refer to Extending Oracle Commerce Cloud.

Each individual layout represents one of the various page types available to you when designing your web store. The layouts act as a template for your store, allowing you to make adjustments and preview before publishing live.

Each layout is comprised of widgets which combine to form the overall page layout. Widgets contain within them the specific UI functionality to which they relate. For example, the Order Confirmation layout contains information on items ordered, prices, shipping address, and so on.

To access layouts, click the Design page and open the Layout tab. You will see overviews of the layout page types. To avoid excessive scrolling, use the Filter icon, or Sort drop down, to access your preferred layout. In addition to the selection filters, you can choose whether or not to display layouts for accounts, and you can search for a specific layout by entering details in to a Filter box.

You can customize each of the layouts by using the layout configuration menu icons displayed on the right of your layout overview. Here you can access the Layout Settings, Clone Layout, Grid View, and Preview configuration menus.

Note: From the layout configuration menu you can also select the Experiments option to access the experiments dashboard used for AB testing. After selecting the preferred layout for your experiment, you can choose from the menu options to add new experiments or view experiments already running. Refer to Using Oracle Commerce Experiments for further information.