nsForum logo

Welcome Guest ( Log In )

 
Reply to this topicStart new topic
> Removing "quantity" Box On Product Details Page
rob1
post Jun 23 2009, 07:40 PM
Post #1





Group: Verified NS Member
Posts: 205
Joined: 25-July 08
From: New Hampshire
Member No.: 1,625



Must of our customers do not order in multiple quantities. I want to remove the quantity box located next to the add to cart button. I selected this option in operations/settings to only show the add to cart button but the quantity box still appears. Is this bug or am I missing something? Thanks!
Go to the top of the page
 
+Quote Post
agkits
post Jun 24 2009, 07:16 AM
Post #2





Group: Verified NS Member
Posts: 666
Joined: 26-October 07
From: Syracuse NY
Member No.: 193



QUOTE
#ctl00_pageContent_txtQuantity { display: none }
Go to the top of the page
 
+Quote Post
rob1
post Jun 24 2009, 08:33 PM
Post #3





Group: Verified NS Member
Posts: 205
Joined: 25-July 08
From: New Hampshire
Member No.: 1,625



Hi Agkits,

Thanks for the info. Any idea to why the text "quantity" does not dissapear with the box. I looked at the code and could not figure out why.

Thanks!

Rob
Go to the top of the page
 
+Quote Post
NSTechRyan
post Jun 25 2009, 10:01 AM
Post #4





Group: NetSol Staff
Posts: 87
Joined: 25-July 08
From: Belleville, IL
Member No.: 1,621



QUOTE (rob1 @ Jun 24 2009, 08:51 PM) *
Hi Agkits,

Thanks for the info. Any idea to why the text "quantity" does not dissapear with the box. I looked at the code and could not figure out why.

Thanks!

Rob



Note: this will not work on products with personalization questions.

The ns script within the product layout design calls for the quantity label, quantity box, and add to cart button. It looks like this.
CODE
<ns:ProductAddToCart />


You will need to add a style tag to tell the quantity box not to display. Add this code around the ns:productaddtocart script that calls for the add to cart function.
CODE
<style type="css"> input.textbox-center {display: none;} </style>


So, it should look like this now:
CODE
<style type="css"> input.textbox-center {display: none;} <ns:ProductAddToCart /></style>


Next we need to add back in the code that shows the add to cart button and gives it its functionality. Add this code into your product layout page where you want the add to cart button to display.
CODE
<div class="prod-detail-purchase" onkeypress="java script:return WebForm_FireDefaultButton(event, 'ctl00_pageContent_addToCart')">
<input type="image" name="ctl00$pageContent$addToCart" id="ctl00_pageContent_addToCart" class="prod-detail-add" src="/themes/default-1-1-1-1-1/images/buttons/cart_btn_add.gif" onclick="java script:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;ctl00$pageContent$addToCart&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" style="border-width:0px;" />
<span id="ctl00_pageContent_ctl65" style="color:Red;display:none;"><br />* Whole number only</span>
            </div>

The source path of your add to cart button (cart_btn_add.gif) will vary depending on which site design is active.

Here is a link to see this in action on my test site. http://browsermart.com/baconwatch.aspx
Go to the top of the page
 
+Quote Post
cnmor
post Jun 25 2009, 04:01 PM
Post #5





Group: Verified NS Member
Posts: 223
Joined: 2-September 08
Member No.: 2,266



Ryan - I checked out your page. Thanks for the laugh. I needed that! (IMG:http://forums.networksolutions.com/style_emoticons/default/martiniemoticon.gif)
Go to the top of the page
 
+Quote Post
rob1
post Jun 29 2009, 10:30 AM
Post #6





Group: Verified NS Member
Posts: 205
Joined: 25-July 08
From: New Hampshire
Member No.: 1,625



Hi Ryan,

Thanks for the detailed response. I really appreciate it!

Rob
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
Tags
No Tag inserted yet

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

RSS Lo-Fi Version    Network Solutions © 2010 Time is now: 20th March 2010 - 10:18 AM
Domain Names | Web Hosting | Web Design | Shopping Cart Software | Online Marketing | SSL Certificates