Home > widget-integration > FilterRender > syncBannerGridRowHeight

FilterRender.syncBannerGridRowHeight() method

Ensures implicit grid rows in the banner grid layout have the same height as regular product items.

When a banner is placed at the end of the product list (beyond the last product row) and spans multiple rows (height > 1), those implicit rows have no other content. Because the banner uses position: absolute, its intrinsic height is zero, causing grid-auto-rows: auto to collapse those rows to 0px and making the banner invisible.

This method measures the rendered height of the first regular product item and sets grid-auto-rows on the grid container so every implicit row has the correct height.

Signature:

syncBannerGridRowHeight(container?: HTMLElement): void;

Parameters

Returns:

void