Drop Down Menu with price/option - can I list more than 10 items? if so, how?

fabtastic
Contributor
Contributor
Posted on
‎Feb-09-2013 09:16 PM

Can I list more than 10 items in the drop down menu with price/options? If so, how?

Login to Me Too
Login to Reply or Kudo
1 REPLY 1

snowshoe
Frequent Advisor
Frequent Advisor
‎Feb-10-2013 07:11 AM

The online button creator works great however, there are limitations.  Both Add to Cart and Buy Now buttons allow for 10 drop down price/options, 10 drop down menu options and 2 text field options.

 

To answer your question, yes, you can have more.  The item button code has to manaually coded.  This method allows up to 100 options.  It's possible to save a little time in coding by using the online button creator to start the coding process but, you cannot save it to the PayPal Servers.  Here's how:

 

To save coding time, you can use the Online Button Creator to generate a starting point.   Here's how:
*   First, start with a new item button.
*   "Uncheck" the option for "Save Button At PayPal" in Step 2.
*   After you "Create" the button code, in the window that displays the code look for the link that says "Remove Code Protection".    Select this link.   Your code will be changed to "clear text" and is now ready for customization.

 

Below is an add to cart example that show what can be done with various variables:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Button Example Code</title>

<!-- START META TAG SECTION -->
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="Content-Language" content="en">
<!-- END META TAG SECTION -->
   
</head>

<body>

<!-- START SAMPLE CODE SECTION -->


<!-- PARAGRAPH 1 -->
Basic Examples

<br><br>

Various Sizes, Prices and Multiple Options and Quantity Input.


<br><br>
<hr align="left" width="50%" noshade>
<br><br>

<!-- START CONTENTS -->

<!-- START BUTTON EXAMPLES -->

<!-- START BUTTON EXAMPLES -->

Widget

<br><br>

<!-- Start of Add to Cart Form -->
<!-- Note: target="paypal" was replaced with the variable target="_self" -->
<!-- Note: shopping_url also added to code -->
<!-- These two changes allow better functionality with IE and Firefox --> 
<form target="_self" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<!-- If using a Business or Company Logo Graphic, include the "cpp_header_image" variable in your View Cart code. -->
<input type="hidden" name="cpp_header_image" value="https://yourwebsite.com/logo.jpg"> 
<!-- Replace "business" value with your PayPal Email Address or Account ID -->
<input type="hidden" name="business" value="your @ emailaddress.com">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="add" value="1">
<input type="hidden" name="item_name" value="Widget">
<input type="hidden" name="item_number" value="W-1001">

<!-- Replace value with the web page you want the customer to return to -->
<input type="hidden" name="shopping_url" value="http://www.yourwebsite.com/Shop.html">
<!-- Replace value with the web page you want the customer to return to after a successful transaction -->
<input type="hidden" name="rm" value="1">
<input type="hidden" name="return" value="http://www.yourwebsite.com/ThankYou.html">
<!-- Replace value with the web page you want the customer to return to after item cancellation -->
<input type="hidden" name="cancel_return" value="http://www.yourwebsite.com/Cancel.html">

<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="cn" value="Add special instructions to the seller:">
<input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHosted">


Select Size:&#160;&#160;
<input type="hidden" name="on0" value="Size">
<select name="os0">
<option value="1x1" selected>1&#34; x 1&#34; - $1.00</option>
<option value="2x2">2&#34; x 2&#34; - $2.00</option>
<option value="3x3">3&#34; x 3&#34; - $3.00</option>
<option value="4x4">4&#34; x 4&#34; - $4.00</option>
<option value="5x5">5&#34; x 5&#34; - $5.00</option>
<option value="6x6">6&#34; x 6&#34; - $6.00</option>
<option value="7x7">7&#34; x 7&#34; - $7.00</option>
<option value="8x8">8&#34; x 8&#34; - $8.00</option>
<option value="9x9">9&#34; x 9&#34; - $9.00</option>
<option value="10x10">10&#34; x 10&#34; - $10.00</option>
<option value="11x11">11&#34; x 11&#34; - $11.00</option>
<option value="12x12">12&#34; x 12&#34; - $12.00</option>
<option value="13x13">13&#34; x 13&#34; - $13.00</option>
<option value="14x14">14&#34; x 14&#34; - $14.00</option>
<option value="15x15">15&#34; x 15&#34; - $15.00</option>
<option value="16x16">16&#34; x 16&#34; - $16.00</option>
<option value="17x17">17&#34; x 17&#34; - $17.00</option>
<option value="18x18">18&#34; x 18&#34; - $18.00</option>
<option value="19x19">19&#34; x 19&#34; - $19.00</option>
<option value="20x20">20&#34; x 20&#34; - $20.00</option>
<option value="21x21">21&#34; x 21&#34; - $21.00</option>
<option value="22x12">22&#34; x 22&#34; - $22.00</option>
<option value="23x23">23&#34; x 23&#34; - $23.00</option>
<option value="24x24">24&#34; x 24&#34; - $24.00</option>
<option value="25x25">25&#34; x 25&#34; - $25.00</option>
<option value="26x26">26&#34; x 26&#34; - $26.00</option>
<option value="27x27">27&#34; x 27&#34; - $27.00</option>
<option value="28x28">28&#34; x 28&#34; - $28.00</option>
<option value="29x29">29&#34; x 29&#34; - $29.00</option>
<option value="30x30">30&#34; x 30&#34; - $30.00</option>
<option value="31x31">31&#34; x 31&#34; - $31.00</option>
<option value="32x32">32&#34; x 32&#34; - $32.00</option>
<option value="33x33">33&#34; x 33&#34; - $33.00</option>
<option value="34x34">34&#34; x 34&#34; - $34.00</option>
<option value="35x35">35&#34; x 35&#34; - $35.00</option>
<option value="36x36">36&#34; x 36&#34; - $36.00</option>
<option value="37x37">37&#34; x 37&#34; - $37.00</option>
<option value="38x38">38&#34; x 38&#34; - $38.00</option>
<option value="39x39">39&#34; x 39&#34; - $39.00</option>
<option value="40x40">40&#34; x 40&#34; - $40.00</option>
<option value="41x41">41&#34; x 41&#34; - $41.00</option>
<option value="42x42">42&#34; x 42&#34; - $42.00</option>
<option value="43x43">43&#34; x 43&#34; - $43.00</option>
<option value="44x44">44&#34; x 44&#34; - $44.00</option>
<option value="45x45">45&#34; x 45&#34; - $45.00</option>
<option value="46x46">46&#34; x 46&#34; - $46.00</option>
<option value="47x47">47&#34; x 47&#34; - $47.00</option>
<option value="48x48">48&#34; x 48&#34; - $48.00</option>
<option value="49x49">49&#34; x 49&#34; - $49.00</option>
<option value="50x50">50&#34; x 50&#34; - $50.00</option>
</select>


<!-- option_index value=0 is associated with variable on0 -->
<!-- option_index value=1 is associated with variable on1 -->
<input type="hidden" name="option_index" value="0">
<input type="hidden" name="option_select0" value="1x1">
<input type="hidden" name="option_amount0" value="1.00">
<input type="hidden" name="option_select1" value="2x2">
<input type="hidden" name="option_amount1" value="2.00">
<input type="hidden" name="option_select2" value="3x3">
<input type="hidden" name="option_amount2" value="3.00">
<input type="hidden" name="option_select3" value="4x4">
<input type="hidden" name="option_amount3" value="4.00">
<input type="hidden" name="option_select4" value="5x5">
<input type="hidden" name="option_amount4" value="5.00">
<input type="hidden" name="option_select5" value="6x6">
<input type="hidden" name="option_amount5" value="6.00">
<input type="hidden" name="option_select6" value="7x7">
<input type="hidden" name="option_amount6" value="7.00">
<input type="hidden" name="option_select7" value="8x8">
<input type="hidden" name="option_amount7" value="8.00">
<input type="hidden" name="option_select8" value="9x9">
<input type="hidden" name="option_amount8" value="9.00">
<input type="hidden" name="option_select9" value="10x10">
<input type="hidden" name="option_amount9" value="10.00">
<input type="hidden" name="option_select10" value="11x11">
<input type="hidden" name="option_amount10" value="11.00">
<input type="hidden" name="option_select11" value="12x12">
<input type="hidden" name="option_amount11" value="12.00">
<input type="hidden" name="option_select12" value="13x13">
<input type="hidden" name="option_amount12" value="13.00">
<input type="hidden" name="option_select13" value="14x14">
<input type="hidden" name="option_amount13" value="14.00">
<input type="hidden" name="option_select14" value="15x15">
<input type="hidden" name="option_amount14" value="15.00">
<input type="hidden" name="option_select15" value="16x16">
<input type="hidden" name="option_amount15" value="16.00">
<input type="hidden" name="option_select16" value="17x17">
<input type="hidden" name="option_amount16" value="17.00">
<input type="hidden" name="option_select17" value="18x18">
<input type="hidden" name="option_amount17" value="18.00">
<input type="hidden" name="option_select18" value="19x19">
<input type="hidden" name="option_amount18" value="19.00">
<input type="hidden" name="option_select19" value="20x20">
<input type="hidden" name="option_amount19" value="20.00">
<input type="hidden" name="option_select20" value="21x21">
<input type="hidden" name="option_amount20" value="21.00">
<input type="hidden" name="option_select21" value="22x22">
<input type="hidden" name="option_amount21" value="22.00">
<input type="hidden" name="option_select22" value="23x23">
<input type="hidden" name="option_amount22" value="23.00">
<input type="hidden" name="option_select23" value="24x24">
<input type="hidden" name="option_amount23" value="24.00">
<input type="hidden" name="option_select24" value="25x25">
<input type="hidden" name="option_amount24" value="25.00">
<input type="hidden" name="option_select25" value="26x26">
<input type="hidden" name="option_amount25" value="26.00">
<input type="hidden" name="option_select26" value="27x27">
<input type="hidden" name="option_amount26" value="27.00">
<input type="hidden" name="option_select27" value="28x28">
<input type="hidden" name="option_amount27" value="28.00">
<input type="hidden" name="option_select28" value="29x29">
<input type="hidden" name="option_amount28" value="29.00">
<input type="hidden" name="option_select29" value="30x30">
<input type="hidden" name="option_amount29" value="30.00">
<input type="hidden" name="option_select30" value="31x31">
<input type="hidden" name="option_amount30" value="31.00">
<input type="hidden" name="option_select31" value="32x32">
<input type="hidden" name="option_amount31" value="32.00">
<input type="hidden" name="option_select32" value="33x33">
<input type="hidden" name="option_amount32" value="33.00">
<input type="hidden" name="option_select33" value="34x34">
<input type="hidden" name="option_amount33" value="34.00">
<input type="hidden" name="option_select34" value="35x35">
<input type="hidden" name="option_amount34" value="35.00">
<input type="hidden" name="option_select35" value="36x36">
<input type="hidden" name="option_amount35" value="36.00">
<input type="hidden" name="option_select36" value="37x37">
<input type="hidden" name="option_amount36" value="37.00">
<input type="hidden" name="option_select37" value="38x38">
<input type="hidden" name="option_amount37" value="38.00">
<input type="hidden" name="option_select38" value="39x39">
<input type="hidden" name="option_amount38" value="39.00">
<input type="hidden" name="option_select39" value="40x40">
<input type="hidden" name="option_amount39" value="40.00">
<input type="hidden" name="option_select40" value="41x41">
<input type="hidden" name="option_amount40" value="41.00">
<input type="hidden" name="option_select41" value="42x42">
<input type="hidden" name="option_amount41" value="42.00">
<input type="hidden" name="option_select42" value="43x43">
<input type="hidden" name="option_amount42" value="43.00">
<input type="hidden" name="option_select43" value="44x44">
<input type="hidden" name="option_amount43" value="44.00">
<input type="hidden" name="option_select44" value="45x45">
<input type="hidden" name="option_amount44" value="45.00">
<input type="hidden" name="option_select45" value="46x46">
<input type="hidden" name="option_amount45" value="46.00">
<input type="hidden" name="option_select46" value="47x47">
<input type="hidden" name="option_amount46" value="47.00">
<input type="hidden" name="option_select47" value="48x48">
<input type="hidden" name="option_amount47" value="48.00">
<input type="hidden" name="option_select48" value="49x49">
<input type="hidden" name="option_amount48" value="49.00">
<input type="hidden" name="option_select49" value="50x50">
<input type="hidden" name="option_amount49" value="50.00">

<br><br>
Enter Quantity:&#160;&#160;
<input type="text" name="quantity" size="1">

<br><br>
Select Color:&#160;&#160;
<input type="hidden" name="on1" value="Color">
<select name="os1">
<option value="Gold" selected>Gold</option>
<option value="Silver">Silver</option>
<option value="Bronze">Bronze</option>
</select>


<br><br>
Select Pattern:&#160;&#160;
<input type="hidden" name="on2" value="Pattern">
<select name="os2">
<option value="Circles" selected>Circles</option>
<option value="Squares">Squares</option>
<option value="Triangles">Triangles</option>
</select>


<br><br>
Select Finish:&#160;&#160;
<input type="hidden" name="on3" value="Finish">
<select name="os3">
<option value="Gloss" selected>Gloss</option>
<option value="Semi-Gloss">Semi-Gloss</option>
<option value="Flat">Flat</option>
</select>


<br><br>
Select Style:&#160;&#160;
<input type="hidden" name="on4" value="Style">
<select name="os4">
<option value="Country" selected>Country</option>
<option value="Modern">Modern</option>
<option value="Traditional">Traditional</option>
</select>


<br><br>
Select Mounting:&#160;&#160;
<input type="hidden" name="on5" value="Mounting">
<select name="os5">
<option value="Drywall Anchors" selected>Drywall Anchors</option>
<option value="Eye Hooks">Eye Hooks</option>
</select>


<br><br>
Would you like pre-drilled holes?&#160;&#160;
<input type="hidden" name="on6" value="Pre-Drilled Holes">
<select name="os6">
<option value="YES" selected>YES</option>
<option value="NO">NO</option>
</select>


<br><br>
Option 7:&#160;&#160;
<input type="hidden" name="on7" value="Option 7">
<select name="os7">
<option value="TEST 7A" selected>TEST 7A</option>
<option value="TEST 7B">TEST 7B</option>
</select>


<br><br>
Option 8:&#160;&#160;
<input type="hidden" name="on8" value="Option 8">
<select name="os8">
<option value="TEST 8A" selected>TEST 8A</option>
<option value="TEST 8B">TEST 8B</option>
</select>


<br><br>
Option 9:&#160;&#160;
<input type="hidden" name="on9" value="Option 9">
<select name="os9">
<option value="TEST 9A" selected>TEST 9B</option>
<option value="TEST 9B">TEST 9B</option>
</select>


<br><br>
Option 10:&#160;&#160;
<input type="hidden" name="on10" value="Option 10">
<select name="os10">
<option value="TEST 10A" selected>TEST 10A</option>
<option value="TEST 10B">TEST 10B</option>
</select>


<br><br>
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<!-- End of Add to Cart Form -->


<!--  Start of View Cart Button Code  -->
<form target="_self" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<!-- If using a Business or Company Logo Graphic, include the "cpp_header_image" variable in your View Cart code. -->
<input type="hidden" name="cpp_header_image" value="https://yourwebsite.com/logo.jpg"> 
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="display" value="1">
<!-- Replace "business" value with your PayPal Email Address or Account ID -->
<input type="hidden" name="business" value="your @ emailaddress.com">
<!-- Replace value with the web page you want the customer to return to -->
<input type="hidden" name="shopping_url" value="http://www.yourwebsite.com/Shop.html">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_viewcart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form> 
<!--  End of View Cart Button Code  -->




<!-- END BUTTON EXAMPLES -->



<!-- END SAMPLE CODE SECTION -->


<br><br><br><br>
<hr align="left" width="50%" noshade>
<br><br>
NOTES:
<br>
In order to test the code, you must replace the &quot;business&quot; value variable with your PayPal Email Address or Account ID.


</body>
</html>

 

 

 

 

Login to Me Too
Login to Reply or Kudo

Haven't Found your Answer?

It happens. Hit the "Login to Ask the community" button to create a question for the PayPal community.