Home > widget-integration > CartSelectors > updateCartIconActionForThemes

CartSelectors.updateCartIconActionForThemes property

Theme-specific cart icon configurations

Maps theme names to their cart icon selectors and update actions. Technical Support teams can extend this configuration via window.boostWidgetIntegrationConfig.

• Allows extension by subclasses for custom theme configurations

Signature:

protected updateCartIconActionForThemes: {
		blockShop: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		colorBlock: {
			theme: string;
			selector: string;
			action: (cartItemCount: number) => void;
		};
		craft: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		crave: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		dawn: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		debut: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		default: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		ella: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		empire: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		flex: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		flow: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		icon: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		impulse: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		motion: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		prestige: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		refresh: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		ride: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		sense: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		studio: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		superstore: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		symetry: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		taste: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		testament: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		turbo: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		venture: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		venue: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		warehouse: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		expanse: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		focal: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
		broadcast: {
			selector: string;
			action: (cartItemCount: number) => void;
		};
	};