Configure Product Grid Columns

Product grid columns let you choose which product attributes are displayed directly in the product gallery's grid view. By selecting the most relevant attributes, you help end users quickly scan key product information without having to open each product individually.

How Product Grid Columns Work

When end users switch to the grid (list) view in the product gallery, each product is displayed as a row with columns corresponding to the attributes you configure here. This is especially useful for comparing products at a glance — for example, showing the SKU, price, material, and availability side by side.

Configure Grid Columns

1. Go to Admin > Portfolios and click on the portfolio you want to configure.
2. In the left sidebar, click on Product Grid Columns.
3. The screen is split into two panels:
   • Available Columns on the left shows all attributes you can add.
   • Selected Columns on the right shows the attributes currently chosen.
4. Use the search bar in the Available Columns panel to find a specific attribute by name.
5. Check the box next to an attribute to add it to your selected columns. You can select up to 10 columns.
6. To remove a column, uncheck the box next to it in the Selected Columns panel.
7. Click Save to apply your changes.

Reorder Columns

The order of columns in the Selected Columns panel determines the order they appear in the product gallery grid. To reorder columns:

1. In the Selected Columns panel, locate the attribute you want to move.
2. Click and hold the drag handle (the vertical grip icon on the left side of the row).
3. Drag the attribute to the desired position and release.
4. Click Save to apply the new order.

Column Display Behavior

In the product gallery, grid columns automatically adapt their width to fit the content. On smaller screens, some columns may be hidden to keep the layout readable. The most essential columns (those at the top of your list) are prioritized for display.