Offcanvas mini cart bugs

This topic has 18 replies, 2 voices, and was last updated 8 hours, 56 minutes ago by Hung Pham.

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
March 23, 2025 at 12:34 pm #648247

kirill7117
Participant

Hello.

I use Woodmart theme and I have problem with mini cart not loading products correctly. The problem occurs with product variation 500g that uses YITH WooCommerce Product Add-ons & Extra Options.
I checked source code and html seems to be broken. list element is outside of the parent element and .shopping-cart-widget-footer is duplicated, sometimes it is duplicated many times and I don’t know why this bug happens.
I provided website links in private message
I also use all the latest theme and plugins.
The problem

Untitled.png is the view when you add 1kg product to the cart after the bug with 500g is already there in the mini cart.

Attachments:
You must be logged in to view attached files.

March 25, 2025 at 7:09 am #648632

Hung Pham
Keymaster

Hi kirill7117,

Thanks for reaching to us and appreciate your patience.

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,

March 25, 2025 at 10:39 am #648697

kirill7117
Participant

Hello Hung Pham.

Thank you for your reply.

I don’t use Elementor Pro and I only use Woodmart mini cart in the header settings.
This issue happens when I am logged in to WP dashboard. I tried disabling WP rocket too and it didn’t help.
On my test site (I sent a link) where I use Bricks theme and Bricks mini cart there are not such issues
There might be some issue with AJAX loading after add to cart action in Woddmart theme.
Can you please have another look?

March 25, 2025 at 11:19 am #648726

Hung Pham
Keymaster

Hi kirill7117,

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Regards,

March 25, 2025 at 12:27 pm #648784

kirill7117
Participant

I sent access in private message

March 26, 2025 at 8:37 am #649026

Hung Pham
Keymaster

Hi kirill7117,

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Regards,

March 26, 2025 at 10:36 am #649054

kirill7117
Participant

Hi Hung Pham,
Yes, you can disable except for YITH WooCommerce Product Add-ons & Extra Options because Mini cart should display the selected options. If you disable this plugin there won’t be any bug with regular products.
I also allowed theme file editor in WP admin. You can comment any code in there and disable plugins since this is not a production site.

March 27, 2025 at 10:07 am #649412

Hung Pham
Keymaster

Hi kirill7117,

Please double check https://ibb.co/8DPx4CG5

Regards,

March 27, 2025 at 1:05 pm #649509

kirill7117
Participant

Hello. you disabled YITH WooCommerce Product Add-ons & Extra Options which I said should not be disabled. The issue happens with the list of selected options in the Mini cart. You screenshot shows Regular product but you need to check only https://test3.granolashop.ee/en/product/granola-builder/ and variation 500g where this bug happens
Did you see my initial screenshot?

Attachments:
You must be logged in to view attached files.

March 27, 2025 at 1:08 pm #649513

kirill7117
Participant

You also need to use Woodmart child theme since it has the code for Builder product Javascript. I see you switched to Woodmart theme

March 27, 2025 at 1:15 pm #649514

kirill7117
Participant

This is what happens and sometimes the backdrop is also dissappearing

Attachments:
You must be logged in to view attached files.

March 28, 2025 at 7:52 am #649742

Hung Pham
Keymaster

Hi kirill7117,

Sorry for that inconvenience.

Can you please double check? It’s working fine now.

Regards,

March 28, 2025 at 10:59 am #649800

kirill7117
Participant

Hi.
I feel like you are not looking at the details I sent you. I asked you to use Woodmart child theme while you used Woodmart theme. I switched back to Child theme and this is bug is still there.
I bought a support on Themeforest and thought that you can help but you are not looking at fixing the problem just posting the messages so that I recheck again but you don’t even say what you fixed and I think you didn’t fix anything.

Attachments:
You must be logged in to view attached files.

March 28, 2025 at 1:26 pm #649872

Hung Pham
Keymaster

Hi kirill7117,

Sorry for that inconvenience.

It mean child theme caused that, in order to modify it, you need to copy this woocommerce/cart/mini-cart.php path to the child theme and make changes per your needs there.

Regards,

March 28, 2025 at 2:55 pm #649900

kirill7117
Participant

Hi. ok, thank you for the answer but I don’t understand, the html is breaking after the ajax request, why I don’t have this issue with Bricks theme? I copied all my code from child theme functions.php to Bricks child theme and it doesn’t have this problem

March 29, 2025 at 8:47 pm #650148
kirill7117
Participant
I also get this bug on the checkout page and I see this section is loaded via Ajax
- This reply was modified 2 days, 19 hours ago by kirill7117.
Attachments:
You must be logged in to view attached files.
March 31, 2025 at 8:15 am #650276

Hung Pham
Keymaster

Hi kirill7117,

Thanks for your patience.

In order to ensure your WooCommerce pages function correctly, I recommend installing a fresh Child theme. This should help resolve any issues you might be experiencing.

To avoid impacting your live site you can create a devsite – also called a Staging platform where you can test issues, enable/disable features/plugins thus such changes will affect the main site. The below article will help you to create it: https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

Let us know if you need any assistance.

Regards,

March 31, 2025 at 10:45 am #650336

kirill7117
Participant

ok, seems like I found the issue in cart-item-data in my child theme. thanks

April 1, 2025 at 7:44 am #650640

Hung Pham
Keymaster

Hi kirill7117,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,
Author

Posts