Support Center Visit Demo License manager Buy @ envato

Change cart layout

iMark81iMark81
in WooCommerce

Is there a way to change the cart layout back to full width as it was previously?

In this florist web shop where customers are able to customise bouquets, the narrow width of the order overview table makes the cart look very messy.

Attached are three images of

1-2: Cart on live site with BeTheme 25.0.4 (https://blomster-horsens.dk/)

3-4: Cart on staging site with BeTheme 25.1.5.1 (https://tromborgblomster.staging.tempurl.host/)

1 - Cart full width table.png
2 - Cart full width table.png
3 - Cart new table layout.png
4 - Cart new table layout.png


Comments

  • PabloPablo

    Hello,

    Can you share with us the login and password for staging site?

    I'll remove it as soon as I'll notice it.

    thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • iMark81iMark81

    Thanks, Pablo - but can I please send it directly/privately/securely instead?

  • PhilPhil

    Please send this information privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

    Notice!

    Please attach a link to this forum discussion.

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • PhilPhil

    1) To make the table in cart page full width, please, use the following code:

    .mfn-cart-step-1 .woocommerce .woocommerce-cart-form{
   flex-basis: 100%;
 max-width: 100%;
}

    The text overlaps each other because some strings of characters are not separated with space, and they do not break into another line. Therefore, the display should be correct if you add a space in these words.

    image.png

    2) Please turn off all of the plugins except WooCommerce, refresh your cache, and check if the problem with the checkout page persists.

    Moreover, if you use a child theme, switch to parent, and recheck it.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DieTreuetesterDieTreuetester

    Hello,

    we have a little problem with the checkout also. It's possible to have the old checkout like before on two sites and not on three? Just cart and after directly the information, payment methods and the button for the order?

    After the installation of the last Betheme version we don’t have the button to go to the last page (order) after the Cash-Desk (Screenshot). Do you have any ideas what’s can be the issue?

    For the moment, we came back to the old betheme version to don’t lose customers.

    Thanks a lot

    Unbenannt-1.jpg


  • DieTreuetesterDieTreuetester

    The problem with the button to the last page is resolved. But we still have the question if its possible to have the old style and to don´t have the checkout on three sites.

    Thanks

  • PhilPhil

    Hi @DieTreuetester,

    Sorry, but I do not understand what three sites you are talking about.

    Can you explain it to me in more detail, please?


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DieTreuetesterDieTreuetester
    75TB3OE3Q6UE.png


  • DieTreuetesterDieTreuetester

    Hello,

    for better understanding: iMark81 post in the first question 4 screenshots.

    Pictures 1-2 layout of the cart with BeTheme 25.0.4

    Pictures 3-4 layout of the cart with BeTheme 25.1.5.1


    We would like to keep the layout like on picture 1 and 2 without to have the steps (cart-desk-order) in the version 25.1.5.1.


    Thanks

  • PhilPhil

    So, do you want to remove this part:

    image.png

    Am I getting this right?


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • DieTreuetesterDieTreuetester

    No, we want that everything is on one site like the screenshot 1 & 2 of iMark81 from Betheme Version 25.0.4

  • PhilPhil

    There is no setting to restore the display from that version.

    The only option would be a backup of your website to this version.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • iMark81iMark81

    Hi Phil,

    Above (your screenshot from Dec 2021), you are suggesting that it's possible to remove the "cart - checkout - order" header. I don't see a solution mentioned here or elsewhere. Is it possible?

    I have purchased a Woo Commerce extension to redirect directly to checkout (skip cart) when a product is "added to cart", so it would be great to avoid this header.

    Staging site is:

    https://tromborgblomster.staging.tempurl.host

    user: imj // pw: angled.other.quality

    Thanks,

    Ivan

  • PhilPhil

    Hi @iMark81,

    Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    .mfn-cart-step .mfn-checkout-steps{
   display: none!important;
}

    It will remove these steps from the header.


    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.