Why does adding to cart take so long?

If your WordPress or Universal Sign Customiser installation is taking a long time to add the product to the cart it is likely due to the performance offered by your hosting provider. Many WordPress hosting companies utilise "shared" hosting which means you get a cheaper price but at the cost of sharing your CPU resources with other websites, often causing significant latency.

To ensure that your customers are aware that the "add to cart" process is still happening you should enable this setting in your customiser.

How to keep the loading screen active while adding to cart

1. Navigate to the Sign Customiser admin
2. Select the customiser you wish to update
3. Click on "General Settings" on the left navigation
4. Check the "Manually clear loading state" checkbox

5. Press the save button at the bottom of the page

Now the loading screen will show until the product has been added to the cart.

If your store is configured to redirect to the cart page after adding the product to the cart then you are done!

Refreshing the cart after the product is added

If your store does not redirect to the cart page after adding the product it likely just refreshes the UI on the same page to show that the sign was added to the cart.

If you have enabled the "Manually clear loading state" checkbox above you will need to add this snippet of code to ensure the loading state is cleared after the cart is updated:

const iframe = document.querySelector('iframe');

iframe.contentWindow.postMessage({ type: "hideLoadingScreen" }, "*");

This will ensure the loading screen is hidden after the product is added to the cart.