How to edit the fly out shopping cart once a product is added to cart

Hi,

On this page, https://woodmart.xtemos.com/shop/other/fashion-flat/wini-dress-top-layer/demo/flat/, once you select a product and add to cart, a fly out box will appear on the left. How to make edits to the content of the box? Attached.

Attachments:

You must be logged in to view attached files.

Hi hey3212,

Thanks for reaching to us and appreciate your patience.

Can you please let me know which parts you to edit? This will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

Hi,

Please check the login below. Once I add a product into the cart, a flyout box will show on the left. Its current display is not good. It seems to have added all my products into the cart. It is a product display, not a cart display. Can you help first restore to the original theme cart design and then I will try to edit it? Logins are in the private section.

Attachments:

You must be logged in to view attached files.

Hi hey3212,

Thanks for details.

If you are using Woodmart Header builder cart element and Elementor Pro plugin, you need to disable Elementor Mini Cart template that is designed to work with Elementor Pro under Elementor > Settings > Integrations > WooCommerce > Mini Cart Template and select Disable. https://take.ms/Ra7Cv

In case you don’t use Pro version, there is an issue with the 3rd party plugins or Cache plugins. Please clear CDN or cache and deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Regards,

Hi Hung,

We have modified it to display in the same way as the original template. but, how to customize this flyout box? Currently the display is too small and we want to make the display similar to the second picture. Also, we want to add an upsell in the flyout box similar to the third picture. Please advise.

Attachments:

You must be logged in to view attached files.

Hi hey3212,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.product_list_widget>li a img {
    min-width: 110px;
}

It also requires complicated customization to add upsell products, which is out of our basic support.

Thanks for understanding our limitations. Let me know if you have any questions.

Regards,

[Author]

Posts