Problem with the layout of the shopping cart page

This topic has 11 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

  • Avatar: Stelio
    Stelio
    Participant
    March 17, 2023 at 00:57

    I’m having problem with the layout of the shopping cart page.

    How to solve?

    https://prnt.sc/NY8b925neVaR

    10 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 17, 2023 at 06:30

    Hello @Stelio,

    It appears that you have created the Cart page using the Elementor page builder and have set a custom max-width, which is causing the issue on your site. Please refer to the screenshots provided at the following links: https://postimg.cc/2LvxJkRW & https://postimg.cc/LqbB8Ymf

    To resolve the issue, you will need to find and remove the max width by editing the column of the Elementor on that page.

    Alternatively, if you would like us to investigate further, please provide your site’s WP Admin URL and credentials in the private content area of this topic.

    Best Regards,
    8Theme’s Team

    Avatar: Stelio
    Stelio
    Participant
    March 17, 2023 at 13:09

    Follow the temporary login link in the private area.

    Thanks

    Please contact administrator
    for this information.
    Avatar: Stelio
    Stelio
    Participant
    March 18, 2023 at 02:42

    The problem is happening for non-logged in user only.

    I put another temporary login link in the private area in case the other one expired.

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 18, 2023 at 06:45

    Hello Stelio,

    Thank you for providing the login details for your site. I have logged in and the issue persists even when logged in. Please refer to the screenshot at the following link: https://postimg.cc/c6hL6Vnd

    In order to resolve the issue, I have assigned a custom class to the section on the cart page, as shown in the screenshot at the following link: https://postimg.cc/47BRNRFM.

    I have also set the custom CSS to fix the issue, as shown in the screenshot at the following link: https://postimg.cc/cKxD1tyx.

    The resulting screenshot can be found at the following link: https://postimg.cc/Lh1Vp3Yk.

    Best Regards,
    8Theme’s Team

    Avatar: Stelio
    Stelio
    Participant
    March 18, 2023 at 13:59

    The problem remains the same for the logged in user. The image you showed is for user not logged in.

    https://prnt.sc/31vgmE07N3_R

    Another issue I’d like to address is taking that products part off the cart page. Just leave the cart. I didn’t find any Widget that would be causing this:

    https://prnt.sc/Bw94cNnDlmmw

    This only appears for logged in users.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 19, 2023 at 09:17

    Hello, Stelio,

    Thank you for the reply.
    “The problem remains the same for the logged in user. The image you showed is for user not logged in.” – here you can see the admin bar – https://prnt.sc/IRamID9xsG9L Which means the user is login. Please clear cache of your browser and check one more time, or check from another browser.

    https://prnt.sc/Bw94cNnDlmmwhttps://prnt.sc/F_kfkYEmnuyH – please read more about Cross-Sells products here – https://woocommerce.com/document/related-products-up-sells-and-cross-sells/
    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: Stelio
    Stelio
    Participant
    March 19, 2023 at 15:30

    Hello!

    Thanks for your help.

    I had already done the cleaning of the Browser in the tests, but I did it again.

    I noticed here that the problem is intermittent depending on the products that are added or removed from the cart. Depending on the number and type of products, sometimes it gives an error and sometimes it doesn’t.

    I really couldn’t find a pattern in the errors, so I’m sending you several prints of the tests I did here:

    https://prnt.sc/a3A_mm6FL_GW

    https://prnt.sc/3IuvyONrs6OE

    https://prnt.sc/eBd7lXfYNnSa

    https://prnt.sc/95a_MjJcdmgB

    https://prnt.sc/_vx30XsgLnbo

    https://prnt.sc/7xp9l7i36sgM

    https://prnt.sc/2uxh2OPD9pJO

    https://prnt.sc/xTceGtcymfmI

    https://prnt.sc/Se0gf0oyUMbO

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 20, 2023 at 09:17

    Hello, Stelio,

    Thank you for the screenshots.
    Please add the next code in Theme options > Theme custom CSS:

    .woocommerce-cart table.cart .product-details .product-title {
        word-break: break-all !important;
    }

    Kind Regards,
    8theme team

    Avatar: Stelio
    Stelio
    Participant
    March 25, 2023 at 20:28

    The problem reoccurred when I added this product’s SKU:

    https://prnt.sc/HzUflHkilHZU

    By deleting this SKU the problem does not occur:

    https://prnt.sc/tFQSi9a5v7Zf

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2023 at 08:17

    Hello, Stelio,

    Thank you for your response.

    Please change the previous code to:

    .woocommerce-cart table.cart .product-details .product-title,
    .woocommerce-cart table.cart .product-sku {
        word-break: break-all !important;
    }

    Kind Regards,
    8theme team

  • Viewing 11 results - 1 through 11 (of 11 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.