eStore: customize the checkout page

[lesatownsend]

Hi guys,

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.

[admin]

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.

[lesatownsend]

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:

[http://agelesswithannette.com/checkout]

Her default font size doesn’t seem to be this small.

thanks for the help!

[admin]

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?

[lesatownsend]

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.

[admin]

okay cool. Grab this plugin

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Then add the following CSS there to change the font size to 16px:

.shopping_cart{

font-size: 16px;

}

[lesatownsend]

It worked! Thanks guys. I’ll be using this solution with a few of my clients who want the font larger.

[h4baine]

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?

[admin]

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?

[h4baine]

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.

[admin]

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:

[wp_eStore_cart]

or

[wp_eStore_cart_fancy1]

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-15

[h4baine]

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.

[admin]

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.

[h4baine]

Thank you so much! Is there any way I can change the image of the checkout with paypal button?

[wzp]

Yes, there is:

https://support.tipsandtricks-hq.com/forums/topic/estore-change-the-checkout-button-image-in-the-shopping-cart

[Author]

Posts