Search Results for 'empty cart issue'

[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 11 months, 3 weeks 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, 4 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, 9 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

dear team,

My website is giving me alot of errors.
1. i am unable to change password on the account, or even login.
2. even after adding products to cart, the popup shows it is added but when i go to cart page it shows that the cart is empty.

I am not being able to figure out the issue here. Kindly assist on a priority as i am getting calls from customers that they are unable to place orders.

Hello XTemos Team,
I am having the same issue with the blank cart. I have been trying to apply all the solutions posted here, with no success. Can anyone in the XTEMOS team address this directly if I provide the login details?

Hello, we are having a problem where when something is searched up on the search bar, the search page loads the product but it gives multiple error messages saying that “product xxxx is missing weight. aborting”. But all of our products do have a weight assigned to them. the same message appears sometimes in the cart section when you remove a product from the cart, or when you make the cart empty. Could we get some help with this? we are willing to pay a developer from xtemos/woodmart to help us resolve this issue.

Attachments:

You must be logged in to view attached files.

Hello, I believe I’ve identified the issue and a potential workaround. My hosting provider is WP Engine and by default:

“WP Engine make extensive use of caching, excluding pages where this is not desired, like the cart or checkout page. They do this for the default paths (/cart, /checkout).”

https://stackoverflow.com/questions/31533606/woocommerce-cart-empty-for-non-logged-in-users#:~:text=This%20kind%20of%20problem%20is,all%20plugins%20except%20for%20WooCommerce.

confirmed here:
https://wpengine.com/support/best-practices-ecommerce-sites/

It appears that the problem stemmed from my decision to change my page name and url from “cart” to “carrito.” This change likely disrupted WP Engine’s caching, leading to the mismatch. Fortunately, after restoring the page name and URL to “cart,” the issue seems to be resolved.

I want to extend my apologies for any inconvenience this may have caused and express my gratitude for your assistance. Thank you for your support!

Hello,

Please add the below code to the functions.php file in your child theme and then recheck the issue.

if ( ! function_exists( 'woodmart_wc_empty_cart_message' ) ) {
	/**
	 * Show notice if cart is empty.
	 *
	 * @since 1.0.0
	 */
	function woodmart_wc_empty_cart_message() {
		woodmart_enqueue_inline_style( 'woo-page-empty-page' );

		?>
		<p class="cart-empty wd-empty-page wc-empty-cart-message">
			<?php echo wp_kses_post( apply_filters( 'wc_empty_cart_message', __( 'Your cart is currently empty.', 'woocommerce' ) ) ); ?>
		</p>
		<?php
	}

	add_action( 'woocommerce_cart_is_empty', 'woodmart_wc_empty_cart_message', 10 );
}

In the next update, it will be fixed.

Kind Regards