Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › eStore: customize the checkout page
Tagged: checkout, customization
- This topic has 14 replies, 4 voices, and was last updated 8 years, 8 months ago by wzp.
November 21, 2013 at 3:00 am #10069
My client is wanting to customize the look of the checkout page. I’ve searched the forum and found nothing that addresses these issues. Note: these are dream requests so if it’s not possible, that’s okay, but it never hurts to ask.
1. Make the font size on the checkout page larger.
2. Add an option to “subscribe to our newsletter” to the checkout page.
3. Display the product’s thumbnail image next to the product title on the checkout page.
I only promised her that I’d ask, not that any of these things are possible, so I’m asking.
Thanks for making a great plugin.November 21, 2013 at 10:51 pm #59097
Hi, Making the font size larger for the checkout page/shopping cart should be easy to do. Can you share a link to your checkout page so I can take a look?
Autoresponders give you newsletter subscription form code. You can put that on the checkout page if you want to. Remember, you can use other things on the checkout page by adding it below or above the shopping cart shortcode on that page.
We have a shopping cart shortcode that shows the cart items with thumbnails. Please check the shortcodes list from our docuemntation. The extra shortcodes addon has that shortcode.February 6, 2014 at 11:13 pm #59098
I tried the shortcode to display thumbnails and it looked awful. The images weren’t centered. Is there an optimal size to use for thumnails?
Here’s the checkout page that we’d like to increase the font size on:
Her default font size doesn’t seem to be this small.
thanks for the help!February 7, 2014 at 12:27 am #59099
It will have the best result if the thumbnail image is square (not rectangular).
I can read everything in the cart fine. What font size do you want to use for the shopping cart?February 10, 2014 at 8:21 pm #59100
I don’t have a problem reading the items in the cart either, but the target market is postmenopausal women, many who have “old” eyes and difficulty seeing small print.
How about 16px? The names of each product shouldn’t be terribly long, so I think it would maximize readability without compromising layout/display.
Thanks.February 10, 2014 at 11:39 pm #59101
okay cool. Grab this plugin
Then add the following CSS there to change the font size to 16px:
}February 11, 2014 at 2:33 am #59102
It worked! Thanks guys. I’ll be using this solution with a few of my clients who want the font larger.September 11, 2014 at 11:38 am #59103
I’m having some issues with the way the cart is displaying on my site as well: [www.bookmoreweddingsacademy.com/checkout/]
It’s really spreading out at the bottom and I’d love to be able to change the font color, size and type so that it’s easier to read. The coupon code box is in the center and looks kind of weird and I’d like to make the paypal button larger and to the right – is that possible?September 12, 2014 at 12:18 am #59104
Yes, you should be able to do most of the stuff you mentioned. I need to see the cart with items in it. Where can I go on your site to add an item to the cart?September 12, 2014 at 9:10 am #59105
You can add this product to the cart by using this link: [http://www.bookmoreweddingsacademy.com/checkout/?wp_eStore_add_to_cart=2] I’m just planning on using links from my sales page so I haven’t set up a store area.September 12, 2014 at 11:55 pm #59106
There seems to be a few CSS conflict with this theme and that cart shortcode you are using. Try using one of the following cart shortcodes:
Alternatively, You could actually just use a Buy Now button from the sales page (you can use links for buy now buttons also):
https://www.tipsandtricks-hq.com/ecommerce/how-to-use-buy-now-buttons-using-the-wordpress-estore-shopping-cart-plugin-15September 13, 2014 at 1:31 am #59107
I changed it to [wp_eStore_cart] and I’m still getting the same layout problem. I want to allow people to use a coupon code – is it possible to do that just by using a buy now button? The coupon code is for a limited period of time and there is a buy now & payment plan option.September 13, 2014 at 6:11 am #59108
Looks like you have some JUNK html code around that shortcode. Edit your checkout page in the WordPress page editor. Go to the “HTML” view and remove everything except the cart shortcode. You should be good after that.September 13, 2014 at 1:05 pm #59109
Thank you so much! Is there any way I can change the image of the checkout with paypal button?September 13, 2014 at 2:11 pm #59110
- You must be logged in to reply to this topic.