Common Elements widgets

  • Updated

Common Elements widgets are available on any page and provide additional functionality for your Configured Commerce website, especially the Header.

Spire_CommonElements.png

Read more about each of these widgets below.

Cart

This widget changes how your cart link displays to your customers.

Configure the cart widget using these options: 

Settings

Show Both – Select this to show both a label and an icon for the cart link.

Show Label Only – Select this to show only the cart label.

Show Icon Only – Select this to show only the cart icon.

Shopping Cart Icon

Select an item from the drop-down to be the cart icon if you have chosen to show it. 

Cart Approver Message

Use this widget to change the Cart Approver Message that displays. Click Save when you are done.

Currency Menu

Select whether to Show Icon.

Header Ship to Address Menu

Use this widget to edit the Ship to Address Menu that appears in the Header. Click Save when you are done.

Header Sign In

Use this widget to edit how the Sign In link displays to your customers.

Settings

Both – Select this to show both the label and icon for Sign In.

Show Label – Select this to show just the label.

Show Icon – Select this to show just the icon.

Sign In Icon

Select your desired Sign In icon from the drop-down list. 

Include My Account Menu

Select whether to include the My Account Menu under the Sign In link. 

Language Menu

Use this widget to display the icon for the Language menu.

Product Carousel

Use this widget to configure how the product carousel displays.

Title

Name the product carousel.

Carousel Type

Choose what type of products the carousel displays, such as Cross Sells or Top Sellers.

Max Number of Columns

Set the max number of columns that display in the product carousel.

Other options

Select what information to display in the product carousel:

  • Image (required)
  • Title (required)
  • Brand Name
  • Part Numbers
  • Price
  • Add to Cart
  • Add to List

Purchased Products

Use this widget to display purchased products on a particular page.

Title

Name the Purchased Products widget.

Title Position

Choose whether to position the title Center, Left or Right.

Purchase Type

Choose the purchased product type, such as Recently Purchased or Frequently Purchased.

Other options

Select what information to display in the widget:

  • Brand Name
  • Part Numbers
  • Price
  • Availability
  • Add to Cart
  • Add to List

Recent Orders

Use this widget to display a customer's recent orders.

Basic

Number of Recent Orders Displayed –  Set the number of recent orders that display to a customer.

Advanced

You can configure custom CSS for your Recent Orders widget. Note that this is only for display CSS and is not intended for script. 

Recent Quotes

Use this widget to display a customer's recent quotes.

Recent Wish Lists

Use this widget to display a customer's recent wish lists. Set how many you want to display.

Secondary Navigation

Use this widget to configure custom CSS for your secondary navigation. Note that this is only for display CSS and is not intended for script.