Words by Anthony HartnellJuly 6, 2018
View the video below to follow this tutorial.
Aside from setting the breakpoint on an element (by right-clicking in the inspector), you can also enable other types of breakpoints, e.g. Event Listeners – Animations, Mouse Clicks, Device Orientation etc, Global Listeners – window error, focus, scroll events and more.
To do this:
I've highlighted the section in the Debug panel that lets you add more breakpoints based on Event Listeners.
You can try out the WooCommerce Storefront Demo here for yourself: https://themes.woocommerce.com/storefront/checkout/