Woocommerce cart plugin not working with browersync


i am using mamp.

i updated the manifest.json devurl to: http://localhost:8888/ and on gulp watch the browser open on localhost:3000 and all inner pages works as expected and keep localhost:3000 as the domain and the pages refresh on every change.

but when i click on the “go to cart” button in woocomorce cart plugin that suppose to direct me to the cart page, the url changes from localhost:3000 to localhost:8888 and the browersync stop.

this is the only link in the website that behave like this. someone know why?

The reason behind this is that woocommerce elaborates the cart url via ajax. Ajax is not aware of your browsersync environment and replies with the url that is configured for your wordpress installation (in this case localhost:8888).