How to customise cart page? - by Trendyfeel

This topic has 2 replies, 2 voices, and was last updated 9 years, 1 month ago ago by Eva Kemp

  • Avatar: Trendyfeel
    Trendyfeel
    Participant
    February 9, 2015 at 00:22

    Hi I would like to make some changes to my cart page and check out page:

    1) on the cart page, when you cancel an order from the page initially directed to Paypal, you would be sent back to the cart page. Between the heading HOME/CART and the actual shopping lists, there is a bar with blue background, saying “Your Order Was Cancelled.” Can I change this background colour to light purple or another colour? How do I do it?

    2) when you have nothing on the cart, it would land on a page with a handbag with a question mark at the centre and a button saying “return to shop”, is it possible to add a line somewhere on this page, saying “no products in the cart”? How to do it?

    3) every time when you add a new item to your cart, or have your cart updated, Between the heading HOME/CART and the actual shopping lists, there is a bar with blue background, either saying “xxx was successfully added to your cart, then a continue shopping button” or “your cart has been updated”, can I change this background colour to light purple or another colour? How do I do it?

    4) the divider lines are overlapped on the cart page for some reasons, is it possible to adjust it or remove those subtle lines?

    Many thanks.

    1 Answer
    Avatar: Eva
    Eva Kemp
    Support staff
    February 9, 2015 at 09:57

    Hello,

    1. You need add this code in custom.css file:

    .woocommerce-info, .alert-info, .info {
        background-color: #6BCBF5 !important;
    }

    Write your color value.
    2. You can write your text for empty cart in Theme Options > Shop > Text for empty cart.
    3. Add this code in custom.css file changed the color code to your color value:

    .woocommerce-message {
        background-color: #98C391 !important;
    }

    4. Go to Pages > edit Cart page > select “Without Sidebar” for “Sidebar Position” in the “Page Layout” box on the right.

    Thank you.
    Regards,
    Eva Kemp.

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.