Commerce Shared renderings

Abstract

Overview of the Commerce Shared renderings and how they can be used.

You can use the renderings in the Commerce Shared group in the SXA toolbox for building different types of pages.

The following image is an example of how the Commerce Shared renderings might appear on a storefront page:

Example of the Commerce Shared rendering on the live storefront

You use the Language Selector rendering to enable customers to select the language that they want to see on the storefront and in Commerce email campaigns. When you add the Language Selector rendering to a page, it appears as hyperlinked text that displays the current language. There are two Language Selector renderings - one in the Context section of the Toolbox and one in the Commerce Shared section. The two are the same with the only differences being:

  • The Commerce Language Selector links the rendering to a language set defined in the Commerce Control Panel (sitecore/Commerce/Commerce Control Panel) while the SXA Language Selector links the rendering to a language set defined in the System settings (sitecore/System/Languages).

  • When using the Commerce Language Selector, the selected language is registered on the contact facet and is used when sending Commerce emails through a Commerce marketing automation campaign.

Important

The SXA Language Selector does not change the language on the contact facet and does not affect the language in Commerce emails.

On the live storefront, when you click the language selector link, the list of available languages expands. You can then select a language.

Language selector on the live storefront
Configuration

You can define the languages displayed in the Language Selector rendering in the Language Set item  (/sitecore/Commerce/Commerce Control Panel/Shared Settings/Language Sets):

Each language set has a list of selected languages, and a default language:

Default language set

You specify the language set that applies to your storefront in: sitecore/Commerce/Commerce Control Panel/Storefront Settings/Storefronts/<Your Storefront>/Language Configuration, in the Language Set field:

Language Set field in the language configuration

The Message Summary rendering displays messages that have been triggered by other renderings and pushed to the Message Summary. The rendering groups messages by type and displays them in the following order:

  • Errors

  • Warnings

  • Informational messages

The storefront style sheet (CSS) determines the appearance (style) of the different types of messages.

When you drop the Message Summary rendering on a page, it contains placeholder data:

Message Summary rendering showing placeholder data

On the live storefront, the rendering is invisible if it does not contain any messages.

Configuration

The messages displayed in the Message Summary rendering are Commerce storefront system messages. You can configure the messages in the System Messages folder (/sitecore/Commerce/Commerce Control Panel/Storefront Settings/Commerce Terms/System Messages)