Working with JavaScript and JavaScript events

We have split JavaScript logic into small pieces of code for increased performance. This allows the theme to only load scripts that are necessary for functionality of displayed template, sections and components.

JavaScript events

 Event name What it does
woolman:resize

Fired (with debounce) when window is resized

mounted

(slider-components) Fired when slider is ready to be used

section:in-viewport

(sections) Fired when section first enters the viewport

cart:update

Fired when cart updates

ajaxProduct:added

Fired when item is added to cart. Opens the cart drawer.