A few problems, no checkout button, and coupon don't work

Hey! I am about to start an personal training webshop. Very simple, just a few downloadable files in a woocmmerce setup with paypal. Anyways, I am beta testing my website atm and have found a few problems.
here is the sub site: http://store.marbergs.com/

1 problem: There is no "Proceed to checkout" in my cart.
(You can add a free test product to test this. Enter this url and add to cart: http://store.marbergs.com/product/test/ ) And then of course enter your cart at : http://store.marbergs.com/product/cart/ .
As you probably can see there is no checkout button. You can go to checkout by holding the mouse over the cart and click at "checkout", but this would be too mazy.

2 problem: If you proceed to checkout you will find the next problem. https://store.marbergs.com/checkout/
As you can see there is a blue box saying "Have a coupon? Click here to enter your code". And this notice don't work to click at, nothing happends. I would like to have it as an simple field instead.

There was the problems that I need help with to solve.
Thanks for amazing support wpmudev, I have grant you access! :slight_smile:

  • Michael Bissett
    • Recruit

    Hey @MarcuSM, Michael here! :slight_smile:

    I noticed that you're presently loading some custom CSS code onto the page (via the Simple Custom CSS plugin, from the looks of it), and while I did notice that all of the media queries seem to be broken (due to each media query not having a } to close off the statement), I also noticed this bit in there:

    .woocommerce-cart #top .button {
        display: none!important;
    }

    Which is not only hiding the checkout button on this page:

    http://store.marbergs.com/cart/

    But the coupon button as well (which you're going to need to have available in order to apply coupons).

    You'll want to alter the CSS code, so that it looks like this:

    http://pastebin.com/HvMWS0bX

    Let me know if this helps please! (and please back up your original CSS code, just in case!)

    Kind Regards,
    Michael

  • MarcuSM
    • Site Builder, Child of Zeus

    Yes, It worked great to remove this code from my custom css

    .woocommerce-cart #top .button {
        display: none!important;
    }

    Everything work's great, expect the box to enter discount codes in checkout. I post a image to show you :slight_smile:
    I am not sure if the media queries is actually broken because those codes is codes that my theme support have made for me. I know it seems to be broken but they still works, weird? :o
    How can I get them not broken? Or does it even matter if they works? does they slow down the loading speed or something? Just curious ^^

    Thanks for great support, I love this service.

    Regards,
    Marcus

  • Jude
    • DEV MAN

    Hi again @MarcuSM

    Here is some CSS to fix the second issue with the coupon box.

    form.checkout_coupon {
        display: block !important;
    }
    
    .woocommerce-info.x-alert.x-alert-info.x-alert-block {
        display: none;
    }

    I think the reason the link was not because of some unsafe scripts in an SSL page.

    Cheers
    Jude

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.