Innovist
-
Brands
-
Concerns
-
Hair Care
-
Skin Care
-
Sun Care
-
Ingredients
import CartForm from '@archetype-themes/modules/cart-form'
import { EVENTS } from '@archetype-themes/utils/events'
class HeaderCart extends HTMLElement {
constructor() {
super()
this.form = this.querySelector('form')
}
disconnectedCallback() {
this.abortController.abort()
}
connectedCallback() {
this.abortController = new AbortController()
this.cartForm = new CartForm(this.form)
this.cartForm.buildCart()
document.addEventListener(EVENTS.ajaxProductAdded, this.handleCartChange.bind(this), {
signal: this.abortController.signal
})
}
async handleCartChange(evt) {
this.cartForm.cartMarkup(evt.detail.product.sections['cart-ajax'])
if (!evt?.detail?.preventCartOpen) {
this.dispatchEvent(new CustomEvent(EVENTS.cartOpen, { bubbles: true }))
}
// Resets cart property so that the form submit button can work
if (this.cartForm.cartItemsUpdated) {
this.cartForm.cartItemsUpdated = false
}
}
}
customElements.define('header-cart-drawer', HeaderCart)
-
Hi, Guest -
Track Order
-
Best Sellers
-
New Launches
Health & Wellness
-
My Account
-
iCash
-
Referrals
-
Careers
-
Blog
-
Contact us
-
Innovist Insider
-
Exclusive Deals | More SavingsDownload the Innovist App
