|< Day Day Up >|
Hack 47 Specify the Size of the Shopping Cart Window
Control the size and other aspects of PayPal Shopping Cart pop-up window .
PayPal's Button Factory generates Buy Now and Shopping Cart button code based on form inputs. In the case of the Shopping Cart, the target for the form defaults to a new window named paypal . Because this is submitted by a form, the size of the window defaults to the customer's browser's default. This default size can be too large and take up the customer's entire screen, obscuring your store's pages. Or, even worse , the window can be too small, forcing your customer to scroll around to see all the information for his cart.
5.4.1 The Code
Here's the code for form buttons :
<form method="post" action= https://www.paypal.com/cgi-bin/webscr target="paypal"> <input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="business" value="firstname.lastname@example.org"> <input type="hidden" name="item_name" value="PayPal Hacks"> <input type="hidden" name="amount" value="19.95"> <input type="submit" name="add" value="Add to Cart" onClick= "window.open('','paypal','width=780,height=500,scrollbars=yes, resizable=yes,status=yes')"> </form>
And here's the equivalent as a hyperlink [Hack #46] :
<a href=# onClick="window.open('https://www.paypal.com/cgi-bin/webscr?cmd= email@example.com&item_name=PayPal+Hacks& amount=19.95','paypal','width=780,height=500,scrollbars=yes, resizable=yes,status=yes')">Add to Cart</a>
5.4.2 Hacking the Hack
While you can experiment with the height and width to get the window size that works best for you, 780x500 is a good size, because it accommodates the size of PayPal's web pages fairly well and works with most customers' screens. Note some of the other attributes in this code:
|< Day Day Up >|