How to replace 'Continue' button on signup.php with Paypal Buy Now button?

Discussion in 'Templates customization' started by cooliohiten, Aug 18, 2010.

  1. cooliohiten

    cooliohiten Member

    Joined:
    May 1, 2009
    Messages:
    124
    Dear All,

    I want to replace the 'Continue' button on signup.php (which then goes to PayPal) with another PayPal 'Buy Now' button.

    Is there anyway this can be done?

    Best wishes,

    ch
  2. davidm1

    davidm1 aMember User & Partner

    Joined:
    May 16, 2006
    Messages:
    4,437
    HTML edit to amember/templates/signup.html

    <input type="submit" value="&nbsp;&nbsp;&nbsp;#_TPL_SIGNUP_SUBMIT_CONTINUE#&nbsp;&nbsp;&nbsp;" />

    David
  3. nsusa

    nsusa New Member

    Joined:
    Sep 10, 2010
    Messages:
    8
    I actually did this with this code:

    PHP:
    <input type="image" src="http://www.example.com/images/training/ordernow.jpg" alt="Submit button" value="&nbsp;&nbsp;&nbsp;#_TPL_SIGNUP_SUBMIT_CONTINUE#&nbsp;&nbsp;&nbsp;" />
    However, I am getting a little border around the image. I tried to set the border to zero, but that did not work. Any ideas how can I get rid of the link border around the image?

    Thanks.
  4. erwinvdb

    erwinvdb aMember Pro Customer

    Joined:
    Aug 30, 2007
    Messages:
    264
    Yes by using CSS.
    Code:
    <input type="image" src="http://www.example.com/images/training/ordernow.jpg" alt="Submit button" value="&nbsp;&nbsp;&nbsp;#_TPL_SIGNUP_SUBMIT_CONTINUE#&nbsp;&nbsp;&nbsp;" />  
    becomes
    Code:
    <input id="paypalbutton" type="image" src="http://www.example.com/images/training/ordernow.jpg" alt="Submit button" value="&nbsp;&nbsp;&nbsp;#_TPL_SIGNUP_SUBMIT_CONTINUE#&nbsp;&nbsp;&nbsp;" />  
    And in amember/templates/css/site.css (create the file if it doesn't exist) you add the following:
    Code:
    #paypalbutton
    {
    	border: 0px none #000000;
    }
    You could also recreate the whole original button with CSS by using
    Code:
    #paypalbutton
    {
    	border: 0px none #000000;
    	background: transparent url(/images/paypalbutton.png) no-repeat bottom;
    }
    In this example I used a CSS id, but you could also use a CSS class.

Share This Page