Home > widget-integration > FilterRender > renderOptionRating

FilterRender.renderOptionRating() method

Renders rating filter options with star displays.

Generates HTML for review rating filters, showing star icons and product counts for each rating level. Commonly used with review integration services.

Signature:

renderOptionRating(params: {
		option: any;
		dom: HTMLElement;
		limit?: number;
		lazyLoad?: boolean;
		viewportId?: string;
	}): Promise<void>;

Parameters

Returns:

Promise<void>

Remarks

Rating values are typically ranges (from/to) representing star ratings. The template renders filled/empty stars based on the rating value.

Example

Override to customize rating display:

async renderOptionRating(params) {
  await super.renderOptionRating(params);
  // Add review count text
  params.dom.querySelectorAll('.boost-sd__rating-item').forEach(item => {
    const count = item.getAttribute('data-doc-count');
    item.insertAdjacentHTML('beforeend',
      `<span class="review-count">(${count} reviews)</span>`
    );
  });
}