Thread: How to hide quantity field in shopping cart?

I am wanting to hide the quantity field in the shopping cart and during checkout. I already found the appConfig that will hide it just for the product page.

I've gone through the ASP Core / Control folders and looked at the Shoppingcart.cs file, but I couldn't find anything to delete the quantity field - only the header. Is there a way to do this?

Thank you in advance!

I have a Upsell product with a discount.
it should only work like when they buy product A they get Discount on Product B.
But later in shopping cart customer is allowed to update the quantity of the Discounted Product, this is not correct.

So i would like to disable the update quantity for the upsell product in cart page or remove the update quantity option in the shopping cart completely.

if any one got to implement this, please share your work here.

thanks

Originally Posted by sha87

I am wanting to hide the quantity field in the shopping cart and during checkout. I already found the appConfig that will hide it just for the product page.

I've gone through the ASP Core / Control folders and looked at the Shoppingcart.cs file, but I couldn't find anything to delete the quantity field - only the header. Is there a way to do this?

Thank you in advance!

sha87,

Is your goal to prevent this field from being edited during checkout (simpler) or to completely remove the display altogether (a little more difficult)?

my goal is to prevent this field from being edited during checkout
How can i achieve it.

Originally Posted by ChrisAtAbilityBusiness

sha87,

Is your goal to prevent this field from being edited during checkout (simpler) or to completely remove the display altogether (a little more difficult)?

Do you have source?

no I don't have the source.

Originally Posted by ChrisAtAbilityBusiness

Do you have source?

Hi,

Sorry for the slow response.

It will be a little more complicated without source. The steps will be:
1. Create a class in your App_Code folder.
2. The shoppingcart.aspx page calls a function of the ShoppingCart class called DisplayItems() that takes a few parameters.
3. You will need to reproduce this class in some fashion, likely a function that takes the same parameters as well as the cart itself as a parameter so that you can have access to and iterate through the items in the cart.
4. Open the shoppingcart.aspx page in a browser and View Source and locate the <table> that is generated as the display as a result of calling the cart.DisplayItems() function. This is what you will need to generate on your own through your new function and return (as a string).
5. In your new class you will perform the necessary logic to determine whether (for each cart item) you will be displaying the quantity field as a textbox (editable) or simply a label.
6. My recommendation is to perform the same logic in the cart update method of this shoppingcart.aspx page to make sure that these restricted item quantities do not get changed.

If you need any further explanation on any of these steps just let me know.

HTH

this is line calling Displayitems
CartItems.Text = cart.DisplayItems(true, ThisCustomer, true);


it is taking three parameters, Bool Quantity Read Only,Customer ViewingCustomer and bool Show item Delete Button
I have changed Boolean parameter for Quantity Read-only as True.
this made the quantity unmodified at shopping cart page.

you said i can iterate through the DisplayItems() Method and disable Quantity edit only for certain products.

Can you provide an ideal of iteration logic, what params i should take.

thanks

or you could just set the restrictedquantity of the upsell item to just allow 1.


TTFN

BFG

Setting the RestrictedQuantity of the Upsell Item will work if this is the only instance where you will have the item in the cart. If you wish to allow the purchase of this item separately (and in any quantity) then you will need to implement something like the following:

This is an example pulled directly from Viewing Source of a shoppingcart.aspx page. The below snippet is the <table> that was generated from the cart.DisplayItems() function.

HTML Code:

<table width="100%" cellpadding="2" cellspacing="0" border="0">
	<tr>
		<td align="left" valign="middle"><b>Product</b></td>
		<td align="center" valign="middle"><b>Quantity</b></td>
		<td align="right" valign="middle"><b>Sub Total:</b></td>
	</tr>
	<tr>
		<td colspan="3"><hr style="height: 1px; width:100%; color: #DDDDDD;"></td>
	</tr>
	<tr>
		<td align="left" valign="top">
			<a href="p-23-sweaters-all-styles.aspx">
			<b>Sweaters-All styles-Cardigan-V-neck</b></a>
			<br/>SKU: <br/>Size: Youth Lg(14-16)
		</td>
		<td align="center" valign="top">
			<input type="text" name="Quantity_173" id="Quantity_173" size="4" value="1" maxlength="4" >&nbsp;
			<input type="submit" name="bt_Delete" class="CartDeleteButton" value="Delete" onClick="document.getElementById('Quantity_173').value='0';">
		</td>
		<td align="right" valign="top">$27.00</td>
	</tr>
	<tr>
		<td colspan="3"><hr style="height: 1px; width:100%; color: #DDDDDD;"></td>
	</tr>
	<tr>
		<td align="left" valign="top">
			<a href="p-96-pants.aspx"><b>Pants</b></a>
			<br/>SKU: 7121<br/>Size: 7H [+$7.50]
		</td>
		<td align="center" valign="top">
			<input type="text" name="Quantity_174" id="Quantity_174" size="4" value="1" maxlength="4" >&nbsp;
			<input type="submit" name="bt_Delete" class="CartDeleteButton" value="Delete" onClick="document.getElementById('Quantity_174').value='0';">
		</td>
		<td align="right" valign="top">$26.00</td>
	</tr>
</table>

What you will need to do is create a custom class in the App_Code folder. We will call it customlogic.cs. In that class we will create a method:

Code:

public static string DisplayCartItems(Customer ViewingCustomer, bool ShowItemDeleteButton, ShoppingCart cart){...}

Notice that we have removed the first parameter. As we are making this determination ourselves on a per item basis we do not need a parameter to make the determination for all items. Also notice we have added a ShoppingCart class parameter.

Replace the line of code:

Code:

CartItems.Text = cart.DisplayItems(true, ThisCustomer, true);

with:

Code:

CartItems.Text = customlogic.DisplayCartItems(ThisCustomer, true, cart);

This will call our new custom function instead of the built-in cart method.

For our custom function we will want to do something like this (keep in mind our goal is to generate the exact same <table> as the original function with the exception of the quantity field):

Code:

public static string DisplayCartItems(Customer ViewingCustomer, bool ShowItemDeleteButton, ShoppingCart cart)
{
  StringBuilder sb = new StringBuilder();

  sb.Append("<table width=\"100%\" cellpadding=\"2\" cellspacing=\"0\" border=\"0\">");

  sb.Append("<tr>");
  sb.Append("<td align=\"left\" valign=\"middle\"><b>Product</b></td>");
  sb.Append("<td align=\"left\" valign=\"middle\"><b>Quantity</b></td>");
  sb.Append("<td align=\"left\" valign=\"middle\"><b>Sub Total:</b></td>");
  sb.Append("</tr>");

  foreach (CartItem ci in cart.CartItems)
  {
    sb.Append("<tr>");
    sb.Append("<td colspan=\"3\"><hr style=\"height: 1px; width: 100%; color: #DDDDDD;\"></td>");
    sb.Append("</tr>");

    sb.Append("<tr>");

    sb.Append("<td align=\"left\" valign=\"top\">");
    // INSERT LOGIC HERE TO GENERATE IMAGE (IF DESIRED) AND PRODUCT NAME/LINK
    sb.Append("</td>");

    sb.Append("<td align=\"left\" valign=\"top\">");
    // INSERT LOGIC HERE TO DETERMINE IF THIS ITEM WILL DISPLAY AN EDITABLE TEXTBOX FOR QUANTITY AND A DELETE BUTTON OR ELSE SIMPLY A LABEL
    sb.Append("</td>");

    sb.Append("<td align=\"left\" valign=\"top\">");
    // INSERT LOGIC HERE TO GENERATE PRODUCT PRICE
    sb.Append("</td>");

    sb.Append("</tr>");
  }

  sb.Append("</table>");

  return sb.ToString();

}

HTH


Edited to: Insert missing sb.Append("<tr>"); line in code.

Hi chris,
I really appreciate your help.
I just have one last question, where can i find any exiting code for retrieving the product details for
// INSERT LOGIC HERE TO GENERATE IMAGE (IF DESIRED) AND PRODUCT NAME/LINK
// INSERT LOGIC HERE TO DETERMINE IF THIS ITEM WILL DISPLAY AN EDITABLE TEXTBOX FOR QUANTITY AND A DELETE BUTTON OR ELSE SIMPLY A LABEL
// INSERT LOGIC HERE TO GENERATE PRODUCT PRICE

i see that the product information is generated from the XML.Config files with Xpath,

how can i call the product details in to the new customlogic class.

thanks

This is going to be fairly complex and lengthy. Do you have a copy of the storefront around with full source that you can reference?

As far as displaying these items there are SO many config settings that can affect this.

For example the product link; whether or not the cart should display pictures, whether those pictures should be watermarked.

For example the quantity: you will need to perform your own custom logic to determine whether the given product is one of the upsell items that needs to have an un-editable qty or else to allow for a textbox that can be edited. whether to allow for the delete button or not.

For example the subtotal: customer level discounts, VAT, quantity discounts, etc will all play a role in calculating the displayed subtotal.

If you do not have source we can walk through it but it is going to be lengthy.

Thanks,

Hi Chris,

I saw your post. I use 9.0. Do you have any suggestions for 9.0? Thanks in advance!!

The 'easy' way to do this would be to create a duplicate of the product you are discounting & set the restricted quantity to 1.

Then people can buy the regular product at full price in whatever quantity they like & they are limited to only one of the discounted product.


No source code, no modifications, can set it up in less than a minute.


TTFN

BFG