Search Results for 'empty cart issue'

[pavla.kraus]

The staging site is up, you can use the same login information at the link in private content.

The issue started to happen right after I updated the theme to 7.6.0. Since then I have updated as many plugins as possible (due to license issues some I am not able to update some of them). The issue is still there.

To replicate:
1) Start adding products to the cart – you can do that from the homepage
2) Check the cart subtotal in the right top corner after each product
3) Usually the issue happens after few products are added
4) You can go to the cart after few products – sometimes the products disappear this way
5) If the issue does not happen, try to empty the cart and start again – the issue happens 80 % of time

Thank you!

• This reply was modified 1 year ago by pavla.kraus.

[leejay123]

Problem 1:
It seems that there has been some misunderstanding of the issue, so let me explain it in more detail. As shown in this video https://jumpshare.com/v/HMGEnsm9QANBp88XBySs I added multiple items to my cart on the Cart page https://iblazevape.co.uk/cart/. I then removed each item one by one. Once all items were removed, I was automatically redirected to the custom empty cart layout created in Woodmart Layouts, specifically using the type “empty cart” associated with the Cart page, as shown here: https://gyazo.com/481424be03bd78c8fc48c938599efc1b

The main problem arises because the cart is emptied using AJAX. When I am redirected to the empty cart layout via AJAX, the page elements, like the accordion, do not function correctly. Additionally, the “Products (Grid or Carousel)” element sometimes appears and sometimes does not, which could be why you were unable to see the issue during your testing. The core of the problem is that I have to manually refresh the page for everything to function correctly, which is not ideal or user-friendly.

Problem 2:
When removing items directly from the Checkout page https://iblazevape.co.uk/checkout/, the page refreshes, which is not the most desirable behavior, but at least it doesn’t present the same issues as Problem 1. You can see this behavior in this video: https://jmp.sh/Ptn75oFG

The difference is that while the page refresh on the Checkout page is not ideal, it prevents the inconsistencies seen when the cart is emptied via AJAX on the Cart page. This inconsistency and need for manual refresh should be addressed to improve the user experience.

• This reply was modified 1 year ago by leejay123.
• This reply was modified 1 year ago by leejay123.
• This reply was modified 1 year ago by leejay123.

As I’ve stated multiple times, this issue happens specifically on the Cart page. In the screenshot you provided, it seems you are on the homepage, which is not where the issue occurs – https://gyazo.com/6d0b20e58712480e25da87ad2997fe0a

The Cart page can be accessed at https://iblazevape.co.uk/cart/. I have retested, and the console errors are consistently appearing on both the Cart page and the Checkout page https://iblazevape.co.uk/checkout/

I understand that you added the code below to fix the console errors, and initially, the errors disappeared, but now they have reappeared even though the code is still in place in the “cart total element” – https://gyazo.com/a0218f0b27d3ee2c0a82f899f980a5f1

Relevant code in question:

cart-collaterals

I have created another video demonstrating the issues I am experiencing. This is clearly a conflict between your theme and WooPayments. As we have established from the beginning of this conversation, we have already conducted a conflict test which confirmed that this is a theme-related issue.

We previously resolved the mini cart issue by adding the following code into the PHP functions, but this does not resolve the other problems I am facing:

add_filter( 'woodmart_update_fragments_fix', '__return_false' );

Problem (1): Console errors on the Cart page

As demonstrated in this video https://jmp.sh/AsZscbNS, there are no console errors on the homepage. However, when navigating to the Cart page, the errors begin to appear. Additionally, as shown in this screenshot https://gyazo.com/122b2460161c059789168f9daee71e8e, there is unwanted space between the total £ amount and the “Proceed to Checkout” button. Upon inspecting the elements, I found that WooPayments is inserting code into the page, causing this issue. Please review this yourself by following the guidance provided in the video.

The solution I found to eliminate the errors on the Cart page and resolve the spacing issue between the total amount and the “Proceed to Checkout” button is to disable Klarna payments in the WooCommerce/WooPayments settings, as shown here: https://gyazo.com/628924b3ca4c1cfbe6c8da9c1500b18f. However, this should not be necessary, as I want to offer Klarna as a payment option to my customers.

Problem (2): Console errors on the checkout page
As shown in this video (https://jmp.sh/Hgb7vFcT), when accessing the mini cart and clicking on the checkout, no console errors appear. However, when navigating to the Cart page and clicking “Proceed to Checkout,” a different console error appears, separate from the previous ones. It seems that a script is not loading properly. I have enabled CORS (Cross-Origin Resource Sharing) settings through Cloudways and even tried disabling them to troubleshoot the cause of the issue!

Problem (3):
I have created a separate discussion for this issue: https://xtemos.com/forums/topic/issue-with-mini-cart-and-custom-empty-cart-layout/

As you are fully aware, I have tested this issue with a different theme while only having the following plugins activated: Woodmart Core, WooCommerce, WooPayments, and Elementor. Everything works fine with these settings, confirming that the problem is specific to your theme, as there are no issues when using the Storefront theme or others.

Please take the time to read this carefully, as I initially started this topic on August 25, and it seems there is some misunderstanding. I have detailed all the current issues in this topic, and I urgently need a complete solution to all the problems ASAP.

[leejay123]

The issue seems to be related to the AJAX functionality.

When I remove an item from the checkout page, the page refreshes and redirects me directly to an empty cart and the mini cart updates, which works as expected.

However, when I remove an item from the cart page, the page does not refresh and instead uses AJAX to redirect to the empty cart page. The mini cart, however, does not update accordingly.

Please try it out yourself!

Additionally, I’ve noticed that the console errors on the cart page have disappeared. These errors were gone even before I added the following code to the child theme’s functions.php file:

add_filter( 'woodmart_update_fragments_fix', '__return_false' );

Could you let me know what steps you took to resolve the console errors? I’d like to have this information so that if the issue arises again, I can apply the same fix.

I’ve also noticed another issue related to the mini cart. Our website uses WooCommerce to display shipping costs. When a user adds an item to the cart, the shipping cost is automatically selected, as shown here: https://gyazo.com/5b152729b92a70530e7eb01012af31ef. However, the shipping cost does not appear in the mini cart.

Could you please advise on how to address this issue?

• This reply was modified 1 year ago by leejay123.

1) I added padding to the top row and then removed the padding at the top of the empty cart text to bring everything together, this now displays ok. Thanks.

2) I thought the use of the checkout layout negates the need to include the [woocommerce_checkout] shortcode? If I include the [woocommerce_checkout] shortcode then I cant have a customised checkout form configured through Layouts right? Is there perhaps a way for me to have an entirely separate Thankyou page which isn’t part of the checkout process which would help me workaround this issue?

3) Thanks, this was very confusing as it was only happening on the checkout page. I think for now I will just hide the CF7 form on the checkout page and perhaps try and workaround this later down the line. Thanks.

Point number 2 is the only real issue right now.

[leejay123]

I’ve come to realize that when using the “Products (Grid or Carousel)” on the empty cart page, adding an item redirects to the cart page instead of the mini cart. This happens because the cart is no longer empty, so that behavior makes sense. I apologize for any confusion caused earlier.

However, the AJAX functionality still occasionally causes issues. For example, sometimes the “Products (Grid or Carousel)” doesn’t display correctly when removing an item from the cart, as shown here: https://gyazo.com/fcb639336d66d3632d8c66eabb593a9e. This is why I suggested the need for a custom JavaScript solution. Ideally, when there’s only one item left in the cart, the page should refresh automatically and redirect to the empty cart page, bypassing AJAX. AJAX should function normally for all other scenarios except when the cart reaches the last item.

It seems AJAX is causing this issue because the only plugins I have activated are WoodMart Core, WooCommerce,, and Elementor. Additionally, although my site is currently in production mode, I have completely disabled Varnish, Cloudflare, and Object Cache. There are no caching plugins active, and I’ve cleared my browser cache and tested with different browsers.

Please note that my theme and all plugins are fully up to date!

As mentioned earlier
I found that In order for the “Products (Grid or Carousel)” on the empty cart page to be visible, i must disable lazy loading found here: https://gyazo.com/56d8ec9ffeae51671a8ec92cd13cec15

However, this still doesn’t fix the issue where the button doesn’t display correctly when an item is removed from the cart, as can be seen in the attached image link:
https://gyazo.com/fcb639336d66d3632d8c66eabb593a9e
Manually refreshing the page resolves the display problem as this comes to my attention that ajax is the cause!

• This reply was modified 1 year ago by leejay123.

Hello,

I’ve designed a custom layout for the cart page with the layout type set as “Empty Cart.”

I created the layout for the “Empty Cart” page using Elementor, which you can view here: https://gyazo.com/c3bace88038db5e800d203c5d92a647b

In this custom layout, I included the element “Products (Grid or Carousel).” You can see it here: https://gyazo.com/99242921de73af7adbce2fa6717c9a4a

However, when I empty my cart, I’m redirected to the “Empty Cart” page via AJAX. This prevents the page from refreshing and causes some issues.

Here’s a video showing the problem: https://jmp.sh/LK23AAlC

As you can see in the video, when I add items to the cart from the homepage, they are correctly added to the mini cart. However, when I remove all items from the basket, I’m taken to the “Empty Cart” page through AJAX. At this point, the “Products (Grid or Carousel)” element doesn’t display unless I manually refresh the page.

Additionally, when I add an item to the cart from the “Products (Grid or Carousel)” element from the “Empty cart” it redirects me to the cart page instead of adding the item to the mini cart, which is not the intended behavior.

Ideally, I need a custom JavaScript solution to address this issue. When there is only one item left in the cart, the page should refresh automatically and direct me to the empty cart page, bypassing the AJAX process. AJAX should only be disabled for the last item; for everything else, it should function normally.

Please note that this issue is unrelated to any other plugins. I am only using the WoodMart theme, WooCommerce, WoodMart Core, and Elementor, all updated to the latest versions, and there are no caching problems involved.

Update, and to keep things organised as I know I’ve commented a lot here.. :

– I fixed the issue with malformed empty cart page by creating an empty cart layout, adding the empty cart element and the html block for the footer. This works but the notice appears at the very top of the page, and there is no “top content” option for this so I cannot move it down. Please advise. Screenshot attached.

– The issue with the thankyou page is still present. The “enable default thankyou page” option nor the “Extra content for Thank you page” option don’t have any effect. There is no thankyou page layout option so I cannot customise this. I’ve also attached the screenshot of this to keep things tidy.

– The issue with the CF7 form on the checkout page is still present. I’m not understanding why this is only happening on the checkout page.

Attachments:

You must be logged in to view attached files.

Hi there,

I am experiencing a problem when updating the theme to 7.6.0 with Woocommerce cart. If I add more products to the cart and then go to the cart page, some items are missing. Sometimes this happens if I just browse some other pages and suddenly the cart is half empty.

This happens totally random. Usually with more then 3-4 items in cart.

It is definitely some plugin compatibility problem, however have you encounter such issue? Maybe there is some simple solution to it.

I had to rollback to 7.5.1 for now, so the website is working correctly.

Thank you for your reply!
Tomas

link: https://woocommerce.com/payments/
Run your business and manage your payments in one place with the solution built and supported by Woo. Accept online and in-person payments, track revenue, and handle all payment activity from your WooCommerce store’s dashboard with WooPayments.

This plugin is specifically designed by WooCommerce for payment gateways.

I noticed that after installing and activating this plugin on my website, which uses the Woodmart theme, when I add an item to my cart and then empty it, the AJAX response confirms the item has been removed. However, the item remains visible in the mini cart displayed in the navigation bar until I manually refresh the page for it to update properly.

You can see the issue here: https://jmp.sh/cwixkrXB

When I disable the plugin, everything works perfectly! The mini cart updates automatically without requiring a page refresh.

You can see the difference here: https://jmp.sh/LK23AAlC

Your theme should be compatible with this plugin. I’ve tested multiple payment gateways, and the form that is usually embedded tends to disappear. This is why I’ve switched to using WooPayments, as it seems to work best. However, I need a fast solution for this issue. Additionally, the plugin is causing console errors, as shown in the attached screenshot for reference.

v3/?ver=3.0:1 Uncaught 
TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'.
    at product-details.js?ver=8.1.0:1:32581
    at v3/?ver=3.0:1:96826
    at Array.forEach (<anonymous>)
    at c._emit (v3/?ver=3.0:1:96767)
    at c._emitEvent (v3/?ver=3.0:1:351036)
    at v3/?ver=3.0:1:311866
    at v3/?ver=3.0:1:96884
    at Array.forEach (<anonymous>)
    at c._emit (v3/?ver=3.0:1:96767)
    at e._handleMessage (v3/?ver=3.0:1:90388)

Attachments:

You must be logged in to view attached files.

Hi Artem (@admin). Many thanks for clarifying. I’ve now made those changes (removing row bg’s and using settings instead). Thanks for your help with that.

1) I’m still having the issue I mentioned previously where the contact form 7 form is producing an error on the checkout page only. Would you be able to take a look at this please?

2) If you add an item to basket and go to the cart, then remove the product from the cart, it forwards to the empty cart page which is quite malformed. Any advice on this?

Thanks.

Hello, my cart and payment screen page appear empty. There was no problem yesterday. Can you help me with this issue?

Hello,

WooCommerce has a custom message that appears when the cart is empty. If you don’t see it on your website, it might be due to a conflict with other plugins. Please try disabling all plugins except WooCommerce and WoodMart to see if the message appears. If the issue persists, kindly provide us with admin access to your site so we can investigate further.

Best regards

We have recently encountered a significant issue with our website, which is using the Woodmart theme. When customers click the “Buy Now” button to purchase a product, they are being redirected to an empty cart page instead of proceeding to the checkout with the selected product.

This problem is causing a considerable inconvenience to our customers and is likely affecting our sales. We have verified that this issue persists across different devices and browsers.

We have tried basic troubleshooting steps such as clearing caches, disabling plugins, and checking for updates, but the issue remains unresolved.

We would appreciate your urgent assistance in resolving this matter. If you require any additional information or access to our website, please let us know.

Hello!
Have you watched this video? (https://www.loom.com/share/153ea249063e4f10a70fefd75162b921?sid=11870ccb-99dd-491f-9016-e0055b3f6fd9) at 01:50…
Please note the verification method in the developer console (window.checkoutView.model.attributes).

I also use a layout for the cart page. On the cart page, the “window.checkoutView.model.attributes” object is filled and works correctly. This only does not work for the checkout page when using a layout.

The plugin developer has investigated the issue again and has given a new comment:

I read this topic, there is no solution in it. Well, it does not help me. The problem is clearly somewhere in this checkout form.
I just went to your site again, decided to check what data is being reset. So, I filled in all the fields, selected the order pickup point, left the checkout and went back to it again and as a result, all the data, both the first and last name, the phone number and email, everything was reset. My plugin does not affect such fields as “First Name”, “Last Name”, “Phone” and “Email” at all. It only uses the values ​​​​from these fields when sending data to the CDEK delivery service. And when placing an order, it does not even know about their existence. In addition, you yourself write that everything works when using the standard checkout form.
Also, I do not think that this is a matter of some hooks. I don’t know how this checkout works, of course, but I guess that the hooks that you can connect to this checkout are only template hooks, and not those that are used for the internal logic of data processing. Simply because connecting hooks that process data to a template (and your checkout is a template) makes no sense.
To make it clearer, I’ll give an example. The hook woocommerce_checkout_before_customer_details is only a template hook, because it is called directly at the time of rendering the checkout form. You can connect any additional HTML blocks to this hook that you want to be displayed at the very top of the checkout form. These hooks also include woocommerce_checkout_billing, woocommerce_checkout_shipping, woocommerce_checkout_after_customer_details, etc.
And there are hooks that affect the logic of data processing. For example, the hook woocommerce_checkout_update_order_review is triggered every time the checkout form is reloaded/updated. This hook can be used, for example, to redefine some data when the order form is reloaded/updated. But you can’t just insert some HTML block into it, since this will break the logic of Woocommerce.
One could suggest that some hook is missing and this checkout cannot save data because of this, but this is not so. And the video I sent you shows that when changing the value in the form, the data in the “checkoutView” object changes. Then, if you go from checkout to the cart, you can see that all this data is also saved in this object. But as soon as we go to checkout, all the data is empty, including the data that is not connected with the CDEK plugin.

Please check again and provide feedback!

Hi Fabio,

To fix this issue, first try to add the following code snippet to the Child Theme functions.php file:

add_action( 'woodmart_after_header', function () {
    if ( ! woodmart_woocommerce_installed() || ! is_cart() || ! XTS\Modules\Layouts\Main::get_instance()->has_custom_layout( 'cart' ) ) {
       return;
    }

    XTS\Modules\Layouts\Global_Data::get_instance()->set_data( 'builder', true );

    woodmart_page_title();

    remove_action( 'woodmart_after_header', 'woodmart_page_title', 10 );
}, 1 );

And second, add the following code snippet to the Custom CSS area in Theme Settings:

.woocommerce-cart .main-page-wrapper > .page-title {
	display: none;
}

.woocommerce-cart .main-page-wrapper:has(.wd-empty-page) > .page-title {
	display: block;
}

Kind Regards

Hello, I think you didn’t get my point.
I said I wasn’t able to change button color and text color. I tried to change from theme settings > styling and also tried using elementor but it’s not working.

I would request you to please login my site and try to find from there it’s overwriting the default color.

1. My account page text color(green) I wasn’t able to change: https://prnt.sc/D4oy4oRVtU81

2. Cart page: https://prnt.sc/1CdU9H3iAghA Button text color not showing

3. There is a few more buttions https://prnt.sc/Uh9gnDOPyY8L where green text color but we didn’t put this, I’ve checked theme settings>styling & color and also checked elementor’s site settings.

4. not enough padding on the side cartbar when It’s empty: https://prnt.sc/1yt2OKDjzQb3

5. Please check, responsive issue on the cart page: https://prnt.sc/CBoyIdpSSP9I & not sure from where the green color is coming, I didn’t put any green

6. https://prnt.sc/-rp6sENqR-CF Finally checkout page responsive issue on small device.

Thank you so much, access on the private chat

Thank you for your answer.

However the html block is not empty, but I can’t see it in Elementor builder: that’s the problem!

It appears that the content is indeed present within the HTML Block. However, there seems to be an unexpected glitch where the content is not displaying as intended. Upon revisiting the Gutenberg editor, you will find that the text I have consistently used beneath the “add to cart” button in the e-commerce platform is still present.

It seems that the content of two blocks, including the HTML Block in question, has either disappeared or encountered a bug unexpectedly. Please verify the attached files.

Could you please advise on how we can troubleshoot and resolve this issue promptly?

Attachments:

You must be logged in to view attached files.

[luka.soldo007]

Thanks for trying to help but i didn’t succced

1. Pre-footer is empty..nothing there to be able to change white line that appears when i zoom on browser, here is image of pre-footer (its empty) there is nothing that i can edit..please check video from 1. again and here is image of pre-footer

https://ibb.co/vY4DmF8

2. I will try that

3. When i go Layout, Elementor, Single product page [Buy now] button is not displayed so i can’t edit, everything looks normal on phone without buy now button but there is [Buy now] button on both Desktop and Phone mode its just not displaying it..how to fix to display it on elementor so i can edit it and fix the issue?
Here is image of proof that [Buy now] is not shown when using elementor editor , showing only add to cart no buy now button..but on site its displayed on both phone and desktop mode..on desktop everything is okay on phone its breaking lines like you can see in first post of this topic
https://ibb.co/vX0BcNh

4. I found it but you said what size of image and what format i should use?
like i mention for example [18×18 jpg, png, ico, ?] What size? and what format should it be?

• This reply was modified 1 year, 5 months ago by luka.soldo007.

When I trying to checking out the items in shopping cart, and click place order. It shows 404 and then the shopping cart is empty. How do I fix this issue?

Please check the attachment for reference

Attachments:

You must be logged in to view attached files.

I figured out the woocommerce apearing under the menu part. Just needed to change the header on both the cart and checkout page.

Just the last issue is still valid.

“Also, 2nd issue. The formating on the empty cart page is not formated like the desktop.
Please see screenshot.”

Also, 2nd issue. The formating on the empty cart page is not formated like the desktop.
Please see screenshot.

Attachments:

You must be logged in to view attached files.

Hi,
My customers complain that they could not place orders on my site and when i check it than
woocommerce Cart shows empty when products are placed in cart.

Can you please help me to solve this issue.

Thank you , I solved all issues with your help.
Now I have couple more issues that I couldnt find solutions.
I uploaded pictures again, so…..

Picture 1-3:
1.1How to translate “Search for products” to my language…

1.2 “Pocetna stranica/home page” – need to change hover color but I couldnt find how to change it…

1.3 “My account and Wishlist” Links/buttons/whatever it is… How to translate it to my language….

1.4 “Wishlist is empty” and “Return to shop” button – How to translate it to my language

1.5 On bottom of mobile page (also bottom of picture) – How to translate “Wishlist” and “Cart” to my language

Picture 4-5:
2.1 “Sign in” , “Password”, “Log in”, “Remember me”, “Lost password”, “No account yet”, “Create an account”, “Shopping cart”… – How to translate it to my language

2.2 On bottom of picture – “Go to cart” – problem with hover colour again…

Picture 6-7:
3.1 “In stock” – How to remove that so it doesnt appear in store if possible because every product is personalised custom made…

3.2 “Buy Now” – I wasnt able to find how to translate it to my language, it seams to be some kind of button, I only manage to change colour (it was green originally)

3.3 “Add to wishlist” – How to translate it to my language

Picture 8-9:
4.1 – Because its store that makes personalised products I need to insert something like comment/notes/order section for customer to write something… For example customer wants engrave his name here and there…..

4.2 “Show 9/12/18/4” – How to translate “Show” to my language

4.3 Again – “In stock” and “Buy now” need translation

Best regards

Attachments:

You must be logged in to view attached files.

Hi Artem,

It is caused by WoodMart theme Add To Cart button. Area-Label & Area-Labelledby have accessibility issues. Storefront theme does not have such issues. ARIA roles enable assistive technologies to know the role of each element on the web page. If the role values are misspelled, not existing ARIA role values, or abstract roles, then the purpose of the element will not be communicated to users of assistive technologies.

Result of WoodMart theme:

aria-label=”Product Name” to your basket aria-labelledby attribute prints empty. Google shows the warning.

Product image zoom coding also shows an error: role=”presentation” I assume should be role=”image”. You may know better than all of us.

<img role=”presentation” alt=”altname” src=”/wp-content/uploads/2019/05/main.webp” class=”zoomImg”

Do you want me to open a ticket for such?

Regards,
SP

This is the same issue I am facing
https://xtemos.com/forums/topic/sidecart-is-empty-no-content/

Your above answer doesn’t help so please can you please help fixing.

[hofitd]

Hi
I have a weird issue on mobile that the side cart is not being displayed after adding to cart.
The items are also not saved in cart, so if adding more products it will not remember the other products that were already added to cart and if only adding 1 product and then going to cart page is gives a message that the cart is empty.
I noticed it on my iPhone – it happens in Safari (both normal and incognito mode).
I also checked on Chrome and it seems to work fine, so I guess it’s a Safari issue.
The site just launched today. Please check it, it’s urgent.

I attach videos

I actually just check more websites of Woodmart theme (total of 3 different websites) and it happens in all of them!

Thanks

• This topic was modified 1 year, 10 months ago by hofitd.

Attachments:

You must be logged in to view attached files.

Hi,

To fix this issue, first try to add the following code snippet to the Child Theme functions.php file:

add_action( 'woodmart_after_header', function () {
    if ( ! woodmart_woocommerce_installed() || ! is_cart() || ! XTS\Modules\Layouts\Main::get_instance()->has_custom_layout( 'cart' ) ) {
       return;
    }

    XTS\Modules\Layouts\Global_Data::get_instance()->set_data( 'builder', true );

    woodmart_page_title();

    remove_action( 'woodmart_after_header', 'woodmart_page_title', 10 );
}, 1 );

And second, add the following code snippet to the Custom CSS area in Theme Settings:

.woocommerce-cart .main-page-wrapper > .page-title {
	display: none;
}

.woocommerce-cart .main-page-wrapper:has(.wd-empty-page) > .page-title {
	display: block;
}

Kind Regards

Hello I have applied all latest updates and plugins and still have the empty cart issue.

https://xtemos.com/forums/search/empty+cart+issue/

Hello,

When I try to add a product to the cart, the cart is empty and I can’t get to the checkout, I am still on the home page.

Have you found the solution?

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case. In addition, provide the steps to reproduce the issue.

Best Regards