Configure the product gallery

Summary

The product gallery is the first thing users see when they open a Portfolio. For each Portfolio, you choose which Attributes appear on the product cards and which Attributes appear as columns when users switch to list view, so they can compare products at a glance without opening them.

For example, a furniture wholesaler can show the price and the main material under each product label on the cards, and the reference, dimensions, color, price and availability as table columns for buyers who compare dozens of chairs side by side.

This page was previously called Product grid columns. You can now also choose the Attributes shown on product cards. You need the Administrator role to configure the product gallery.

 

Before you start

You can only pick Attributes that are visible in the Portfolio. If an Attribute is missing from the lists, add it in the Attribute selection section first. See Portfolio settings and Attribute selection.

The following Attribute types can be displayed in the product gallery:

Supported Not supported
Identifier, Text, Textarea, Number, Yes/No, Date, Metric, Price, Simple select, Multi select, Product link, Reference entity, Reference entities, as well as the Family and Categories of the product Assets, Image, File, Table

Attributes of an unsupported type do not appear in the lists.

  1. Go to Admin > Portfolios and click the Portfolio you want to configure.
  2. Click Product gallery in the left sidebar.

The page has two sections, Product card and Table columns. Each section has two panels: the Attributes you can add on the left, and the Attributes already selected on the right, with a counter showing how many you selected out of the maximum.

Choose the Attributes shown on product cards

Product card Attributes appear under the product label on each card of the gallery, in grid view.

  1. In the Product card section, find an Attribute in Available Attributes. Use the search field to search by label or code.
  2. Select the checkbox next to the Attribute. It moves to Selected Attributes.
  3. Repeat for up to 3 Attributes.
  4. Drag the handle next to a selected Attribute to change its position on the card.
  5. Click Save.
Product card section with three selected Attributes, drag handles and a 2 / 3 counter

Attributes appear on the card in the order of the Selected Attributes list, from top to bottom. When you reach the maximum, the remaining checkboxes are disabled until you remove an Attribute.

Choose the table columns

Table columns appear when users switch the gallery to list view. Each selected Attribute becomes a column, after the product image and label.

  1. In the Table columns section, find an Attribute in Available Columns. Use the search field to search by label or code.
  2. Select the checkbox next to the Attribute. It moves to Selected Columns.
  3. Repeat for up to 10 columns.
  4. Drag the handle next to a selected column to change its position.
  5. Click Save.
Table columns section with selected columns, drag handles and a column counter

Columns are displayed from left to right in the order of the Selected Columns list. Place the Attributes your users compare most often at the top of the list.

Can't find an Attribute? If your search returns no result, the message reminds you to check that the Attribute is in the Portfolio's Attribute selection, and lists the Attribute types that can be used. Click Go to attributes selection to add it.

 

Remove an Attribute

  1. In Selected Attributes or Selected Columns, clear the checkbox next to the Attribute.
  2. Click Save.

If you remove an Attribute from the Portfolio's Attribute selection, it is also removed from the product cards and the table columns.

One Save button applies to both sections. If you move to another section with unsaved changes, an Unsaved changes dialog asks you to choose between Keep editing and Discard changes.

 

What users see

  • Grid view: each product card shows the product image, the product label and the product card Attributes you selected.
  • List view: the table shows the product image and label, then one column per Attribute you selected.
  • The table columns are also used when associated products are displayed in list view, in the Associated products tab of a product.
  • The same settings apply to the Private Showrooms created from this Portfolio.

A new Portfolio has no product card Attributes and no table columns: cards show only the image and the product label, and the table shows only the image and the label until you select Attributes. The product label itself is set in the Product details section. See Configure the product details page.

Click Preview Portfolio at the top of the page to check the result as a user.

Want to find out more? Take a look at these related articles