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.CoreThis 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
Section titled โ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 |