Basket Link View Component

A prebuilt basket link which incudes the Basket Count is included.

The link is unstyled and either requires styling within the partial cshtml file or using CSS.

The cshtml partial can be found at the following path:

Views -> Partials -> UmbCheckout -> _BasketLink.cshtml

To be able to use the Basket Link View Component you will need to add the following to your _ViewImports.cshtml file

@addTagHelper *, UmbCheckout.Core

This will allow you to use the following tag helper:

<vc:basket-link></vc:basket-link>

Alternatively, you can load the View Component without using the tag helper:

@await Component.InvokeAsync(typeof(BasketLinkViewComponent))

Configurable Properties

You can set the following properties

Property	Property Alias	Use	Default Value
basketAlias	basket-alias	The Content Type alias of the Basket page	basket
linkName	link-name	The text shown on the link	Basket
linkCssClass	link-css-class	The CSS class to be added to the <a> tag	null
linkType	link-type	What the link shows: BasketLinkType.TotalCount (item count) or BasketLinkType.SubTotal	TotalCount
currencyNodeKey	currency-node-key	The key of the node whose umbCheckoutCurrencyCode sets the currency	null