How to limit the Shopping Cart to a single product

Title

URL Name

How-to-limit-the-Shopping-Cart-to-a-single-product

Article Number

000186594

Environment

Product: Sitefinity Version: 6.x, 7.x, 8.x, 9.x, 10.x, 11.x OS: All supported OS versions Database: Microsoft SQL Server 2012 SP2

Question/Problem Description

This KB article describes an approach to limit the Shopping Cart to contain only one item.

Steps to Reproduce

Clarifying Information

Error Message

Defect Number

Enhancement Number

Cause

Out-of-the-box it is not possible to limit the Shopping Cart to only one item. This could be useful in some specific scenarios.

Resolution

This approach consists on creating a custom AddToCart widget to replace the default one (which is used in the Product Detail page).

In this custom widget a check is performed to determine whether the Shopping cart has at least one product and if that is the case then a message is shown indicating that there is already a product in the Cart.

Note that the amount items of the same product can be changed from the Shopping Cart section, so, the column of the RadGrid that contains the Textbox to change the amount has been hidden (see video attached).

File AddToCartWidgetCustom.cs

public class AddToCartWidgetCustom : AddToCartWidget

{

public override string LayoutTemplatePath

{

get

{

return "~/AddToCartWidgetCustomTemplate.ascx";

}

protected override void InitializeControls(Telerik.Sitefinity.Web.UI.GenericContainer container)

{

SwitchVisibilityBasedOnInventory(GetProductVariation());

this.QuantityControl.Text = "1";

this.CssClass = "sfAddToCartWrp";

this.AddToCartButton.Command += new CommandEventHandler(AddToCartButton_Command);

}

...

}

For versions below 8.1 use the highlighted line instead in the method AddToCartButton_Command. E.g:

protected void AddToCartButton_Command(object sender, CommandEventArgs e)

{

int quantity = Int32.Parse(this.QuantityControl.Text);

IShoppingCartAdder shoppingCartAdder = new ShoppingCartAdder();

string defaultCurrencyName = EcommerceSettings.Currencies.DefaultCurrency;

...

}

File AddToCartWidgetCustomTemplate.ascx

<%@ Control Language="C#" %>

<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI" Assembly="Telerik.Sitefinity" %>

<asp:UpdatePanel ID="UpdatePanel" runat="server">

<ContentTemplate>

<sf:Message runat="server" ID="addedToCartMessage" CssClass="sfMessage sfTopMsg" RemoveAfter="10000" />

<div id="addToCartWidgetWrp" runat="server">

<asp:Label ID="quantityLabel" runat="server" Text='<%$Resources:OrdersResources, QuantityColon %>' AssociatedControlID="quantity"

CssClass="sfTxtLbl" />

<asp:RequiredFieldValidator ID="quantityRequiredFieldValidator" runat="server"

ControlToValidate="quantity"

ValidationGroup="addToCart"

Display="Dynamic"

CssClass="sfErrorWrp">

<span class="sfError">

<asp:Literal runat="server" ID="lProductQuantityIsRequired" Text="<%$Resources:OrdersResources, ProductQuantityIsRequired %>" /></span>

</asp:RequiredFieldValidator>

<asp:RangeValidator ID="quantityValidator" runat="server"

MinimumValue="1"

MaximumValue="1"

ControlToValidate="quantity"

ValidationGroup="addToCart"

Type="Integer"

Display="Dynamic"

CssClass="sfErrorWrp">

<span class="sfError">

<asp:Literal runat="server" ID="lProductQuantityIsInvalid" Text="Only one (1) product allowed" /></span>

</asp:RangeValidator>

<asp:TextBox ID="quantity" runat="server" CssClass="sfTxt sfQuantity" />

<asp:Button ID="addToCartButton" runat="server" Text='<%$Resources:OrdersResources, AddToCart %>' ValidationGroup="addToCart"

CssClass="sfAddToCartBtn" />

</div>

</ContentTemplate>

</asp:UpdatePanel>

In order to validate the amount of the same product, the RangeValidator of the custom AddToCart widget has been modified (highlighted in the above markup).

After that build the project.

In order to use this custom AddToCart widget instead of the default one open the Product List widget designer and edit the Details Template and locate the built-in AddToCart widget. Replace it by the custom one (see video attached).

The custom widget is attached as well for your reference.

Workaround

Notes

Keyword Phrase

Last Modified Date

12/12/2018 8:12 AM

How to limit the Shopping Cart to a single product

Files(1)

Was this article helpful?

Was this article helpful?

How to limit the Shopping Cart to a single product

Information

Related Articles