Return to previous page

Problem with the layout of the shopping cart page

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

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

#350299 Copied Theme version: 9.0.5 WooCommerce version: 7.4.1

10 Answers

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

#350313 Copied

Stelio

Participant

March 17, 2023 at 13:09

Follow the temporary login link in the private area.

Thanks

Please contact administrator
for this information.

#350361 Copied

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.

#350398 Copied

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

#350407 Copied

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.

#350425 Copied

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/Bw94cNnDlmmw – https://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

#350455 Copied

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

#350495 Copied
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
#350550 Copied
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

#351235 Copied
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
#351261 Copied
Tagged: layout, optimization, problem, shopping cart, template, woocommerce, wordpress
Viewing 11 results - 1 through 11 (of 11 total)