Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › WP eStore Tweaks › Add my own text/image under the PayPal checkout button?
Tagged: checkout paypal image
- This topic has 12 replies, 5 voices, and was last updated 11 years, 4 months ago by wpCommerce.
-
AuthorPosts
-
February 13, 2010 at 4:20 pm #791sharris203Member
I’d like to write my own text/image under the Paypal checkout button, specifically to point out the area on the next page that says “Don’t have a paypal account? Use your debit or credit card to pay.”
Where can i find the code to change to add in this customization.
I really need this to be listed right under the checkout button. I’m sure others would greatly benefit from this too.
Also I’d like to know how to correctly make a url link within the code. I know quotations need this ” done but I can’t quite figure it out.
February 14, 2010 at 3:03 am #17988amin007ParticipantYou can add any additional instruction/message for your customers just below or above the shopping cart shortcode. Simply edit the area where you entered the shopping cart shortcode and add message below or above the shortcode. If you make the message bold and use a little color on it then it will stand out to your customers.
Here is an example where you can see how we have added some instructions on our checkout page (where the shopping cart is displayed):
http://www.tipsandtricks-hq.com/checkout
The following post will show you how to cteate a specific checkout page:
https://support.tipsandtricks-hq.com/forums/topic/how-to-create-a-specific-checkout-page-for-estore
With that said, look in the “eStore_cart.php” file search for the following:
$output .= ‘<input type=”image” src=”‘.$checkout_button.'” name=”submit” class=”eStore_paypal_checkout_button” alt=”Checkout” />’;
that line adds the checkout button image… you can add in your line after that.
April 6, 2010 at 10:14 pm #17989wonderwomanMemberIs it possible to edit the Paypal Checkout image to a custom image? any instructions would be greatly appreciated.
Thanks
April 7, 2010 at 6:04 am #17990amin007ParticipantIn the “images” directory of the WP eStore plugin look for the following file:
checkout_paypal.png
Simply name your custom image the same as above and overwrite it.
April 8, 2010 at 6:10 pm #17991wonderwomanMemberThanks, but did you mean paypal_checkout.png ? as there is no checkout_paypal.png
April 8, 2010 at 6:18 pm #17992wonderwomanMemberAlso, can’t find the In the “eStore_cart.php” file… I want to be able to change the size of the image to a bigger size.
Thanks for your help.
April 8, 2010 at 11:31 pm #17993amin007ParticipantQuestion number 1: You are using the WP eStore plugin and not the “Simple WP Shopping Cart” plugin right?
If your answer is yes then I have a feeling that you need an update. This link will help you with that
https://support.tipsandtricks-hq.com/forums/topic/how-and-when-do-you-get-an-update
April 15, 2010 at 9:36 pm #17994wonderwomanMemberOk, I have updated the plugin but now I need to know where in the “eStore_cart.php” file I can change the size of the paypal_checkout.png . Right now it makes my image too small.
Thanks
Mindi
April 16, 2010 at 7:29 am #17995amin007ParticipantSo Wonderwoman = Mindi? Why didn’t you tell me this before?
You should only need to change the CSS file to change the image size. Please check the following CSS element in the eStore’s CSS file and add the width and height properties:
eStore_paypal_checkout_button
If you need more help let me know.
April 16, 2010 at 5:58 pm #17996wonderwomanMemberThanks! All is fixed.. Now I just need to remember to change it every time I do an upgrade… yikes!
April 17, 2010 at 2:22 am #17997amin007ParticipantNot if the theme is coded properly You should never specify the size of an input because a few images in your themes requires a specific size. The size should be left open so individual blocks can either specify what size to use for a particular div or leave open so it uses the size of the image. Hope I am not confusing you
July 1, 2013 at 3:00 pm #17998whitelight308MemberI’d also like to add a link that says “Don’t have a paypal account? Use your debit or credit card to pay” under “Checkout with Paypal” because some may think you need Paypal to pay for the products.
The answer pasted below was posted three years ago. Is the info still valid? I could not find “eStore_cart.php” file, only many estore php files that have longer names. Also, I don’t know coding. Do you recommend paying someone on Fiverr to do it?
>>>>In the “eStore_cart.php” file search for the following:
$output .= ‘<input type=”image” src=”‘.$checkout_button.'” name=”submit” class=”eStore_paypal_checkout_button” alt=”Checkout” />’;
that line adds the checkout button image… you can add in your line after that. <<<<
July 2, 2013 at 1:22 am #17999wpCommerceModeratorHi, please add the following piece of code to the
wp_eStore_custom_style.css
file:.shopping_cart:after
{
content:"Don't have a paypal account? Use your debit or credit card to pay";
}You can style it however you like by adding more attributes. For example:
.shopping_cart:after
{
content:"Don't have a paypal account? Use your debit or credit card to pay";
color:red;
font-weight:bold;
font-size: 150%;
} -
AuthorPosts
- You must be logged in to reply to this topic.