Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

eStore: customize the checkout page

by

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 10 years, 8 months ago by wzp.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 21, 2013 at 3:00 am #10069
    lesatownsend
    Member

    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.

    November 21, 2013 at 10:51 pm #59097
    admin
    Keymaster

    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
    lesatownsend
    Member

    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!

    February 7, 2014 at 12:27 am #59099
    admin
    Keymaster

    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
    lesatownsend
    Member

    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
    admin
    Keymaster

    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;
    }

    February 11, 2014 at 2:33 am #59102
    lesatownsend
    Member

    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
    h4baine
    Member

    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
    admin
    Keymaster

    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
    h4baine
    Member

    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
    admin
    Keymaster

    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

    September 13, 2014 at 1:31 am #59107
    h4baine
    Member

    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
    admin
    Keymaster

    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
    h4baine
    Member

    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
    wzp
    Moderator

    Yes, there is:

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

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Registration
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Shopping Cart Plugin
  • Simple Download Monitor

Copyright © 2025 | Tips and Tricks HQ