Home > widget-integration > CartService > renderCartModal

CartService.renderCartModal() method

Render cart modal HTML with current cart data Fetches cart data, applies formatting, and renders using cart template

Customization points: - - Default rendering settings - - Item formatting and enrichment - - Template source

Signature:

renderCartModal(): Promise<CartModalData>;

Returns:

Promise<CartModalData>

Promise resolving to CartModalData with rendered HTML and item count

Example 1

Basic usage

const { html, itemCount } = await cartService.renderCartModal();
document.getElementById('cart-modal').innerHTML = html;

Example 2

With custom rendering

class CustomCartService extends CartService {
  async renderCartModal() {
    const { html, itemCount } = await super.renderCartModal();

    // Add recommendations to modal
    const recommendations = await this.getRecommendations();
    const enrichedHtml = this.injectRecommendations(html, recommendations);

    return { html: enrichedHtml, itemCount };
  }
}