The section was added in Xtra 5.1.0 version; older versions will not see this section. The Flexible Grids section allows you to create a responsive and customizable banner layout to showcase collections, promotions, or featured products. You can adjust the grid to fit different styles, making it ideal for seasonal campaigns, new arrivals, or curated categories.
Section settings
Columns per row: Choose 4 or 6 banners per row.
Banner height: Set banner height (Extra small and other sizes).
Width: Choose Boxed width (within page margins) or Full width (edge to edge).
Space between banners: Set space in pixels (default 16px). Hover animations are disabled if the spacing is less than 10px.
Show zoom effect on hover: Enable or disable zoom animation.
Show move animation on hover: Enable or disable move animation (only if space is 10px or more).
Mobile layout settings
Layout: Choose In rows (stack vertically) or Swipe (scroll horizontally).
Banner height: Set a custom banner height for mobile devices.