Black Friday sale! Get up to 25% off GP Premium! Learn more ➝

[Resolved] cart form 2 columns

Home Forums Support [Resolved] cart form 2 columns

Home Forums Support cart form 2 columns

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #416441
    Enrique

    I must congratulate them for the great work they do, but I need help. I would like the “cart form” to be in two columns and in cellular mode to behave the same, I appreciate your help.
    cart form
    cart form mobile

    #416615
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You want the cart to be in two columns on mobile? Do you think both columns would fit?

    #416701
    Enrique

    Hi Tom

    Thank you for responding, here I detail how I would like the “Cart Form” to be in two columns
    cart-form-two-column

    #416818
    Tom
    Lead Developer
    Lead Developer

    It looks like you’re already using some sort of custom solution – that’s not what the standard GP checkout looks like.

    Can you link me to your site?

    #416844
    Enrique

    Exactly, that is not the appearance standard GP, but there is a way that had that appearance, the link is http://www.buenosremates.com

    #416858
    Tom
    Lead Developer
    Lead Developer

    You could try something like this:

    form.woocommerce-cart-form {
        max-width: 60%;
        float: left;
    }
    
    .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
        width: 35%;
        float: right;
    }
    
    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        float: none;
        width: 100%;
    }
    #416872
    Enrique

    thanks tom, I’m perfect

    #417179
    Tom
    Lead Developer
    Lead Developer

    You’re welcome πŸ™‚

    #1485052
    carlos

    Hi Tom,

    I have put the cart in 2 columns with the code you have put in but the products look very small

    How can I make them bigger? (sorry for my english I am learning at the moment si google traductor)

    https://www.dropbox.com/s/hyug9eceob7atdj/123.png?dl=0

    Is it possible that on mobile you can see one column below the other?

    https://www.dropbox.com/s/9k08k0i9pizo66l/3333333.png?dl=0

    #1485713
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Any chance you can open a new topic and include the URL to your site so we can take a closer look?

    Thanks!

    #1485731
    carlos

    Yes Tom I open a new topic.

    πŸ˜‰ Thanks

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.