• Home
  • Guide
  • JavaScript examples
  • Reference
  • Download
  • Demo Store
  • GitHub

.js-ajax-cart-set

Liquid Ajax Cart adds the js-ajax-cart-set CSS class to the body tag if Liquid Ajax Cart has been loaded and got information about a user’s cart state.

Under the hood Liquid Ajax Cart checks the status.cartStateSet property of the State object and adds the CSS class if the status.cartStateSet value is true and removes the CSS class if the value is false.


Reference

  • Ajaxified sections
    • data-ajax-cart-section
    • data-ajax-cart-static-element
    • data-ajax-cart-section-scroll
    • subscribeToCartSectionsUpdate()
  • Product Forms
    • .js-ajax-cart-form-in-progress
  • Controls
    • data-ajax-cart-request-button
    • data-ajax-cart-toggle-class-button
    • data-ajax-cart-quantity-input
    • data-ajax-cart-property-input
  • Messages
    • data-ajax-cart-messages
  • Body CSS classes
    • .js-ajax-cart-set
    • .js-ajax-cart-empty
    • .js-ajax-cart-not-empty
    • .js-ajax-cart-request-in-progress
    • .js-ajax-cart-not-compatible
  • State
    • data-ajax-cart-initial-state
    • data-ajax-cart-bind-state
    • getCartState()
    • subscribeToCartStateUpdate()
  • Cart Ajax API requests
    • cartRequestGet()
    • cartRequestUpdate()
    • cartRequestAdd()
    • cartRequestChange()
    • cartRequestClear()
    • subscribeToCartAjaxRequests()
    • Request state
    • Queues
  • Configuration
    • productFormsFilter
    • messageBuilder
    • stateBinderFormatters
    • addToCartCssClass
    • updateOnWindowFocus
    • lineItemQuantityErrorText
    • requestErrorText
  • Ajaxified sections
    • data-ajax-cart-section
    • data-ajax-cart-static-element
    • data-ajax-cart-section-scroll
    • subscribeToCartSectionsUpdate()
  • Product Forms
    • .js-ajax-cart-form-in-progress
  • Controls
    • data-ajax-cart-request-button
    • data-ajax-cart-toggle-class-button
    • data-ajax-cart-quantity-input
    • data-ajax-cart-property-input
  • Messages
    • data-ajax-cart-messages
  • Body CSS classes
    • .js-ajax-cart-set
    • .js-ajax-cart-empty
    • .js-ajax-cart-not-empty
    • .js-ajax-cart-request-in-progress
    • .js-ajax-cart-not-compatible
  • State
    • data-ajax-cart-initial-state
    • data-ajax-cart-bind-state
    • getCartState()
    • subscribeToCartStateUpdate()
  • Cart Ajax API requests
    • cartRequestGet()
    • cartRequestUpdate()
    • cartRequestAdd()
    • cartRequestChange()
    • cartRequestClear()
    • subscribeToCartAjaxRequests()
    • Request state
    • Queues
  • Configuration
    • productFormsFilter
    • messageBuilder
    • stateBinderFormatters
    • addToCartCssClass
    • updateOnWindowFocus
    • lineItemQuantityErrorText
    • requestErrorText
  • GitHub
  • Contact form
Created by Evgeniy Mukhamedjanov
Licensed under MIT License, documentation under CC BY 3.0