Shopping Cart Lay-outs with WPBakery
-
Hello,
I used to have a Lay-out that I made with WPBakery.
It has 2 different responsive views for 2 different layouts.
1 for desktop and 1 for mobile.
I had 2 rows, the first row I had set the columns on showing on desktop and hide on mobile and the second row the other way around.
Now all of a sudden when a customer has more than 1 product in his cart and deletes 1 product from it, the cart shows a double view.
Any thought on how to solve this?
Best regards,
Dennis
Hello,
May be it is due to Ajax issue. To fix the issue with the double view on your cart page, you can use the following custom CSS to hide the WPBakery rows correctly based on the device:
/* Desktop row: show on desktop, hide on mobile */
.desktop-row {
display: flex;
}
.mobile-row {
display: none;
}
/* Mobile row: show on mobile, hide on desktop */
@media (max-width: 767px) {
.desktop-row {
display: none !important;
}
.mobile-row {
display: flex !important;
}
}
Make sure to replace .desktop-row and .mobile-row with the actual row classes you are using in WPBakery.
This will ensure that only the correct row is visible depending on the device, even when products are removed from the cart.
Best Regards,
Hello Aizaz,
Thanks for your help.
Unfortunately your suggestion was not the solution.
Also I think I manage this hide for mobile on another place so I don’t see these classes you want me to replace in your code.
This is the place I do the setting: https://prnt.sc/8ZjD0Fe73jhE
Then I go to the responsive settings: https://prnt.sc/xTsUjyquZ1Mh
This was alsoway okay to work with, but now this issue.
On the row settings there is now way to hide the complete row, that’s why I have to do it by column.
Otherwise WPBakery has useless options in it.
Hope you have a solution for this.
Thanks again.
Best regards,
Dennis
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
Hello Aizaz,
Yes please take a look for yourself.
See the credentials below.
Best regards,
Dennis
Hello,
We have reviewed your case and can confirm that, unfortunately, it is not possible to use both the Cart Table and Cart Totals forms on the same page simultaneously. This limitation comes from WooCommerce itself, and, regrettably, it cannot be modified.
Best Regards,
Hello Aizaz,
Thanks for your reply!
That’s indeed unfortunately.
The only thing why I have done it like this is because of the review block.
When it’s desktop view I wanted it to be as close as possible under the cart table.
The problem is: when this setting is viewed on a mobile the reviews are placed between the cart table and cart totals.
With the setting I did, the review block was placed under the cart totals.
Unless you have a solution to do this otherwise I will place the review block completely under everything (on 1 row) so it will be always on the lowest position.
Thanks for again,
Best regards,
Dennis
Hello,
Unfortunately, at the moment, there is no solution that allows using both the Cart Table and Cart Totals forms simultaneously on the same page.
Best Regards,
.
