Configure Storefront Classic to display content items

You use layouts and widgets to configure pages for selecting and displaying content items in Storefront Classic.

You can find more information about configuring and customizing layouts and widgets in Design Your Store Layout.

Create UI controls for selecting content items

You use the Content Listing widget to display a dropdown menu for shoppers to select individual items to display detailed information about.

Note that you can associate only one content type with an instance of the Content Listing widget. If you want to allow shoppers to select different content types, you will need to create multiple instances of this widget. For example, if you have a blog content type and a recipe content type, you need separate widget instances for listing the items of each type.

To configure a page containing an instance of the Content Listing widget, perform the following steps:

1. Open the Design page and select Storefront (Classic) from the dropdown menu at the top of the page.
2. Select the layout you want to clone.
3. Configure the settings for the newly cloned layout, and click Save.
4. Open grid view and drag the Content Listing widget to the layout.
5. Open the Content Listing widget’s settings and select the content type from the dropdown list.
6. Click Save.

   You can now edit the widget’s code to ensure that the content item fields match those on your own content management system, and to tailor the look of the list as required.

7. Open the About tab and click Go to widget code, which enables you to go directly to the widget’s template. From here you can update the code references for the content item fields. Note: You must ensure the content identifier is up to date so it matches your own fields.
8. Click Save.
9. Publish the changes in order to see the content pages, containing links to the content details, displayed on the storefront.

Display content items on the storefront

When a shopper selects a content item from a Content Listing dropdown, the item details are displayed on the Content Item Layout page. The page URL for the content item corresponds to the content mapping in Oracle Content Management. If you make updates to the content and then publish the changes, the new mappings are automatically sent to Commerce.

By default, all content items are rendered using the default Content Item Layout. However, you can create another version of that layout for specific content types by cloning the Content Item Layout and configuring the cloned layout to associate it with a specific content type. You may need to modify the instance of the Content Item widget in the cloned layout to ensure content items are displayed properly on the page.