Why is my 'add to cart' function slow on desktop?

flowstates
Tourist
3 0 1

hey guys,

 

My add to cart load time is so slow right now. I'm unsure what app could be causing it. I recently added a checkmark t&Cs app but removed that as it was around that time it began happening.

You can click on the add to cart but then a spinning wheel just hangs there. 

It works on mobile, just not desktop it would appear

The only other app that we use is inflowkit which has been working fine with it.

I'm using refresh theme

Would someone be able to look at it please https://www.flowstatescollective.com/products/

Replies 4 (4)

flowstates
Tourist
3 0 1

These are the errors i can see. Can someone help?

[yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
7vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2 Uncaught Error: Minified React error #418; visit https://reactjs.org/docs/error-decoder.html?invariant=418 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at ci (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:177648)
at Sl (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:250941)
at bu (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:238245)
at gu (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:238173)
at yu (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:238036)
at ou (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:233168)
at w (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:270057)
at MessagePort.j (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:270589)
vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2 Uncaught Error: Minified React error #423; visit https://reactjs.org/docs/error-decoder.html?invariant=423 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at Sl (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:250627)
at bu (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:238245)
at gu (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:238173)
at yu (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:238036)
at iu (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:234843)
at ou (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:233395)
at w (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:270057)
at MessagePort.j (vendors-node_modules_shopify_polaris_build_esnext_components_AppProvider_AppProvider_esnext-n-40f15c-ecb86723f04f04e67a83d678a0cbbf9b80b454b17ae00f2012d357b69e9f1d1e.js:2:270589)
10WebSocket connection to '<URL>' failed: WebSocket is closed before the connection is established.
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
cdn.shopify.com/proxy/acd63dd950bcb070141998b7e3f00347cdfc36fd46ea0a7108c379dba3c954ef/www.gravatar.com/avatar/97d73523d44c1e62f409730d3f86ab72.jpg?s=128&d=404:1 Failed to load resource: the server responded with a status of 404 ()
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
online-store-web-cdn.shopifycloud.io/webpack/assets/default-a82345f4b8c1ec7f3df8de321806289b761f8398da601e729be4c14e646266d9..ico:1 Failed to load resource: net::ERR_TIMED_OUT
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
/?oseid=SgpnNZygTZmmfdC5cbuf6cKt:2258 Uncaught SyntaxError: Unexpected identifier 'id'
online-store-web-cdn.shopifycloud.io/webpack/assets/default-a82345f4b8c1ec7f3df8de321806289b761f8398da601e729be4c14e646266d9..ico:1 Failed to load resource: net::ERR_TIMED_OUT
inflowkit.js:223 Uncaught TypeError: Cannot read properties of null (reading 'querySelectorAll')
at inflowkit.js:223:6
at inflowkit.js:227:3
jquery.js:1 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2
​ %c Mini Account Loaded (apps.shopify.com/customerhub) color: #53d1c2
script.js?shop=flowstatescollective.myshopify.com:3 Uncaught TypeError: t.n is not a function
at ./app/javascript/recommendations/modal/index.ts (script.js?shop=flowstatescollective.myshopify.com:3:642)
at o (storefrontModules-d054e2edc4559ffe9b92d6843b233eb4f57e636232d08bd04ad5e962c4f29daf.js:1:43148)
at script.js?shop=flowstatescollective.myshopify.com:3:29233
at o.O (storefrontModules-d054e2edc4559ffe9b92d6843b233eb4f57e636232d08bd04ad5e962c4f29daf.js:1:43404)
at script.js?shop=flowstatescollective.myshopify.com:3:29259
at t (storefrontModules-d054e2edc4559ffe9b92d6843b233eb4f57e636232d08bd04ad5e962c4f29daf.js:1:43990)
at t (asyncStorefrontModules-54f047f414e0de544ebac7ba31578d81f87c7bf9dfa536feb947388719ff5fc7.js:1:26826)
at r (script.js?shop=flowstatescollective.myshopify.com:1:4683)
at script.js?shop=flowstatescollective.myshopify.com:3:49
cdn.shopify.com/proxy/acd63dd950bcb070141998b7e3f00347cdfc36fd46ea0a7108c379dba3c954ef/www.gravatar.com/avatar/97d73523d44c1e62f409730d3f86ab72.jpg?s=128&d=404:1 Failed to load resource: the server responded with a status of 404 ()
cdn.shopify.com/proxy/acd63dd950bcb070141998b7e3f00347cdfc36fd46ea0a7108c379dba3c954ef/www.gravatar.com/avatar/97d73523d44c1e62f409730d3f86ab72.jpg?s=128&d=404:1 Failed to load resource: the server responded with a status of 404 ()
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into flowstatescollective.myshopify.com
flowstatescollective.myshopify.com/:2258 Uncaught SyntaxError: Unexpected identifier 'id'
inflowkit.js:223 Uncaught TypeError: Cannot read properties of null (reading 'querySelectorAll')
at inflowkit.js:223:6
at inflowkit.js:227:3
blob:https://flowstatescollective.myshopify.com/7ec92666-0b7d-4b30-801c-6e682337824a:14 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2
bundle.minihub.js:1 Mini Account Loaded (apps.shopify.com/customerhub)
inject.js:381 [yoroi/prod] dapp-connector is successfully injected into vars.hotjar.com
script.js?shop=flowstatescollective.myshopify.com:3 Uncaught TypeError: t.n is not a function
at ./app/javascript/recommendations/modal/index.ts (script.js?shop=flowstatescollective.myshopify.com:3:642)
at o (storefrontModules-d054e2edc4559ffe9b92d6843b233eb4f57e636232d08bd04ad5e962c4f29daf.js:1:43148)
at script.js?shop=flowstatescollective.myshopify.com:3:29233
at o.O (storefrontModules-d054e2edc4559ffe9b92d6843b233eb4f57e636232d08bd04ad5e962c4f29daf.js:1:43404)
at script.js?shop=flowstatescollective.myshopify.com:3:29259
at t (storefrontModules-d054e2edc4559ffe9b92d6843b233eb4f57e636232d08bd04ad5e962c4f29daf.js:1:43990)
at t (asyncStorefrontModules-54f047f414e0de544ebac7ba31578d81f87c7bf9dfa536feb947388719ff5fc7.js:1:26826)
at r (script.js?shop=flowstatescollective.myshopify.com:1:4683)
at script.js?shop=flowstatescollective.myshopify.com:3:49
product-form.js?v=1130236594984152111673293525:36 Uncaught ReferenceError: routes is not defined
at ProductForm.onSubmitHandler (product-form.js?v=1130236594984152111673293525:36:16)
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/scripts/common.bundle.js.map: System error: net::ERR_BLOCKED_BY_CLIENT
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/scripts/8913.bundle.js.map: System error: net::ERR_BLOCKED_BY_CLIENT
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/scripts/content.bundle.js.map: System error: net::ERR_BLOCKED_BY_CLIENT
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/sourcemaps/inpage.js.map: System error: net::ERR_BLOCKED_BY_CLIENT
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/scripts/common.bundle.js.map: System error: net::ERR_BLOCKED_BY_CLIENT
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/scripts/8913.bundle.js.map: System error: net::ERR_BLOCKED_BY_CLIENT
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/scripts/content.bundle.js.map: System error: net::ERR_BLOCKED_BY_CLIENT
DevTools failed to load source map: Could not load content for chrome-extension://nhnkbkgjikgcigadomkphalanndcapjk/sourcemaps/inpage.js.map: System error: net::ERR_BLOCKED_BY_CLIENT

Moira
Shopify Staff
2053 224 326

Hey @flowstates,

 

Welcome to the Community!

 

There could be several reasons why your add to cart button is not working properly on your desktop. Here are a few things you can try to troubleshoot the issue:

 

  1. Check your theme's code: There may be an issue with the code in your theme that is causing the problem. You can try reverting to a previous version of your theme to see if that fixes the issue.

  2. Check for conflicting apps: It's possible that one of the apps you have installed is causing a conflict with the "add to cart" button. You can try disabling all of your apps and re-enabling them one by one to see if there is a specific app that is causing the issue.

  3. Check your browser's console for errors: You can open the browser's console and see if there are any errors displayed. This can help you identify the source of the problem.

Let me know how you get on!

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

flowstates
Tourist
3 0 1

Thank you.

 

I. reverted back to a previous version and it has fixed the issue. 

Moira
Shopify Staff
2053 224 326

Great to hear @flowstates! Don't hesitate to reach back out if you require any further assistance as you continue to work on your store. 

All the best,

Moira | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog