Product grid high speed doors

Question

Where can i find the product grid for high speed doors in AEM? I want to make some adjustments.

giuseppebaglio · Accepted Answer

To adjust the product grid maybe you'll need to modify the responsive grid system. Here's how to approach it:

Customize Grid Breakpoints: Front-end developers can modify breakpoints (e.g., mobile/desktop widths) by editing the grid.less file. This allows alignment with UX-defined layouts
Adjust Gutter Spacing by adding padding to grid columns using CSS. For example:

.aem-GridColumn:not(.container) {
       padding: 0 8px; /* Default gutter */
   }
   @590883 (min-width: 768px) {
       .aem-GridColumn:not(.container) {
           padding: 0 16px; /* Larger gutter for desktop */
       }
   }

This should ensure consistent spacing across components

AEM’s grid uses fluid layouts (percentages) for responsiveness. Ensure templates and components are configured to adapt to screen sizes: AEM Responsive Grid System

kautuk_sahni · Answer

@bartgr1 Did you find the suggestion helpful? Please let us know if you need more information. If a response worked, kindly mark it as correct for posterity; alternatively, if you found a solution yourself, we’d appreciate it if you could share it with the community. Thank you!

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded